diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index a957d12..1d11b70 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -23,7 +23,7 @@ jobs:
         run: cd server && go test ./...
 
   web:
-    name: Web + core packages
+    name: Desktop UI
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
@@ -33,12 +33,10 @@ jobs:
           cache: npm
       - name: Install dependencies
         run: npm ci
-      - name: Build web
-        run: npm run build:web
-      - name: Test core
-        run: npm run test:core
+      - name: Build desktop UI
+        run: npm run build:ui
       - name: Test UI
-        run: npm run test:ui --if-present
+        run: npm test
 
   rust:
     name: Desktop (Tauri) cargo check
@@ -58,5 +56,10 @@ jobs:
             libgtk-3-dev \
             libxdo-dev
       - uses: dtolnay/rust-toolchain@stable
+      - uses: actions/setup-go@v5
+        with:
+          go-version: '1.25'
+      - name: Prepare native sidecar
+        run: bash ./run.sh prepare
       - name: Cargo check
         run: cd src-tauri && cargo check
diff --git a/AGENTS.md b/AGENTS.md
index 3ec144b..0e6a491 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -7,26 +7,26 @@
 ```text
 浏览器  →  只看官网 + 文档（Gin :8788）
 操作    →  只走桌面 Tauri（./run.sh gui）
-apps/web (:5174)  →  仅桌面 Vite 源 / 打包 frontendDist，不是浏览器产品
+src (:5174)  →  仅桌面 Vite 源 / 打包 frontendDist，不是浏览器产品
 ```
 
 - **不要**把工作台做成浏览器 SaaS，或把 `:5174` 当对外入口。
-- Gin（`apps/server`）= 官网 / docs / health / 驱动相关 API；**不是**「远程多人协作后端」。
+- Gin（`server`）= 官网 / docs / health / 驱动相关 API；**不是**「远程多人协作后端」。
 - 连接与查询数据默认在本机；密钥与连接串按现有桌面安全实践处理。
 
-同族：`opsxapi` 同形态；`opsxshell` 同样「浏览器=官网/docs，操作=桌面」（Gin 在 `apps/server`，**无**操作 API，原生全在 Rust）。
+同族：`opsxapi` 同形态；`opsxshell` 同样「浏览器=官网/docs，操作=桌面」（Gin 在 `server`，**无**操作 API，原生全在 Rust）。
 
 ## 架构
 
 ```text
-packages/ui + apps/web  →  packages/transport（tauri-native | gin）  →  桌面 / 本机 Gin
-apps/desktop            →  Tauri 2 壳
-apps/server             →  Gin 官网 + docs + 驱动 API
+src/                   →  React 桌面 UI / 本机 API
+src-tauri/              →  Tauri 2 壳
+server/                →  Gin 官网 + docs + 驱动 API
 connection-types/       →  引擎注册表（ready / verified / notes）
-agents/                 →  JDBC agent 桥（Java 单文件桥 + 协议文档；Go 侧在 apps/server/internal/db/agent.go）
+agents/                 →  JDBC agent 桥（Java 单文件桥 + 协议文档；Go 侧在 server/internal/db/agent.go）
 ```
 
-改驱动能力：先动注册表与 server/desktop 对应路径，再补 UI；未 `ready` 的引擎界面须灰态，勿标成可用。
+改驱动能力：先动注册表与 server/src-tauri 对应路径，再补 UI；未 `ready` 的引擎界面须灰态，勿标成可用。
 
 ## 怎么跑
 
@@ -37,10 +37,10 @@ npm install
 ./run.sh stop | status | restart
 ```
 
-改 `apps/server` 后需重编（`./run.sh restart`）。清单与验收见 `docs/BACKLOG.md`。
+改 `server` 后需重编（`./run.sh restart`）。清单与验收见 `docs/BACKLOG.md`。
 
 ## 给 AI
 
-- 跟现有 monorepo 分包，勿平行造第二套客户端。
+- 沿用根级 src / src-tauri / server 架构，勿重建 apps 或第二套客户端；homepage 保持独立。
 - 需求清楚就直接改；细节以邻近代码与 BACKLOG 为准，不必先扩写长规范。
 - 少加「仅 AI 可读」的重复文档；用户可见文案与 docs 内容保持同步即可。
diff --git a/CLAUDE.md b/CLAUDE.md
index 57fab9d..35990c4 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -2,7 +2,7 @@
 
 请使用中文。规则以 [AGENTS.md](./AGENTS.md) 为准。
 
-**浏览器 = Gin 官网 + `/docs`（:8788）；操作只走桌面 Tauri。** `apps/web` 只是桌面打包源。
+**浏览器 = Gin 官网 + `/docs`（:8788）；操作只走桌面 Tauri。** `src` 只是桌面打包源。
 
 ```bash
 ./run.sh web   # 官网/文档
diff --git a/Makefile b/Makefile
index 15efe71..343d1ca 100644
--- a/Makefile
+++ b/Makefile
@@ -2,7 +2,6 @@
 
 install:
 	npm install
-	npm --prefix apps/desktop install
 
 web:
 	./run.sh web
@@ -26,7 +25,7 @@ desktop:
 	./run.sh desktop
 
 build-web:
-	npm run build:web
+	npm run build:ui
 
 # test = Go 后端用例 + UI 回归
 test:
@@ -37,4 +36,4 @@ test-go:
 	cd server && go test ./...
 
 test-ui:
-	npm run test:ui --if-present
+	npm test
diff --git a/agents/README.md b/agents/README.md
index 9f13793..4ec5347 100644
--- a/agents/README.md
+++ b/agents/README.md
@@ -3,7 +3,7 @@
 纯 JDK + gson 的通用 JDBC 桥：Go 服务端通过 stdin/stdout 的 JSON Lines 协议驱动一个
 本机 JVM 进程，由它加载**官方 JDBC 驱动**（用户自备 jar，许可合规）连接数据库。
 设计对标 DBX 的 agent 模式；v1 先接达梦，新增驱动在
-`apps/server/internal/db/agent.go` 的 `agentDriverSpecs` 登记一行即可。
+`server/internal/db/agent.go` 的 `agentDriverSpecs` 登记一行即可。
 
 ## 组成
 
@@ -11,9 +11,9 @@
 agents/jdbc/OpsxJdbcAgent.java   JDBC 通用桥（达梦等官方 JDBC 驱动）
 agents/jdbc/OpsxZkAgent.java     ZooKeeper 专属桥（官方客户端，NIO socket 免 netty 全家桶之外还需 6 个 netty jar 供 SSL 类初始化）
 agents/jdbc/OpsxMongoAgent.java  MongoDB 专属桥（官方 sync driver + 迷你 DSL）
-apps/server/internal/db/agent.go Go 侧：进程池 / 协议客户端 / 元数据与执行入口（注册表 agentDriverSpecs）
-apps/server/internal/db/es.go    Elasticsearch 原生接入（HTTP + SQL API）
-apps/server/internal/db/influx.go InfluxDB 2.x 原生接入（HTTP + Flux）
+server/internal/db/agent.go Go 侧：进程池 / 协议客户端 / 元数据与执行入口（注册表 agentDriverSpecs）
+server/internal/db/es.go    Elasticsearch 原生接入（HTTP + SQL API）
+server/internal/db/influx.go InfluxDB 2.x 原生接入（HTTP + Flux）
 ```
 
 > Elasticsearch 曾评估走 agent + x-pack-sql-jdbc，实测 basic 许可报
diff --git a/apps/desktop/package-lock.json b/apps/desktop/package-lock.json
deleted file mode 100644
index 5031bd6..0000000
--- a/apps/desktop/package-lock.json
+++ /dev/null
@@ -1,220 +0,0 @@
-{
-  "name": "@opsxdb/desktop",
-  "version": "0.1.0",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "@opsxdb/desktop",
-      "version": "0.1.0",
-      "devDependencies": {
-        "@tauri-apps/cli": "^2.4.0"
-      }
-    },
-    "node_modules/@tauri-apps/cli": {
-      "version": "2.11.4",
-      "resolved": "https://registry.npmjs.org/@tauri-apps/cli/-/cli-2.11.4.tgz",
-      "integrity": "sha512-R8xGtMpwyetawSqm9kYOuMmEqkhUbvcUy8n0aNXIxollKBLESUu5f4Fx+64hgASYm1H+jSWq6jCW6zqTnH6hqQ==",
-      "dev": true,
-      "bin": {
-        "tauri": "tauri.js"
-      },
-      "engines": {
-        "node": ">= 10"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/tauri"
-      },
-      "optionalDependencies": {
-        "@tauri-apps/cli-darwin-arm64": "2.11.4",
-        "@tauri-apps/cli-darwin-x64": "2.11.4",
-        "@tauri-apps/cli-linux-arm-gnueabihf": "2.11.4",
-        "@tauri-apps/cli-linux-arm64-gnu": "2.11.4",
-        "@tauri-apps/cli-linux-arm64-musl": "2.11.4",
-        "@tauri-apps/cli-linux-riscv64-gnu": "2.11.4",
-        "@tauri-apps/cli-linux-x64-gnu": "2.11.4",
-        "@tauri-apps/cli-linux-x64-musl": "2.11.4",
-        "@tauri-apps/cli-win32-arm64-msvc": "2.11.4",
-        "@tauri-apps/cli-win32-ia32-msvc": "2.11.4",
-        "@tauri-apps/cli-win32-x64-msvc": "2.11.4"
-      }
-    },
-    "node_modules/@tauri-apps/cli-darwin-arm64": {
-      "version": "2.11.4",
-      "resolved": "https://registry.npmjs.org/@tauri-apps/cli-darwin-arm64/-/cli-darwin-arm64-2.11.4.tgz",
-      "integrity": "sha512-1ryOF3ZhpZ/nemHV5zVwBQBz9jDGKmKPvWPADOhc83ig0P4bMc2iER4NbC6r9sjeIZ6RVQ4g3RZIYvezhcl4TQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@tauri-apps/cli-darwin-x64": {
-      "version": "2.11.4",
-      "resolved": "https://registry.npmjs.org/@tauri-apps/cli-darwin-x64/-/cli-darwin-x64-2.11.4.tgz",
-      "integrity": "sha512-uFsGQAAfuyz1k/yGLmkWfkBlgKAqZfxqlHmLWx81QU27RJWfmbNHCIq8T8w1e+VClleIuZUjpHWfoE4E3DLo3A==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@tauri-apps/cli-linux-arm-gnueabihf": {
-      "version": "2.11.4",
-      "resolved": "https://registry.npmjs.org/@tauri-apps/cli-linux-arm-gnueabihf/-/cli-linux-arm-gnueabihf-2.11.4.tgz",
-      "integrity": "sha512-IaHZn5CdBL21oUmjiVOS1ctw6Ip1O0pjp70FwOWmYz1myWe0SY96ZIj2FYf7pT0m8bI2h/hrs5ZbEXXh44/MkQ==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@tauri-apps/cli-linux-arm64-gnu": {
-      "version": "2.11.4",
-      "resolved": "https://registry.npmjs.org/@tauri-apps/cli-linux-arm64-gnu/-/cli-linux-arm64-gnu-2.11.4.tgz",
-      "integrity": "sha512-N41/ukTRVe6XSuUTESuFdGeOW2i7k62tK+6gHK5Kd5/q5RPvvi19GaWAVPPb9u95HSGmTChSolBfzynUsssFaA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@tauri-apps/cli-linux-arm64-musl": {
-      "version": "2.11.4",
-      "resolved": "https://registry.npmjs.org/@tauri-apps/cli-linux-arm64-musl/-/cli-linux-arm64-musl-2.11.4.tgz",
-      "integrity": "sha512-v277UnT/fB64xAfSroL5N3Km3tLmvATWqJJw/wRI+g6o+HkeD0slyE7gOhNs1MbjE41R7bQOTxMVoL3aomUJmw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@tauri-apps/cli-linux-riscv64-gnu": {
-      "version": "2.11.4",
-      "resolved": "https://registry.npmjs.org/@tauri-apps/cli-linux-riscv64-gnu/-/cli-linux-riscv64-gnu-2.11.4.tgz",
-      "integrity": "sha512-qqgNkQ2u1yZHxjhxsZaxUtRDW8dIqIYm33rx/mzwQv0SfY9x1B+iraj8vWeFiXjjSVVhEMepXSOts1TqPzvXNQ==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@tauri-apps/cli-linux-x64-gnu": {
-      "version": "2.11.4",
-      "resolved": "https://registry.npmjs.org/@tauri-apps/cli-linux-x64-gnu/-/cli-linux-x64-gnu-2.11.4.tgz",
-      "integrity": "sha512-2VRNWl84FOH0m2giiDkO2h0QXlcMJeX+zJDpI5kDIQAx6s+geF3v48F4DXfJez4GS/FdoDGnPnw1C2iYGbQ7bQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@tauri-apps/cli-linux-x64-musl": {
-      "version": "2.11.4",
-      "resolved": "https://registry.npmjs.org/@tauri-apps/cli-linux-x64-musl/-/cli-linux-x64-musl-2.11.4.tgz",
-      "integrity": "sha512-o9GyhYor/nc7xarmwDE3ka2szuW3uuZzXjHWh64Q8YX5AtSgxdQkFWzrY4O8KiGtVNvFBI14H3Q49Qj5TOIP/A==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@tauri-apps/cli-win32-arm64-msvc": {
-      "version": "2.11.4",
-      "resolved": "https://registry.npmjs.org/@tauri-apps/cli-win32-arm64-msvc/-/cli-win32-arm64-msvc-2.11.4.tgz",
-      "integrity": "sha512-ld5Ehb598m0VkYyylRPNeCFsBe/km0jxis6KgMpl3IGY6I/i1RwQXO05I1AsXUXO2WC6AvB/Lw4qTf/asiuEiQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@tauri-apps/cli-win32-ia32-msvc": {
-      "version": "2.11.4",
-      "resolved": "https://registry.npmjs.org/@tauri-apps/cli-win32-ia32-msvc/-/cli-win32-ia32-msvc-2.11.4.tgz",
-      "integrity": "sha512-12Hxi0XX/H5VFxO/bGgHkFWhml9VMgEOu9CidjeCeTNQ1l6fpUlbiGgSP7CLI3PFtW9/FfbeHieZ+kyWK5H7CA==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@tauri-apps/cli-win32-x64-msvc": {
-      "version": "2.11.4",
-      "resolved": "https://registry.npmjs.org/@tauri-apps/cli-win32-x64-msvc/-/cli-win32-x64-msvc-2.11.4.tgz",
-      "integrity": "sha512-+vDiqBIU5dMISg/wNvX3sF+ZHfgJGJ5T0AcO+EHNXV9GGAG+P5fzodlDXD3QdKCRgZxMoCm5PPvj3BqLNjBthw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    }
-  }
-}
diff --git a/apps/desktop/package.json b/apps/desktop/package.json
deleted file mode 100644
index 8a6d833..0000000
--- a/apps/desktop/package.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "name": "@opsxdb/desktop",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "tauri": "tauri"
-  },
-  "devDependencies": {
-    "@tauri-apps/cli": "^2.4.0"
-  }
-}
diff --git a/apps/desktop/src-tauri/Cargo.toml b/apps/desktop/src-tauri/Cargo.toml
deleted file mode 100644
index 9270a8d..0000000
--- a/apps/desktop/src-tauri/Cargo.toml
+++ /dev/null
@@ -1,29 +0,0 @@
-[package]
-name = "opsxdb-desktop"
-version = "0.1.0"
-description = "OpsxDB Tauri desktop shell"
-authors = ["OpsxDB"]
-edition = "2021"
-default-run = "OpsxDB"
-
-[lib]
-name = "opsxdb_desktop_lib"
-crate-type = ["staticlib", "cdylib", "rlib"]
-
-[[bin]]
-name = "OpsxDB"
-path = "src/main.rs"
-
-[build-dependencies]
-tauri-build = { version = "2", features = [] }
-
-[dependencies]
-tauri = { version = "2", features = [] }  # path via Manager
-tauri-plugin-single-instance = "2"         # 二次启动聚焦已有窗口
-serde = { version = "1", features = ["derive"] }
-serde_json = "1"
-reqwest = { version = "0.12", default-features = false, features = ["rustls-tls", "json", "blocking"] }
-tokio = { version = "1", features = ["time"] }
-url = "2"
-rand = "0.8"
-tauri-plugin-window-state = "2"
diff --git a/apps/desktop/src-tauri/build.rs b/apps/desktop/src-tauri/build.rs
deleted file mode 100644
index d860e1e..0000000
--- a/apps/desktop/src-tauri/build.rs
+++ /dev/null
@@ -1,3 +0,0 @@
-fn main() {
-    tauri_build::build()
-}
diff --git a/apps/desktop/src-tauri/capabilities/default.json b/apps/desktop/src-tauri/capabilities/default.json
deleted file mode 100644
index ab248a4..0000000
--- a/apps/desktop/src-tauri/capabilities/default.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "$schema": "../gen/schemas/desktop-schema.json",
-  "identifier": "default",
-  "description": "Default capabilities for the OpsxDB main window",
-  "windows": [
-    "main"
-  ],
-  "permissions": [
-    "core:default",
-    "window-state:default"
-  ]
-}
diff --git a/apps/desktop/src-tauri/icons/128x128.png b/apps/desktop/src-tauri/icons/128x128.png
deleted file mode 100644
index dd5d5a5..0000000
Binary files a/apps/desktop/src-tauri/icons/128x128.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/128x128@2x.png b/apps/desktop/src-tauri/icons/128x128@2x.png
deleted file mode 100644
index 3d58e3e..0000000
Binary files a/apps/desktop/src-tauri/icons/128x128@2x.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/32x32.png b/apps/desktop/src-tauri/icons/32x32.png
deleted file mode 100644
index c400508..0000000
Binary files a/apps/desktop/src-tauri/icons/32x32.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/64x64.png b/apps/desktop/src-tauri/icons/64x64.png
deleted file mode 100644
index 518db93..0000000
Binary files a/apps/desktop/src-tauri/icons/64x64.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/Square107x107Logo.png b/apps/desktop/src-tauri/icons/Square107x107Logo.png
deleted file mode 100644
index ce0c62a..0000000
Binary files a/apps/desktop/src-tauri/icons/Square107x107Logo.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/Square142x142Logo.png b/apps/desktop/src-tauri/icons/Square142x142Logo.png
deleted file mode 100644
index d3209c2..0000000
Binary files a/apps/desktop/src-tauri/icons/Square142x142Logo.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/Square150x150Logo.png b/apps/desktop/src-tauri/icons/Square150x150Logo.png
deleted file mode 100644
index dbb1c82..0000000
Binary files a/apps/desktop/src-tauri/icons/Square150x150Logo.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/Square284x284Logo.png b/apps/desktop/src-tauri/icons/Square284x284Logo.png
deleted file mode 100644
index 8078d1d..0000000
Binary files a/apps/desktop/src-tauri/icons/Square284x284Logo.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/Square30x30Logo.png b/apps/desktop/src-tauri/icons/Square30x30Logo.png
deleted file mode 100644
index 0a73e00..0000000
Binary files a/apps/desktop/src-tauri/icons/Square30x30Logo.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/Square310x310Logo.png b/apps/desktop/src-tauri/icons/Square310x310Logo.png
deleted file mode 100644
index 1b1b8c2..0000000
Binary files a/apps/desktop/src-tauri/icons/Square310x310Logo.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/Square44x44Logo.png b/apps/desktop/src-tauri/icons/Square44x44Logo.png
deleted file mode 100644
index 2cd5e2b..0000000
Binary files a/apps/desktop/src-tauri/icons/Square44x44Logo.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/Square71x71Logo.png b/apps/desktop/src-tauri/icons/Square71x71Logo.png
deleted file mode 100644
index 01015a9..0000000
Binary files a/apps/desktop/src-tauri/icons/Square71x71Logo.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/Square89x89Logo.png b/apps/desktop/src-tauri/icons/Square89x89Logo.png
deleted file mode 100644
index a8250c6..0000000
Binary files a/apps/desktop/src-tauri/icons/Square89x89Logo.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/StoreLogo.png b/apps/desktop/src-tauri/icons/StoreLogo.png
deleted file mode 100644
index 70abd6b..0000000
Binary files a/apps/desktop/src-tauri/icons/StoreLogo.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/android/mipmap-anydpi-v26/ic_launcher.xml b/apps/desktop/src-tauri/icons/android/mipmap-anydpi-v26/ic_launcher.xml
deleted file mode 100644
index 2ffbf24..0000000
--- a/apps/desktop/src-tauri/icons/android/mipmap-anydpi-v26/ic_launcher.xml
+++ /dev/null
@@ -1,5 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
-  <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
-  <background android:drawable="@color/ic_launcher_background"/>
-</adaptive-icon>
\ No newline at end of file
diff --git a/apps/desktop/src-tauri/icons/android/mipmap-hdpi/ic_launcher.png b/apps/desktop/src-tauri/icons/android/mipmap-hdpi/ic_launcher.png
deleted file mode 100644
index ec23ae9..0000000
Binary files a/apps/desktop/src-tauri/icons/android/mipmap-hdpi/ic_launcher.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/android/mipmap-hdpi/ic_launcher_foreground.png b/apps/desktop/src-tauri/icons/android/mipmap-hdpi/ic_launcher_foreground.png
deleted file mode 100644
index 7afb752..0000000
Binary files a/apps/desktop/src-tauri/icons/android/mipmap-hdpi/ic_launcher_foreground.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/android/mipmap-hdpi/ic_launcher_round.png b/apps/desktop/src-tauri/icons/android/mipmap-hdpi/ic_launcher_round.png
deleted file mode 100644
index 38a17e0..0000000
Binary files a/apps/desktop/src-tauri/icons/android/mipmap-hdpi/ic_launcher_round.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/android/mipmap-mdpi/ic_launcher.png b/apps/desktop/src-tauri/icons/android/mipmap-mdpi/ic_launcher.png
deleted file mode 100644
index 2fb0fe7..0000000
Binary files a/apps/desktop/src-tauri/icons/android/mipmap-mdpi/ic_launcher.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/android/mipmap-mdpi/ic_launcher_foreground.png b/apps/desktop/src-tauri/icons/android/mipmap-mdpi/ic_launcher_foreground.png
deleted file mode 100644
index 9fcd5d6..0000000
Binary files a/apps/desktop/src-tauri/icons/android/mipmap-mdpi/ic_launcher_foreground.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/android/mipmap-mdpi/ic_launcher_round.png b/apps/desktop/src-tauri/icons/android/mipmap-mdpi/ic_launcher_round.png
deleted file mode 100644
index e37aa7f..0000000
Binary files a/apps/desktop/src-tauri/icons/android/mipmap-mdpi/ic_launcher_round.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/android/mipmap-xhdpi/ic_launcher.png b/apps/desktop/src-tauri/icons/android/mipmap-xhdpi/ic_launcher.png
deleted file mode 100644
index 1d93418..0000000
Binary files a/apps/desktop/src-tauri/icons/android/mipmap-xhdpi/ic_launcher.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/android/mipmap-xhdpi/ic_launcher_foreground.png b/apps/desktop/src-tauri/icons/android/mipmap-xhdpi/ic_launcher_foreground.png
deleted file mode 100644
index 23d33e0..0000000
Binary files a/apps/desktop/src-tauri/icons/android/mipmap-xhdpi/ic_launcher_foreground.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/android/mipmap-xhdpi/ic_launcher_round.png b/apps/desktop/src-tauri/icons/android/mipmap-xhdpi/ic_launcher_round.png
deleted file mode 100644
index bdf6a4b..0000000
Binary files a/apps/desktop/src-tauri/icons/android/mipmap-xhdpi/ic_launcher_round.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/android/mipmap-xxhdpi/ic_launcher.png b/apps/desktop/src-tauri/icons/android/mipmap-xxhdpi/ic_launcher.png
deleted file mode 100644
index 28c4417..0000000
Binary files a/apps/desktop/src-tauri/icons/android/mipmap-xxhdpi/ic_launcher.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/android/mipmap-xxhdpi/ic_launcher_foreground.png b/apps/desktop/src-tauri/icons/android/mipmap-xxhdpi/ic_launcher_foreground.png
deleted file mode 100644
index 543a3c0..0000000
Binary files a/apps/desktop/src-tauri/icons/android/mipmap-xxhdpi/ic_launcher_foreground.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/android/mipmap-xxhdpi/ic_launcher_round.png b/apps/desktop/src-tauri/icons/android/mipmap-xxhdpi/ic_launcher_round.png
deleted file mode 100644
index 70f66f0..0000000
Binary files a/apps/desktop/src-tauri/icons/android/mipmap-xxhdpi/ic_launcher_round.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/android/mipmap-xxxhdpi/ic_launcher.png b/apps/desktop/src-tauri/icons/android/mipmap-xxxhdpi/ic_launcher.png
deleted file mode 100644
index 2404cb4..0000000
Binary files a/apps/desktop/src-tauri/icons/android/mipmap-xxxhdpi/ic_launcher.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/android/mipmap-xxxhdpi/ic_launcher_foreground.png b/apps/desktop/src-tauri/icons/android/mipmap-xxxhdpi/ic_launcher_foreground.png
deleted file mode 100644
index 63134f3..0000000
Binary files a/apps/desktop/src-tauri/icons/android/mipmap-xxxhdpi/ic_launcher_foreground.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/android/mipmap-xxxhdpi/ic_launcher_round.png b/apps/desktop/src-tauri/icons/android/mipmap-xxxhdpi/ic_launcher_round.png
deleted file mode 100644
index f4fdb65..0000000
Binary files a/apps/desktop/src-tauri/icons/android/mipmap-xxxhdpi/ic_launcher_round.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/android/values/ic_launcher_background.xml b/apps/desktop/src-tauri/icons/android/values/ic_launcher_background.xml
deleted file mode 100644
index ea9c223..0000000
--- a/apps/desktop/src-tauri/icons/android/values/ic_launcher_background.xml
+++ /dev/null
@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<resources>
-  <color name="ic_launcher_background">#fff</color>
-</resources>
\ No newline at end of file
diff --git a/apps/desktop/src-tauri/icons/icon.icns b/apps/desktop/src-tauri/icons/icon.icns
deleted file mode 100644
index 73fcf19..0000000
Binary files a/apps/desktop/src-tauri/icons/icon.icns and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/icon.ico b/apps/desktop/src-tauri/icons/icon.ico
deleted file mode 100644
index 240a49e..0000000
Binary files a/apps/desktop/src-tauri/icons/icon.ico and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/icon.png b/apps/desktop/src-tauri/icons/icon.png
deleted file mode 100644
index 03b7766..0000000
Binary files a/apps/desktop/src-tauri/icons/icon.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/icon.svg b/apps/desktop/src-tauri/icons/icon.svg
deleted file mode 100644
index 8accdbc..0000000
--- a/apps/desktop/src-tauri/icons/icon.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
-  <rect width="512" height="512" rx="112" fill="#E11D2E"/>
-  <g transform="rotate(-20 256 256)">
-    <path d="M256 108 L290 216 L404 216 L312 286 L344 398 L256 332 L168 398 L200 286 L108 216 L222 216 Z"
-          fill="none" stroke="#FFFFFF" stroke-width="30" stroke-linejoin="round" stroke-linecap="round"/>
-  </g>
-</svg>
diff --git a/apps/desktop/src-tauri/icons/ios/AppIcon-20x20@1x.png b/apps/desktop/src-tauri/icons/ios/AppIcon-20x20@1x.png
deleted file mode 100644
index b32b5ce..0000000
Binary files a/apps/desktop/src-tauri/icons/ios/AppIcon-20x20@1x.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/ios/AppIcon-20x20@2x-1.png b/apps/desktop/src-tauri/icons/ios/AppIcon-20x20@2x-1.png
deleted file mode 100644
index ceeee7f..0000000
Binary files a/apps/desktop/src-tauri/icons/ios/AppIcon-20x20@2x-1.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/ios/AppIcon-20x20@2x.png b/apps/desktop/src-tauri/icons/ios/AppIcon-20x20@2x.png
deleted file mode 100644
index ceeee7f..0000000
Binary files a/apps/desktop/src-tauri/icons/ios/AppIcon-20x20@2x.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/ios/AppIcon-20x20@3x.png b/apps/desktop/src-tauri/icons/ios/AppIcon-20x20@3x.png
deleted file mode 100644
index b64c721..0000000
Binary files a/apps/desktop/src-tauri/icons/ios/AppIcon-20x20@3x.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/ios/AppIcon-29x29@1x.png b/apps/desktop/src-tauri/icons/ios/AppIcon-29x29@1x.png
deleted file mode 100644
index dded63b..0000000
Binary files a/apps/desktop/src-tauri/icons/ios/AppIcon-29x29@1x.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/ios/AppIcon-29x29@2x-1.png b/apps/desktop/src-tauri/icons/ios/AppIcon-29x29@2x-1.png
deleted file mode 100644
index d3b6745..0000000
Binary files a/apps/desktop/src-tauri/icons/ios/AppIcon-29x29@2x-1.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/ios/AppIcon-29x29@2x.png b/apps/desktop/src-tauri/icons/ios/AppIcon-29x29@2x.png
deleted file mode 100644
index d3b6745..0000000
Binary files a/apps/desktop/src-tauri/icons/ios/AppIcon-29x29@2x.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/ios/AppIcon-29x29@3x.png b/apps/desktop/src-tauri/icons/ios/AppIcon-29x29@3x.png
deleted file mode 100644
index f4e1b0a..0000000
Binary files a/apps/desktop/src-tauri/icons/ios/AppIcon-29x29@3x.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/ios/AppIcon-40x40@1x.png b/apps/desktop/src-tauri/icons/ios/AppIcon-40x40@1x.png
deleted file mode 100644
index ceeee7f..0000000
Binary files a/apps/desktop/src-tauri/icons/ios/AppIcon-40x40@1x.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/ios/AppIcon-40x40@2x-1.png b/apps/desktop/src-tauri/icons/ios/AppIcon-40x40@2x-1.png
deleted file mode 100644
index 9dc1641..0000000
Binary files a/apps/desktop/src-tauri/icons/ios/AppIcon-40x40@2x-1.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/ios/AppIcon-40x40@2x.png b/apps/desktop/src-tauri/icons/ios/AppIcon-40x40@2x.png
deleted file mode 100644
index 9dc1641..0000000
Binary files a/apps/desktop/src-tauri/icons/ios/AppIcon-40x40@2x.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/ios/AppIcon-40x40@3x.png b/apps/desktop/src-tauri/icons/ios/AppIcon-40x40@3x.png
deleted file mode 100644
index 1851a00..0000000
Binary files a/apps/desktop/src-tauri/icons/ios/AppIcon-40x40@3x.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/ios/AppIcon-512@2x.png b/apps/desktop/src-tauri/icons/ios/AppIcon-512@2x.png
deleted file mode 100644
index ae96588..0000000
Binary files a/apps/desktop/src-tauri/icons/ios/AppIcon-512@2x.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/ios/AppIcon-60x60@2x.png b/apps/desktop/src-tauri/icons/ios/AppIcon-60x60@2x.png
deleted file mode 100644
index 1851a00..0000000
Binary files a/apps/desktop/src-tauri/icons/ios/AppIcon-60x60@2x.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/ios/AppIcon-60x60@3x.png b/apps/desktop/src-tauri/icons/ios/AppIcon-60x60@3x.png
deleted file mode 100644
index c8ee8b4..0000000
Binary files a/apps/desktop/src-tauri/icons/ios/AppIcon-60x60@3x.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/ios/AppIcon-76x76@1x.png b/apps/desktop/src-tauri/icons/ios/AppIcon-76x76@1x.png
deleted file mode 100644
index 7351eb1..0000000
Binary files a/apps/desktop/src-tauri/icons/ios/AppIcon-76x76@1x.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/ios/AppIcon-76x76@2x.png b/apps/desktop/src-tauri/icons/ios/AppIcon-76x76@2x.png
deleted file mode 100644
index 1be910b..0000000
Binary files a/apps/desktop/src-tauri/icons/ios/AppIcon-76x76@2x.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/ios/AppIcon-83.5x83.5@2x.png b/apps/desktop/src-tauri/icons/ios/AppIcon-83.5x83.5@2x.png
deleted file mode 100644
index bf53b2e..0000000
Binary files a/apps/desktop/src-tauri/icons/ios/AppIcon-83.5x83.5@2x.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/options/cylinder.png b/apps/desktop/src-tauri/icons/options/cylinder.png
deleted file mode 100644
index eb72235..0000000
Binary files a/apps/desktop/src-tauri/icons/options/cylinder.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/options/cylinder.svg b/apps/desktop/src-tauri/icons/options/cylinder.svg
deleted file mode 100644
index 8f30d42..0000000
--- a/apps/desktop/src-tauri/icons/options/cylinder.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
-  <rect width="512" height="512" rx="112" fill="#0B182C"/>
-  <ellipse cx="256" cy="156" rx="128" ry="40" fill="#60A5FA"/>
-  <path d="M128 156v64c0 22 57 40 128 40s128-18 128-40v-64" fill="#3B82F6"/>
-  <ellipse cx="256" cy="220" rx="128" ry="40" fill="#93C5FD"/>
-  <path d="M128 220v64c0 22 57 40 128 40s128-18 128-40v-64" fill="#3B82F6"/>
-  <ellipse cx="256" cy="284" rx="128" ry="40" fill="#BFDBFE"/>
-  <path d="M128 284v88c0 22 57 40 128 40s128-18 128-40v-88" fill="#2563EB"/>
-  <ellipse cx="256" cy="372" rx="128" ry="40" fill="#3B82F6"/>
-</svg>
diff --git a/apps/desktop/src-tauri/icons/options/star.png b/apps/desktop/src-tauri/icons/options/star.png
deleted file mode 100644
index 169cacf..0000000
Binary files a/apps/desktop/src-tauri/icons/options/star.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/options/star.svg b/apps/desktop/src-tauri/icons/options/star.svg
deleted file mode 100644
index a5a4b2d..0000000
--- a/apps/desktop/src-tauri/icons/options/star.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
-  <rect width="512" height="512" rx="112" fill="#EF4444"/>
-  <g transform="rotate(8 256 256)">
-    <path d="M256 88 L298 214 L432 214 L324 292 L364 420 L256 344 L148 420 L188 292 L80 214 L214 214 Z"
-          fill="none" stroke="#FFFFFF" stroke-width="36" stroke-linejoin="round" stroke-linecap="round"/>
-  </g>
-</svg>
diff --git a/apps/desktop/src-tauri/icons/options/tilt.png b/apps/desktop/src-tauri/icons/options/tilt.png
deleted file mode 100644
index 6e9af19..0000000
Binary files a/apps/desktop/src-tauri/icons/options/tilt.png and /dev/null differ
diff --git a/apps/desktop/src-tauri/icons/options/tilt.svg b/apps/desktop/src-tauri/icons/options/tilt.svg
deleted file mode 100644
index 1c23a36..0000000
--- a/apps/desktop/src-tauri/icons/options/tilt.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
-  <rect width="512" height="512" rx="112" fill="#EF4444"/>
-  <g transform="rotate(12 256 256)">
-    <path d="M256 96 L294 214 L420 214 L318 288 L354 408 L256 336 L158 408 L194 288 L92 214 L218 214 Z"
-          fill="none" stroke="#FFFFFF" stroke-width="34" stroke-linejoin="round" stroke-linecap="round"/>
-  </g>
-</svg>
diff --git a/apps/desktop/src-tauri/src/lib.rs b/apps/desktop/src-tauri/src/lib.rs
deleted file mode 100644
index f25f3e2..0000000
--- a/apps/desktop/src-tauri/src/lib.rs
+++ /dev/null
@@ -1,170 +0,0 @@
-mod sidecar;
-
-use tauri::Manager;
-
-use serde::{Deserialize, Serialize};
-use std::collections::HashMap;
-use std::time::{Duration, Instant};
-
-#[derive(Debug, Deserialize)]
-#[serde(rename_all = "camelCase")]
-struct BodySpec {
-    mode: String,
-    raw: Option<String>,
-}
-
-#[derive(Debug, Deserialize)]
-#[serde(rename_all = "camelCase")]
-struct HttpSpec {
-    method: String,
-    url: String,
-    #[serde(default)]
-    headers: HashMap<String, String>,
-    query: Option<HashMap<String, String>>,
-    body: Option<BodySpec>,
-    timeout_ms: Option<u64>,
-}
-
-#[derive(Debug, Serialize)]
-#[serde(rename_all = "camelCase")]
-struct HttpResult {
-    status: u16,
-    headers: HashMap<String, String>,
-    body: String,
-    time_ms: u128,
-    size: usize,
-}
-
-#[derive(Debug, Deserialize)]
-struct WsSpec {
-    url: String,
-    protocols: Option<Vec<String>>,
-    headers: Option<HashMap<String, String>>,
-}
-
-fn validate_http_url(raw: &str) -> Result<url::Url, String> {
-    let parsed = url::Url::parse(raw).map_err(|e| format!("invalid URL: {e}"))?;
-    match parsed.scheme() {
-        "http" | "https" => {}
-        _ => return Err("only http/https schemes are allowed".into()),
-    }
-    match parsed.host_str().unwrap_or("").to_ascii_lowercase().as_str() {
-        "169.254.169.254" | "metadata.google.internal" => {
-            return Err("blocked metadata host".into())
-        }
-        _ => {}
-    }
-    Ok(parsed)
-}
-
-#[tauri::command]
-async fn http_send(spec: HttpSpec) -> Result<HttpResult, String> {
-    let mut url = validate_http_url(&spec.url)?;
-    if let Some(query) = &spec.query {
-        let mut pairs = url.query_pairs_mut();
-        for (key, value) in query {
-            pairs.append_pair(key, value);
-        }
-    }
-
-    let method = reqwest::Method::from_bytes(spec.method.as_bytes())
-        .map_err(|e| format!("invalid method: {e}"))?;
-    let timeout = Duration::from_millis(spec.timeout_ms.unwrap_or(30_000));
-    let client = reqwest::Client::builder()
-        .timeout(timeout)
-        .build()
-        .map_err(|e| e.to_string())?;
-    let mut request = client.request(method, url);
-    for (key, value) in spec.headers {
-        request = request.header(&key, &value);
-    }
-    if let Some(body) = spec.body {
-        if body.mode != "none" {
-            request = request.body(body.raw.unwrap_or_default());
-        }
-    }
-
-    let started = Instant::now();
-    let response = request.send().await.map_err(|e| e.to_string())?;
-    let status = response.status().as_u16();
-    let headers = response
-        .headers()
-        .iter()
-        .map(|(k, v)| (k.to_string(), v.to_str().unwrap_or("").to_string()))
-        .collect();
-    let bytes = response.bytes().await.map_err(|e| e.to_string())?;
-    let size = bytes.len();
-    let body = String::from_utf8_lossy(&bytes).into_owned();
-    Ok(HttpResult {
-        status,
-        headers,
-        body,
-        time_ms: started.elapsed().as_millis(),
-        size,
-    })
-}
-
-#[tauri::command]
-async fn ws_connect(spec: WsSpec) -> Result<String, String> {
-    let _ = (&spec.protocols, &spec.headers);
-    // TODO(week2): hold WebSocket sessions in managed state and emit messages.
-    Err(format!(
-        "WebSocket native tunnel is not implemented yet for {} (use browser WS in MVP)",
-        spec.url
-    ))
-}
-
-#[tauri::command]
-async fn ws_send(session_id: String, data: String) -> Result<(), String> {
-    let _ = (session_id, data);
-    Err("WebSocket native send is a Week 2 stub".into())
-}
-
-#[tauri::command]
-async fn ws_close(session_id: String) -> Result<(), String> {
-    let _ = session_id;
-    Ok(())
-}
-
-/// 前端启动时拉取后端地址与 token(注入 window.__OPSXDB_API__/__OPSXDB_TOKEN__)。
-#[tauri::command]
-fn get_backend_config(
-    state: tauri::State<'_, sidecar::SidecarState>,
-) -> Result<sidecar::BackendConfig, String> {
-    state
-        .backend_config()
-        .ok_or_else(|| "后端尚未就绪".to_string())
-}
-
-#[cfg_attr(mobile, tauri::mobile_entry_point)]
-pub fn run() {
-    tauri::Builder::default()
-        .plugin(tauri_plugin_single_instance::init(|app, _args, _cwd| {
-            // 二次启动聚焦已有窗口
-            if let Some(w) = app.get_webview_window("main") {
-                let _ = w.show();
-                let _ = w.unminimize();
-                let _ = w.set_focus();
-            }
-        }))
-        .plugin(tauri_plugin_window_state::Builder::default().build())
-        .manage(sidecar::SidecarState::default())
-        .setup(|app| {
-            let state = app.state::<sidecar::SidecarState>();
-            sidecar::ensure_backend(app.handle(), &state);
-            Ok(())
-        })
-        .invoke_handler(tauri::generate_handler![
-            http_send,
-            ws_connect,
-            ws_send,
-            ws_close,
-            get_backend_config
-        ])
-        .build(tauri::generate_context!())
-        .expect("error while building OpsxDB desktop")
-        .run(|app, event| {
-            let state = app.state::<sidecar::SidecarState>();
-            sidecar::on_run_event(app, &event, &state);
-        });
-}
diff --git a/apps/desktop/src-tauri/src/main.rs b/apps/desktop/src-tauri/src/main.rs
deleted file mode 100644
index a5f036e..0000000
--- a/apps/desktop/src-tauri/src/main.rs
+++ /dev/null
@@ -1,3 +0,0 @@
-fn main() {
-    opsxdb_desktop_lib::run();
-}
diff --git a/apps/desktop/src-tauri/src/sidecar.rs b/apps/desktop/src-tauri/src/sidecar.rs
deleted file mode 100644
index d5084b6..0000000
--- a/apps/desktop/src-tauri/src/sidecar.rs
+++ /dev/null
@@ -1,212 +0,0 @@
-//! 桌面启动时拉起本机 OpsxDB Gin 后端。
-//! - 动态端口:TcpListener 绑 127.0.0.1:0 选空闲端口,OPSXDB_ADDR 传子进程;
-//! - 每次自起生成随机 token,OPSXDB_TOKEN 传子进程,与 addr 一起经 get_backend_config 注入前端;
-//! - 复用 8788 上已运行后端前先比对 /health 版本主版本,不匹配则换端口自起;
-//! - 失败时 emit "opsxdb://backend-failed",后端 stdout/stderr 重定向到 app_log_dir/opsxdb-server.log。
-use std::path::PathBuf;
-use std::process::{Child, Command, Stdio};
-use std::sync::Mutex;
-use std::thread;
-use std::time::Duration;
-use tauri::{AppHandle, Emitter, Manager, RunEvent};
-
-const DEFAULT_ADDR: &str = "127.0.0.1:8788";
-/// 与服务端 cmd/opsxdb main.go Version 保持一致,复用前比对主版本。
-const BACKEND_VERSION: &str = "0.1.0";
-const EVENT_BACKEND_FAILED: &str = "opsxdb://backend-failed";
-
-#[derive(Clone, serde::Serialize)]
-#[serde(rename_all = "camelCase")]
-pub struct BackendConfig {
-    pub addr: String,
-    pub token: String,
-}
-
-pub struct SidecarState {
-    child: Mutex<Option<Child>>,
-    config: Mutex<Option<BackendConfig>>,
-}
-
-impl Default for SidecarState {
-    fn default() -> Self {
-        Self {
-            child: Mutex::new(None),
-            config: Mutex::new(None),
-        }
-    }
-}
-
-impl SidecarState {
-    fn set_config(&self, cfg: BackendConfig) {
-        if let Ok(mut g) = self.config.lock() {
-            *g = Some(cfg);
-        }
-    }
-
-    pub fn backend_config(&self) -> Option<BackendConfig> {
-        self.config.lock().ok().and_then(|g| g.clone())
-    }
-}
-
-fn version_major(v: &str) -> &str {
-    v.split('.').next().unwrap_or("")
-}
-
-/// GET /health 并解析版本;失败或非 200 返回 None。
-fn health_version(addr: &str) -> Option<String> {
-    let resp = reqwest::blocking::Client::builder()
-        .timeout(Duration::from_secs(1))
-        .build()
-        .ok()?
-        .get(format!("http://{addr}/health"))
-        .send()
-        .ok()?;
-    if !resp.status().is_success() {
-        return None;
-    }
-    let v: serde_json::Value = resp.json().ok()?;
-    v.get("version")?.as_str().map(|s| s.to_string())
-}
-
-fn health_ok(addr: &str) -> bool {
-    health_version(addr).is_some()
-}
-
-/// 尝试复用 8788 上已在运行的后端:仅当主版本一致才复用,
-/// 否则换端口自起而非静默连上旧版本。
-fn try_reuse_existing(state: &SidecarState) -> bool {
-    match health_version(DEFAULT_ADDR) {
-        Some(v) if version_major(&v) == version_major(BACKEND_VERSION) => {
-            // 复用路径拿不到对方 token,按本机 dev 无鉴权处理
-            state.set_config(BackendConfig {
-                addr: format!("http://{DEFAULT_ADDR}"),
-                token: String::new(),
-            });
-            true
-        }
-        Some(v) => {
-            eprintln!(
-                "opsxdb: 已有后端版本 {v} 与期望 {BACKEND_VERSION} 主版本不匹配,改自动态端口自起"
-            );
-            false
-        }
-        None => false,
-    }
-}
-
-/// 绑 127.0.0.1:0 选一个空闲端口(立即释放,交给子进程绑定)。
-fn pick_free_port() -> Option<u16> {
-    let ln = std::net::TcpListener::bind("127.0.0.1:0").ok()?;
-    ln.local_addr().ok().map(|a| a.port())
-}
-
-fn gen_token() -> String {
-    use rand::RngCore;
-    let mut b = [0u8; 32];
-    rand::thread_rng().fill_bytes(&mut b);
-    b.iter().map(|x| format!("{x:02x}")).collect()
-}
-
-fn candidate_bins(app: &AppHandle) -> Vec<PathBuf> {
-    // Windows 产物为 opsxdb-server.exe
-    let bin = format!("opsxdb-server{}", std::env::consts::EXE_EXTENSION);
-    let mut out = Vec::new();
-    // 打包资源:externalBin → 与可执行文件同级的 binaries 或 resource
-    if let Ok(dir) = app.path().resource_dir() {
-        out.push(dir.join(&bin));
-        out.push(dir.join("binaries").join(&bin));
-    }
-    if let Ok(exe) = app.path().executable_dir() {
-        out.push(exe.join(&bin));
-        out.push(exe.join("binaries").join(&bin));
-    }
-    // 开发态:仓库 apps/server/bin
-    out.push(PathBuf::from(env!("CARGO_MANIFEST_DIR")).join("../../server/bin").join(&bin));
-    out.push(PathBuf::from(env!("CARGO_MANIFEST_DIR")).join("../../../apps/server/bin").join(&bin));
-    out
-}
-
-/// 后端 stdout/stderr 重定向到 app_log_dir/opsxdb-server.log。
-fn server_log_file(app: &AppHandle) -> Option<std::fs::File> {
-    let dir = app.path().app_log_dir().ok()?;
-    std::fs::create_dir_all(&dir).ok()?;
-    std::fs::File::create(dir.join("opsxdb-server.log")).ok()
-}
-
-fn spawn_server(
-    bin: &PathBuf,
-    addr: &str,
-    token: &str,
-    log_file: Option<&std::fs::File>,
-) -> std::io::Result<Child> {
-    let mut cmd = Command::new(bin);
-    cmd.env("OPSXDB_ADDR", addr)
-        .env("OPSXDB_TOKEN", token)
-        .env("GIN_MODE", "release");
-    match log_file {
-        Some(f) => {
-            let err_f = f.try_clone()?;
-            cmd.stdout(Stdio::from(f.try_clone()?)).stderr(Stdio::from(err_f));
-        }
-        None => {
-            cmd.stdout(Stdio::null()).stderr(Stdio::null());
-        }
-    }
-    cmd.spawn()
-}
-
-pub fn ensure_backend(app: &AppHandle, state: &SidecarState) {
-    if try_reuse_existing(state) {
-        return;
-    }
-    let Some(port) = pick_free_port() else {
-        let _ = app.emit(EVENT_BACKEND_FAILED, "无法分配空闲端口");
-        return;
-    };
-    let addr = format!("127.0.0.1:{port}");
-    let token = gen_token();
-    let log_file = server_log_file(app);
-    let mut last_err = String::from("未找到后端二进制");
-    for bin in candidate_bins(app) {
-        if !bin.exists() {
-            continue;
-        }
-        match spawn_server(&bin, &addr, &token, log_file.as_ref()) {
-            Ok(child) => {
-                *state.child.lock().unwrap() = Some(child);
-                for _ in 0..30 {
-                    if health_ok(&addr) {
-                        state.set_config(BackendConfig {
-                            addr: format!("http://{addr}"),
-                            token: token.clone(),
-                        });
-                        return;
-                    }
-                    thread::sleep(Duration::from_millis(100));
-                }
-                last_err = format!("后端启动后健康检查超时({})", bin.display());
-            }
-            Err(e) => {
-                last_err = format!("启动 {} 失败: {e}", bin.display());
-                continue;
-            }
-        }
-    }
-    let _ = app.emit(EVENT_BACKEND_FAILED, last_err);
-}
-
-pub fn stop_backend(state: &SidecarState) {
-    if let Ok(mut g) = state.child.lock() {
-        if let Some(mut child) = g.take() {
-            let _ = child.kill();
-            let _ = child.wait();
-        }
-    }
-}
-
-pub fn on_run_event(app: &AppHandle, event: &RunEvent, state: &SidecarState) {
-    if matches!(event, RunEvent::Exit | RunEvent::ExitRequested { .. }) {
-        stop_backend(state);
-        let _ = app;
-    }
-}
diff --git a/apps/desktop/src-tauri/tauri.conf.json b/apps/desktop/src-tauri/tauri.conf.json
deleted file mode 100644
index e1c1df2..0000000
--- a/apps/desktop/src-tauri/tauri.conf.json
+++ /dev/null
@@ -1,43 +0,0 @@
-{
-  "$schema": "https://schema.tauri.app/config/2",
-  "productName": "OpsxDB",
-  "version": "0.1.0",
-  "identifier": "com.opsx.db",
-  "build": {
-    "beforeDevCommand": "bash -lc 'curl -fsS http://127.0.0.1:5174 >/dev/null 2>&1 || npm --prefix ../.. run dev:web'",
-    "devUrl": "http://127.0.0.1:5174",
-    "beforeBuildCommand": "bash -lc 'cd ../.. && npm run build:web'",
-    "frontendDist": "../../web/dist"
-  },
-  "app": {
-    "windows": [
-      {
-        "title": "OpsxDB",
-        "width": 1280,
-        "height": 800,
-        "minWidth": 960,
-        "minHeight": 640,
-        "resizable": true,
-        "fullscreen": false,
-        "label": "main"
-      }
-    ],
-    "security": {
-      "csp": "default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data: blob:; font-src 'self' data:; connect-src 'self' http://localhost:* http://127.0.0.1:* ws://localhost:* ws://127.0.0.1:* ipc://localhost; object-src 'none'; base-uri 'self'"
-    }
-  },
-  "bundle": {
-    "active": true,
-    "targets": "all",
-    "icon": [
-      "icons/32x32.png",
-      "icons/128x128.png",
-      "icons/128x128@2x.png",
-      "icons/icon.icns",
-      "icons/icon.ico"
-    ],
-    "externalBin": [
-      "binaries/opsxdb-server"
-    ]
-  }
-}
diff --git a/apps/web/index.html b/apps/web/index.html
deleted file mode 100644
index da0ae42..0000000
--- a/apps/web/index.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<!doctype html>
-<html lang="zh-CN" class="dark">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="theme-color" content="#0e1116" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <title>OpsxDB</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>
diff --git a/apps/web/package.json b/apps/web/package.json
deleted file mode 100644
index 15a1a13..0000000
--- a/apps/web/package.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-  "name": "@opsxdb/web",
-  "version": "0.1.0",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "dev": "vite --host 127.0.0.1 --port 5174",
-    "build": "tsc -b && vite build",
-    "preview": "vite preview --host 127.0.0.1 --port 5174"
-  },
-  "dependencies": {
-    "@opsxdb/ui": "*",
-    "@tauri-apps/api": "^2.5.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
-  },
-  "devDependencies": {
-    "@types/node": "^22.20.3",
-    "@types/react": "^19.0.10",
-    "@types/react-dom": "^19.0.4",
-    "@vitejs/plugin-react": "^4.4.1",
-    "autoprefixer": "^10.4.21",
-    "postcss": "^8.5.3",
-    "tailwindcss": "^3.4.17",
-    "typescript": "^5.8.2",
-    "vite": "^6.2.2"
-  }
-}
diff --git a/apps/web/postcss.config.js b/apps/web/postcss.config.js
deleted file mode 100644
index 2aa7205..0000000
--- a/apps/web/postcss.config.js
+++ /dev/null
@@ -1,6 +0,0 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};
diff --git a/apps/web/public/favicon.svg b/apps/web/public/favicon.svg
deleted file mode 100644
index 8accdbc..0000000
--- a/apps/web/public/favicon.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
-  <rect width="512" height="512" rx="112" fill="#E11D2E"/>
-  <g transform="rotate(-20 256 256)">
-    <path d="M256 108 L290 216 L404 216 L312 286 L344 398 L256 332 L168 398 L200 286 L108 216 L222 216 Z"
-          fill="none" stroke="#FFFFFF" stroke-width="30" stroke-linejoin="round" stroke-linecap="round"/>
-  </g>
-</svg>
diff --git a/apps/web/public/icons/databases/dameng.svg b/apps/web/public/icons/databases/dameng.svg
deleted file mode 100644
index 5315156..0000000
--- a/apps/web/public/icons/databases/dameng.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" class="icon" viewBox="0 0 1024 1024"><path fill="#ea4646" d="M295.526 392.14c19.456-16.486 40.704-33.177 62.67-47.615-16.692 55.04-19.866 173.568 106.905 193.536 95.232 15.001 119.296 45.21 108.083 195.942-19.558 9.216-39.014 16.896-58.88 24.064 12.544-62.464 26.47-174.592-64.307-192.819-110.541-22.272-167.936-36.864-154.47-173.107"/><path fill="#ea4646" d="M373.248 334.643a889 889 0 0 1 58.368-33.536c-21.504 100.864-14.336 188.416 103.782 206.848 69.99 10.957 124.263 36.25 110.234 186.368a714 714 0 0 1-54.374 31.027c10.393-59.904 10.65-180.838-72.192-193.587-124.57-19.2-162.253-53.248-145.818-197.12"/><path fill="#ea4646" d="M449.075 292.71c19.61-8.755 47.053-20.48 57.856-23.552-21.35 75.93-10.496 195.994 86.835 211.968 90.983 14.9 132.813 65.69 123.188 162.356-18.484 14.694-35.482 27.238-54.426 39.936 16.128-93.082-18.432-172.237-82.79-181.556-138.138-20.07-153.6-77.875-130.663-209.152"/><path fill="#1a2781" d="M267.008 418.918c-89.702 84.685-137.78 197.786-100.915 280.064 41.984 93.799 195.891 111.002 315.494 68.71 25.395-110.796 38.298-172.338-63.488-191.897-148.173-28.57-149.913-87.193-151.091-156.877m484.3 193.536c87.758-85.81 148.583-202.547 104.346-289.075-50.022-97.792-207.974-100.454-316.006-64.46-31.744 86.527-23.04 194.355 65.946 207.308 129.228 18.74 134.348 72.858 145.715 146.227"/><path fill="#de1a1b" d="M295.526 392.09c19.456-16.538 40.704-33.178 62.67-47.668-16.692 55.092-19.866 173.62 106.905 193.536 95.232 15.053 119.296 45.261 108.083 195.994-19.558 9.216-39.014 16.896-58.88 24.064 12.544-62.515 26.47-174.592-64.307-192.87-110.541-22.221-167.936-36.864-154.47-173.056"/><path fill="#de1a1b" d="M373.248 334.643c18.842-11.98 37.427-22.323 58.368-33.536-21.504 100.864-14.336 188.416 103.782 206.848 69.99 10.957 124.263 36.25 110.234 186.368-18.534 11.879-35.533 21.095-54.374 31.027 10.393-59.904 10.65-180.838-72.192-193.587-124.57-19.2-162.253-53.248-145.818-197.12"/><path fill="#de1a1b" d="M449.075 292.71c19.61-8.755 47.053-20.48 57.856-23.552-21.35 75.93-10.496 195.994 86.835 211.968 90.983 14.9 132.813 65.69 123.188 162.407-18.484 14.592-35.482 27.136-54.426 39.885 16.128-93.03-18.432-172.237-82.79-181.556-138.138-20.07-153.6-77.875-130.663-209.152"/></svg>
\ No newline at end of file
diff --git a/apps/web/public/icons/databases/elasticsearch.svg b/apps/web/public/icons/databases/elasticsearch.svg
deleted file mode 100644
index 0da0d70..0000000
--- a/apps/web/public/icons/databases/elasticsearch.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="2500" height="2500" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 256"><path fill="#FFF" d="M255.96 134.393c0-21.521-13.373-40.117-33.223-47.43a75 75 0 0 0 1.253-13.791c0-39.909-32.386-72.295-72.295-72.295-23.193 0-44.923 11.074-58.505 30.088-6.686-5.224-14.835-7.94-23.402-7.94-21.104 0-38.446 17.133-38.446 38.446 0 4.597.836 9.194 2.298 13.373C13.582 81.739 0 100.962 0 122.274c0 21.522 13.373 40.327 33.431 47.64q-1.253 6.582-1.253 13.79c0 39.7 32.386 72.087 72.086 72.087 23.402 0 44.924-11.283 58.505-30.088 6.686 5.223 15.044 8.149 23.611 8.149 21.104 0 38.446-17.134 38.446-38.446 0-4.597-.836-9.194-2.298-13.373 19.64-7.104 33.431-26.327 33.431-47.64z"/><path fill="#F4BD19" d="m100.085 110.364 57.043 26.119 57.669-50.565a64.3 64.3 0 0 0 1.253-12.746c0-35.52-28.834-64.355-64.355-64.355-21.313 0-41.162 10.447-53.072 27.998l-9.612 49.73 11.074 23.82z"/><path fill="#3CBEB1" d="M40.953 170.75c-.835 4.179-1.253 8.567-1.253 12.955 0 35.52 29.043 64.564 64.564 64.564 21.522 0 41.372-10.656 53.49-28.208l9.403-49.729-12.746-24.238-57.251-26.118z"/><path fill="#E9478C" d="m40.536 71.918 39.073 9.194 8.775-44.506c-5.432-4.179-11.91-6.268-18.805-6.268-16.925 0-30.924 13.79-30.924 30.924 0 3.552.627 7.313 1.88 10.656z"/><path fill="#2C458F" d="M37.192 81.32c-17.551 5.642-29.67 22.567-29.67 40.954 0 17.97 11.074 34.059 27.79 40.327l54.953-49.73-10.03-21.52-43.043-10.03z"/><path fill="#95C63D" d="M167.784 219.852c5.432 4.18 11.91 6.478 18.596 6.478 16.925 0 30.924-13.79 30.924-30.924q0-5.642-1.88-10.657l-39.073-9.193z"/><path fill="#176655" d="m175.724 165.317 43.043 10.03c17.551-5.85 29.67-22.566 29.67-40.954 0-17.97-11.074-33.849-27.79-40.326l-56.415 49.311 11.492 21.94z"/></svg>
\ No newline at end of file
diff --git a/apps/web/public/icons/databases/gaussdb.svg b/apps/web/public/icons/databases/gaussdb.svg
deleted file mode 100644
index f115a85..0000000
--- a/apps/web/public/icons/databases/gaussdb.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="209.961" height="200" class="icon" viewBox="0 0 1075 1024"><path fill="#9f53e6" d="M170.24 333.005a20.5 20.5 0 0 0-3.84 8.601h-.205v84.122a19.87 19.87 0 0 0 11.367 16.691l269.363 158.26a136.45 136.45 0 0 0 125.542 0l269.517-157.697a19.87 19.87 0 0 0 11.366-16.742l1.024-83.968-217.241-116.838-160.461 92.979a19.35 19.35 0 0 0-11.315 16.691v83.814c2.048 5.888 6.093 10.957 11.315 14.336 2.56-35.84 42.496-58.265 42.496-58.265l116.94-66.765 152.577 82.893-216.218 128.307a137.47 137.47 0 0 1-125.491 0l-226.509-133.58 226.407-133.53a126.5 126.5 0 0 1 62.873-15.207V153.6a126.8 126.8 0 0 0-62.873 15.155l-269.21 158.31a20.5 20.5 0 0 0-7.373 5.94zm679.22 236.851a19.9 19.9 0 0 0 3.378-9.882l-.307-83.302a19.87 19.87 0 0 1-11.366 16.691L572.109 651.571a136.5 136.5 0 0 1-125.491 0L177.05 492.75a19.87 19.87 0 0 1-11.367-16.691v83.456a19.87 19.87 0 0 0 11.367 16.69l269.568 158.414a137.42 137.42 0 0 0 125.49 0l269.364-157.901a19.97 19.97 0 0 0 7.987-6.81zm3.378 119.654a19.92 19.92 0 0 1-11.366 16.692L572.109 863.949a136.5 136.5 0 0 1-125.491 0L177.05 705.74a19.87 19.87 0 0 1-11.367-16.743v-83.456a19.71 19.71 0 0 0 11.367 16.692l269.568 158.412a137.47 137.47 0 0 0 125.49 0l269.057-157.9a19.56 19.56 0 0 0 11.366-16.692z"/></svg>
\ No newline at end of file
diff --git a/apps/web/public/icons/databases/influxdb.svg b/apps/web/public/icons/databases/influxdb.svg
deleted file mode 100644
index a6ed507..0000000
--- a/apps/web/public/icons/databases/influxdb.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M507.2 308.1 458.3 96c-2.7-11.4-13.2-23.3-25.1-26.5L210.5.9c-2.8-.9-6-.9-9.6-.9-9.6 0-19.2 3.6-26.1 9.6L15.3 158.2C6.6 166 2 181.5 4.8 192.4l52.1 227.2c2.7 11.4 13.2 23.3 25.1 26.5L290.5 511c2.7.9 5.9.9 9.6.9 9.6 0 19.2-3.6 26-9.6l170.5-158.6c8.8-9.1 13.4-23.7 10.6-35.6M233.8 51.2 387 98.3c6 1.8 6 4.6 0 6l-80.4 18.3c-6 1.8-14.6-.9-18.8-5.5L232 56.7c-5-5.1-4.1-7.3 1.8-5.5m95.6 274.3c1.8 6-2.3 9.6-8.2 7.8l-165-51.2c-6-1.8-7.3-6.8-2.8-11l126.2-117.5c4.6-4.6 9.6-2.8 11 3.2zM57.4 176 191.3 51.2c4.6-4.6 11.4-3.6 16 .4l67.2 72.7c4.6 4.6 3.6 11.4-.5 16L140.1 265.2c-4.6 4.6-11.4 3.6-16-.5L56.9 192c-4.5-5-4.1-12.4.5-16m32.5 197.5L54.7 218c-1.8-5.9.9-7.3 5-2.7l55.8 60.3c4.6 4.6 5.9 13.3 4.6 19.2l-24.2 78.6c-1.9 6.5-4.7 6.5-6 .1M286 464.9l-175.1-54.4c-6.1-2-9.6-8.5-7.8-14.6l29.3-94.2c2-6.1 8.4-9.6 14.6-7.8l175.1 53.9c6 1.8 9.6 8.2 7.8 14.6l-29.3 94.2c-2.1 6.1-8.4 9.6-14.6 8.3m155.4-127.5-117 108.8c-4.6 4.6-6.9 2.8-5-3.2l24.2-78.6c1.8-6 8.2-12.4 14.6-13.3l80.5-18.3c5.9-2.3 6.8.4 2.7 4.6m12.8-23.8-96.4 22c-6 1.8-12.4-2.3-13.7-8.2L302.9 149c-1.8-6 2.3-12.4 8.2-13.7l96.5-22c5.9-1.8 12.3 2.3 13.7 8.2l41.2 178.3c1.3 7-2.4 12.9-8.3 13.8" style="fill:#4aabf4"/></svg>
\ No newline at end of file
diff --git a/apps/web/public/icons/databases/kingbase.svg b/apps/web/public/icons/databases/kingbase.svg
deleted file mode 100644
index 9d7f076..0000000
--- a/apps/web/public/icons/databases/kingbase.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" class="icon" viewBox="0 0 1024 1024"><path fill="#c9151e" d="M339.2 204.8v236.083l-148.531 73.421 148.48 69.99v239.104h130.457V650.342L833.28 823.398V687.872L469.606 514.304 833.28 338.381V209.05L469.606 377.702V204.8z"/></svg>
\ No newline at end of file
diff --git a/apps/web/public/icons/databases/mariadb.svg b/apps/web/public/icons/databases/mariadb.svg
deleted file mode 100644
index 33794b1..0000000
--- a/apps/web/public/icons/databases/mariadb.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 85.79 512.01 340.29"><style>.st0{fill-rule:evenodd;clip-rule:evenodd}.st0,.st3{fill:#002b64}</style><path d="M500.7 86.5c-7.9.3-5.4 2.5-22.5 6.7-17.3 4.2-38.4 2.9-57 10.7-55.5 23.3-66.6 102.8-117.1 131.3-37.6 21.3-75.8 23-109.9 33.6-22.5 7.1-47 21.5-67.5 39-15.8 13.6-16.2 25.6-32.8 42.7C76.3 368.9 23.6 351 0 379c7.7 7.7 11.1 9.9 26.2 7.9-3.1 5.9-21.6 10.9-18 19.7 3.8 9.2 48.4 15.4 88.9-9.1 18.9-11.4 33.9-27.9 63.2-31.9 38.2-5.1 82 3.2 125.9 9.6-6.6 19.5-19.7 32.5-30.2 47.8-3.2 3.5 6.6 3.9 17.7 1.8 20.1-5 34.5-9 49.8-17.8 18.6-10.9 21.4-38.7 44.4-44.7 12.7 19.6 47.3 24.2 68.9 8.5-18.9-5.4-24.1-45.6-17.7-63.2 6-16.7 12-43.6 18.1-65.8 6.5-23.8 8.9-53.8 16.8-65.8 11.9-18.2 25-24.5 36.5-34.7C501.9 131 512.3 121 512 97.4c-.1-7.6-4-11.8-11.2-11.6z" class="st0"/><path d="M16.5 405.5c28.8 4.1 46.4 0 69.8-10.1 19.7-8.6 38.7-26.2 62.1-33.6 34.2-11 71.8 0 108.5 2.2 8.9.5 17.8.5 26.5-.4 13.6-8.4 13.4-39.6 26.6-42.7-.4 43.9-18.4 70.3-37.3 95.7 39.9-7 63.5-29.9 79.5-60.7 4.9-9.3 9-19.3 12.7-29.9 5.7 4.4 2.5 17.7 5.3 24.8 27.4-15.2 43-50.1 53.5-85.2 12-40.7 16.9-82 24.7-94 7.5-11.8 19.3-19 30.2-26.5 12.2-8.6 23.1-17.5 24.9-33.9-12.9-1.2-15.8-4.2-17.7-10.7-6.4 3.6-12.4 4.4-19.1 4.6-5.8.2-12.2-.1-20 .7-64.4 6.6-72.6 77.8-113.9 117.9-3 2.9-6.3 5.7-9.7 8.2-14.5 10.8-32.2 18.5-48.4 24.7-26.4 10.1-51.5 10.8-76.3 19.5-18.2 6.4-36.7 15.7-51.5 25.9-3.7 2.6-7.3 5.2-10.5 7.8-8.8 7.2-14.5 15.1-20.1 23.3-5.8 8.4-11.3 17.1-19.7 25.4-13.7 13.4-64.9 3.9-82.9 16.4-2 1.4-3.6 3-4.7 5 9.8 4.5 16.4 1.7 27.7 3 1.5 10.7-23.3 17.1-19.7 22z" style="fill:#c49a6c"/><path d="M406.7 325.8c.8 12.3 7.9 36.7 14.2 42.7-12.4 3-33.6-2-39-10.7 2.8-12.6 17.4-24.1 24.9-31.9z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#c49a6c"/><path d="M423.8 132.1c9.1 7.9 28.3 1.6 24.8-14.2-14.1-1.2-22.3 3.7-24.8 14.2" class="st0"/><path d="M486.5 112.2c-2.4 5.1-7.1 11.6-7.1 24.6 0 2.2-1.7 3.8-1.7.3.1-12.7 3.5-18.1 7-25.3 1.7-3 2.7-1.8 1.8.4" class="st3"/><path d="M486.5 112.2c-2.8 4.8-9.7 13.7-10.9 26.6-.2 2.2-2 3.6-1.7.2 1.2-12.6 6.7-20.5 10.9-27.3 1.9-2.9 2.8-1.6 1.7.5m-2.9-2.9c-3.2 4.6-13.9 15.2-16.1 28-.4 2.2-2.3 3.4-1.7 0 2.3-12.4 11.4-22.2 16.2-28.8 2.1-2.6 2.9-1.2 1.6.8m-2.8-2.8c-3.9 4.1-16.5 17.7-20.5 29.9-.7 2.1-2.8 3-1.7-.2 4-12 15.1-24.9 20.7-30.8 2.5-2.3 3-.8 1.5.9z" class="st3"/></svg>
\ No newline at end of file
diff --git a/apps/web/public/icons/databases/mongodb.svg b/apps/web/public/icons/databases/mongodb.svg
deleted file mode 100644
index 8660ced..0000000
--- a/apps/web/public/icons/databases/mongodb.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="141.14 0 229.74 512.1"><path d="M366.8 203.8c-27-119-83.2-150.7-97.5-173.1-5.9-9.9-11.2-20.1-15.7-30.7-.8 10.6-2.1 17.2-11.1 25.2-18 16.1-94.7 78.5-101.1 213.7-6 126.1 92.7 203.8 105.7 211.8 10 4.9 22.2.1 28.2-4.4 47.5-32.6 112.5-119.6 91.5-242.5" style="fill:#10aa50"/><path d="M257.7 383.7c-2.5 31.2-4.3 49.3-10.6 67.2 0 0 4.1 29.7 7 61.2h10.3c2.5-22.2 6.2-44.2 11.2-65.9-13.2-6.6-17.4-35.2-17.9-62.5" style="fill:#b8c4c2"/><path d="M275.7 446.1c-13.5-6.2-17.4-35.3-18-62.5 3.3-44.8 4.3-89.7 2.9-134.5-.7-23.5.3-218-5.8-246.5 4.2 9.6 9 19 14.5 28 14.3 22.4 70.6 54.1 97.5 173.1 21 122.8-43.6 209.6-91.1 242.4" style="fill:#12924f"/></svg>
\ No newline at end of file
diff --git a/apps/web/public/icons/databases/mysql.svg b/apps/web/public/icons/databases/mysql.svg
deleted file mode 100644
index 853c55f..0000000
--- a/apps/web/public/icons/databases/mysql.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="800" width="1200" viewBox="-58.46985 -50.32625 506.7387 301.9575"><path d="M0 183.354h12.842v-50.711l19.88 44.208c2.346 5.35 5.557 7.244 11.854 7.244 6.298 0 9.385-1.893 11.732-7.244l19.88-44.208v50.71H89.03v-50.627c0-4.94-1.976-7.327-6.05-8.561-9.755-3.046-16.3-.412-19.264 6.174l-19.51 43.63-18.892-43.63c-2.84-6.586-9.508-9.22-19.263-6.174C1.976 125.399 0 127.787 0 132.725v50.629zm99.708-41.276h12.838v27.938c-.12 1.518.487 5.08 7.522 5.19 3.589.057 27.7 0 27.925 0v-33.264h12.868c.059 0-.013 45.364-.012 45.557.07 11.188-13.882 13.618-20.313 13.806h-40.55v-8.64c.072 0 40.52.009 40.622-.001 8.265-.873 7.289-4.981 7.288-6.364v-3.368H120.6c-12.7-.117-20.786-5.66-20.886-12.035-.01-.591.274-28.54-.007-28.82z" fill="#00618a"/><path d="M170.758 183.354h36.92c4.322 0 8.52-.905 11.855-2.47 5.556-2.551 8.273-6.008 8.273-10.537v-9.384c0-3.705-3.087-7.163-9.138-9.467-3.211-1.236-7.162-1.894-10.99-1.894h-15.56c-5.184 0-7.654-1.564-8.271-5.021-.124-.412-.124-.742-.124-1.153v-5.844c0-.33 0-.66.124-1.071.617-2.634 1.976-3.376 6.544-3.787.37 0 .864-.083 1.235-.083H228.3v-8.56h-36.057c-5.186 0-7.903.329-10.372 1.069-7.656 2.388-10.99 6.175-10.99 12.76v7.492c0 5.763 6.545 10.702 17.534 11.854 1.236.082 2.47.164 3.704.164h13.336c.495 0 .989 0 1.359.083 4.075.33 5.803 1.07 7.039 2.552.74.74.987 1.482.987 2.305v7.49c0 .907-.617 2.06-1.851 3.047-1.112.988-2.964 1.647-5.434 1.812-.494 0-.864.082-1.358.082h-35.44v8.56zm137.16-14.9c0 8.808 6.544 13.748 19.757 14.736 1.234.082 2.47.164 3.704.164h33.464v-8.561h-33.711c-7.532 0-10.372-1.894-10.372-6.421v-44.29h-12.842v44.372zm-71.916.449V138.38c0-7.754 5.445-12.457 16.209-13.942a24.63 24.63 0 013.465-.247h24.376c1.237 0 2.352.083 3.589.247 10.765 1.485 16.209 6.188 16.209 13.942v30.522c0 6.29-2.312 9.658-7.641 11.852l12.65 11.418h-14.911l-10.234-9.238-10.303.653h-13.735c-2.351 0-4.825-.331-7.548-1.073-8.166-2.227-12.126-6.517-12.126-13.612zm13.86-.742c0 .413.124.825.248 1.32.742 3.547 4.083 5.527 9.156 5.527h11.667l-10.717-9.675h14.91l9.348 8.438c1.722-.918 2.856-2.322 3.252-4.125.123-.412.123-.825.123-1.237v-29.285c0-.33 0-.743-.123-1.156-.743-3.3-4.084-5.196-9.033-5.196h-19.427c-5.691 0-9.403 2.475-9.403 6.352v29.037z" fill="#e48e00"/><path d="M376.14 109.88c-7.893-.214-13.923.52-19.078 2.694-1.465.618-3.801.634-4.04 2.47.805.844.93 2.104 1.57 3.142 1.23 1.992 3.309 4.661 5.163 6.061 2.026 1.53 4.114 3.165 6.286 4.49 3.863 2.355 8.176 3.7 11.896 6.06 2.192 1.391 4.37 3.143 6.509 4.713 1.057.776 1.768 1.983 3.142 2.47v-.225c-.722-.919-.908-2.183-1.571-3.143l-2.918-2.918c-2.853-3.787-6.475-7.113-10.325-9.876-3.07-2.204-9.942-5.18-11.223-8.754l-.225-.225c2.177-.245 4.726-1.033 6.735-1.57 3.375-.906 6.39-.672 9.876-1.572 1.57-.449 3.142-.899 4.714-1.347v-.898c-1.762-1.808-3.018-4.2-4.94-5.836-5.025-4.28-10.511-8.556-16.16-12.121-3.133-1.978-7.005-3.263-10.325-4.939-1.117-.563-3.08-.856-3.817-1.796-1.744-2.223-2.694-5.042-4.04-7.632-2.817-5.425-5.584-11.351-8.08-17.06-1.703-3.892-2.815-7.73-4.938-11.223-10.192-16.757-21.163-26.87-38.158-36.812-3.616-2.114-7.97-2.95-12.571-4.04l-7.407-.45c-1.507-.63-3.075-2.473-4.49-3.367-5.63-3.556-20.07-11.293-24.24-1.122-2.633 6.42 3.935 12.685 6.284 15.938 1.649 2.282 3.76 4.84 4.938 7.407.775 1.687.909 3.378 1.572 5.163 1.632 4.397 3.05 9.18 5.162 13.243 1.067 2.056 2.243 4.222 3.592 6.06.827 1.129 2.244 1.626 2.468 3.368-1.386 1.94-1.465 4.95-2.244 7.407-3.508 11.062-2.185 24.81 2.918 32.997 1.566 2.513 5.254 7.903 10.325 5.836 4.436-1.807 3.445-7.406 4.714-12.345.287-1.12.11-1.944.673-2.694v.225l4.04 8.08c2.99 4.815 8.298 9.848 12.795 13.244 2.332 1.761 4.168 4.806 7.183 5.836v-.225h-.225c-.584-.91-1.498-1.288-2.244-2.02-1.757-1.722-3.71-3.863-5.163-5.836-4.09-5.553-7.705-11.63-10.998-17.957-1.573-3.02-2.94-6.354-4.266-9.428-.511-1.185-.505-2.977-1.57-3.592-1.452 2.253-3.591 4.075-4.714 6.735-1.796 4.252-2.028 9.437-2.693 14.814-.394.141-.22.044-.45.224-3.126-.754-4.225-3.972-5.386-6.733-2.94-6.982-3.485-18.225-.9-26.262.67-2.08 3.694-8.63 2.47-10.55-.584-1.917-2.512-3.026-3.591-4.49-1.335-1.811-2.668-4.195-3.592-6.286-2.405-5.444-3.528-11.555-6.06-17.058-1.21-2.631-3.257-5.293-4.938-7.632-1.861-2.59-3.945-4.5-5.387-7.633-.513-1.113-1.21-2.895-.45-4.04.243-.772.584-1.095 1.348-1.347 1.302-1.003 4.928.334 6.284.898 3.6 1.495 6.604 2.919 9.653 4.938 1.464.971 2.944 2.848 4.713 3.368h2.02c3.16.726 6.7.225 9.652 1.122 5.218 1.586 9.894 4.052 14.14 6.734 12.939 8.169 23.517 19.798 30.753 33.67 1.164 2.233 1.668 4.365 2.693 6.734 2.069 4.778 4.675 9.694 6.733 14.366 2.054 4.66 4.056 9.365 6.959 13.244 1.527 2.039 7.422 3.133 10.1 4.264 1.879.794 4.956 1.621 6.735 2.693 3.398 2.05 6.69 4.49 9.877 6.735 1.593 1.122 6.489 3.583 6.733 5.611z" fill="#00618a"/><path d="M275.807 24.359c-1.646-.03-2.81.18-4.041.448v.225h.225c.785 1.613 2.17 2.651 3.142 4.04a6815.3 6815.3 0 002.245 4.714l.224-.224c1.39-.98 2.027-2.547 2.02-4.938-.557-.586-.64-1.322-1.122-2.021-.642-.932-1.884-1.46-2.693-2.244z" fill="#00618a" fill-rule="evenodd"/><path d="M370.87 174.549c0 5.654 4.468 9.464 9.465 9.464s9.464-3.81 9.464-9.464c0-5.653-4.467-9.463-9.464-9.463-4.997 0-9.464 3.81-9.464 9.463zm16.809 0c0 4.29-3.28 7.496-7.344 7.496-4.113 0-7.344-3.206-7.344-7.496 0-4.29 3.23-7.496 7.344-7.496 4.064 0 7.344 3.206 7.344 7.496zm-4.794 5.4h2.119l-3.103-4.743c1.665-.177 2.926-.985 2.926-2.953 0-2.196-1.387-3.104-4.062-3.104h-4.215v10.8h1.817v-4.668h1.69l2.828 4.669zm-4.518-6.182v-3.104h2.094c1.086 0 2.398.202 2.398 1.464 0 1.513-1.186 1.64-2.55 1.64h-1.942z" fill="#e48e00" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/apps/web/public/icons/databases/oceanbase.svg b/apps/web/public/icons/databases/oceanbase.svg
deleted file mode 100644
index 2ace405..0000000
--- a/apps/web/public/icons/databases/oceanbase.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" class="icon" viewBox="0 0 1024 1024"><path fill="#0181fd" d="M906.598 322.509v265.113a791.9 791.9 0 0 0-333.516 39.783 1051.55 1051.55 0 0 1-418.919 54.886V416.768c96.205 9.216 195.687.82 293.53-27.034 13.21-3.788 26.726-8.09 39.936-12.39a1055 1055 0 0 1 419.225-54.886h-.256z"/><path fill="#ffa005" d="M496.589 256a591 591 0 0 1-44.851 17.05c-7.066 2.406-14.08 4.608-21.35 7.014-5.684 1.638-11.367 3.533-17.306 5.12-86.784 24.064-174.592 30.566-259.482 21.094v88.628a770.3 770.3 0 0 0 303.77-31.079l22.732-7.27a762 762 0 0 0 43.52-16.487L496.332 256z"/><path fill="#07c846" d="M563.866 748.39a616 616 0 0 1 44.902-17.05c7.014-2.406 14.029-4.607 21.35-7.014 5.632-1.587 11.316-3.481 17.255-5.12a685.6 685.6 0 0 1 259.481-21.094v-88.627a770.3 770.3 0 0 0-286.72 25.958c-5.734 1.587-11.417 3.226-17.05 5.12l-22.732 7.27a762 762 0 0 0-43.52 16.487l27.34 84.07z"/></svg>
\ No newline at end of file
diff --git a/apps/web/public/icons/databases/opengauss.svg b/apps/web/public/icons/databases/opengauss.svg
deleted file mode 100644
index 6f46971..0000000
--- a/apps/web/public/icons/databases/opengauss.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" class="icon" viewBox="0 0 1024 1024"><path fill="#1f80c4" d="M158.208 333.005a20.5 20.5 0 0 0-3.942 8.601h-.154v84.122a19.87 19.87 0 0 0 11.366 16.691l269.364 158.26a136.45 136.45 0 0 0 125.49 0l269.569-157.697a19.92 19.92 0 0 0 11.366-16.742l1.024-83.968-217.293-116.838-160.41 92.979a19.35 19.35 0 0 0-11.366 16.691v83.814c2.1 5.888 6.144 10.957 11.367 14.336 2.56-35.84 42.496-58.265 42.496-58.265l116.94-66.765 152.577 82.893-216.27 128.307a137.47 137.47 0 0 1-125.44 0l-226.508-133.58 226.406-133.53a126.4 126.4 0 0 1 62.823-15.207V153.6a126.8 126.8 0 0 0-62.823 15.155l-269.312 158.31a20.5 20.5 0 0 0-7.321 5.94zm679.117 236.851a19.87 19.87 0 0 0 3.43-9.882l-.358-83.302a19.87 19.87 0 0 1-11.367 16.691L560.026 651.571a136.45 136.45 0 0 1-125.543 0L164.966 492.75a19.87 19.87 0 0 1-11.366-16.743v83.456a19.87 19.87 0 0 0 11.366 16.692l269.517 158.412a137.42 137.42 0 0 0 125.543 0l269.312-157.9a19.87 19.87 0 0 0 7.987-6.81m3.43 119.654a19.87 19.87 0 0 1-11.366 16.692L560.026 863.949a136.45 136.45 0 0 1-125.543 0L164.966 705.74a19.87 19.87 0 0 1-11.366-16.794v-83.456a19.71 19.71 0 0 0 11.366 16.691l269.517 158.413a137.47 137.47 0 0 0 125.543 0l269.004-157.9a19.56 19.56 0 0 0 11.367-16.692l.358 83.456z"/></svg>
\ No newline at end of file
diff --git a/apps/web/public/icons/databases/oracle.svg b/apps/web/public/icons/databases/oracle.svg
deleted file mode 100644
index f5449b2..0000000
--- a/apps/web/public/icons/databases/oracle.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Oracle</title><path fill="#C74634" d="M16.412 4.412h-8.82a7.588 7.588 0 0 0-.008 15.176h8.828a7.588 7.588 0 0 0 0-15.176zm-.193 12.502H7.786a4.915 4.915 0 0 1 0-9.828h8.433a4.914 4.914 0 1 1 0 9.828z"/></svg>
\ No newline at end of file
diff --git a/apps/web/public/icons/databases/polardb.png b/apps/web/public/icons/databases/polardb.png
deleted file mode 100644
index 197ba75..0000000
Binary files a/apps/web/public/icons/databases/polardb.png and /dev/null differ
diff --git a/apps/web/public/icons/databases/postgresql.svg b/apps/web/public/icons/databases/postgresql.svg
deleted file mode 100644
index abacb8f..0000000
--- a/apps/web/public/icons/databases/postgresql.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 512 512"><style>.st2{fill:none;stroke:#fff;stroke-width:12.4651;stroke-linecap:round;stroke-linejoin:round}</style><g id="Layer_x0020_3"><path d="M378.5 372.5c3.2-26.9 2.3-30.8 22.3-26.5l5.1.4c15.4.7 35.5-2.5 47.4-8 25.5-11.8 40.6-31.5 15.5-26.4-57.3 11.8-61.2-7.6-61.2-7.6 60.5-89.7 85.8-203.6 63.9-231.5C411.9-3 308.8 33 307.1 33.9l-.5.1c-11.3-2.3-24-3.8-38.2-4-25.9-.4-45.6 6.8-60.5 18.1 0 0-183.8-75.7-175.2 95.2 1.8 36.4 52.1 275.2 112.1 203 21.9-26.4 43.1-48.7 43.1-48.7 10.5 7 23.1 10.6 36.3 9.3l1-.9c-.3 3.3-.2 6.5.4 10.3-15.5 17.3-10.9 20.3-41.8 26.7-31.3 6.4-12.9 17.9-.9 20.9 14.5 3.6 48.2 8.8 70.9-23l-.9 3.6c6.1 4.9 5.7 34.9 6.5 56.3.9 21.4 2.3 41.5 6.7 53.3s9.5 42.2 50.1 33.5c34-7.3 59.9-17.7 62.3-115.1" style="stroke:#000;stroke-width:37.3953"/><path d="M468.7 312.1c-57.3 11.8-61.2-7.6-61.2-7.6C468 214.8 493.3 100.9 471.4 73 411.9-3 308.8 33 307.1 33.9l-.6.1c-11.3-2.3-24-3.7-38.2-4-25.9-.4-45.6 6.8-60.5 18.1 0 0-183.8-75.7-175.2 95.2 1.8 36.4 52.1 275.2 112.1 203 21.9-26.4 43.1-48.7 43.1-48.7 10.5 7 23.1 10.6 36.3 9.3l1-.9c-.3 3.3-.2 6.5.4 10.3-15.5 17.3-10.9 20.3-41.8 26.7-31.3 6.4-12.9 17.9-.9 20.9 14.5 3.6 48.2 8.8 70.9-23l-.9 3.6c6.1 4.9 10.3 31.6 9.6 55.8s-1.2 40.8 3.6 53.8 9.5 42.2 50.1 33.5c33.9-7.3 51.5-26.1 54-57.6 1.7-22.4 5.7-19 5.9-39l3.2-9.5c3.6-30.3.6-40.1 21.5-35.5l5.1.4c15.4.7 35.5-2.5 47.4-8 25.5-11.7 40.5-31.4 15.5-26.3" style="fill:#336791"/><path d="M256.3 329.5c-1.6 56.4.4 113.2 5.9 126.9 5.5 13.8 17.3 40.6 58 31.9 33.9-7.3 46.3-21.4 51.6-52.4 3.9-22.9 11.6-86.4 12.5-99.4M207.6 46.9S23.7-28.3 32.2 142.7c1.8 36.4 52.1 275.2 112.1 203 21.9-26.4 41.8-47.1 41.8-47.1M306.9 33.2c-6.4 2 102.3-39.7 164.1 39.2 21.8 27.9-3.5 141.8-63.9 231.5" class="st2"/><path d="M407 303.9s3.9 19.4 61.2 7.6c25.1-5.2 10 14.5-15.5 26.4-20.9 9.7-67.7 12.2-68.5-1.2-1.9-34.7 24.8-24.2 22.8-32.8-1.7-7.8-13.6-15.5-21.5-34.5-6.9-16.7-94.3-144.4 24.2-125.5 4.3-.9-30.9-112.7-141.8-114.5S160.7 165.8 160.7 165.8" style="fill:none;stroke:#fff;stroke-width:12.4651;stroke-linecap:round;stroke-linejoin:bevel"/><path d="M225.2 315.7c-15.5 17.3-10.9 20.3-41.8 26.7-31.3 6.4-12.9 17.9-.9 20.9 14.5 3.6 48.2 8.8 70.9-23 6.9-9.7 0-25.1-9.5-29.1-4.6-2-10.8-4.4-18.7 4.5" class="st2"/><path d="M224.2 315.4c-1.6-10.2 3.3-22.2 8.6-36.4 7.9-21.2 26.1-42.4 11.5-109.7-10.8-50.1-83.6-10.4-83.6-3.6s3.3 34.5-1.2 66.7c-5.9 42 26.7 77.6 64.3 73.9" class="st2"/><path d="M206.9 164.7c-.3 2.3 4.3 8.5 10.2 9.3 6 .8 11.1-4 11.4-6.3s-4.2-4.9-10.2-5.7c-6-.9-11.1.3-11.4 2.7z" style="fill:#fff;stroke:#fff;stroke-width:4.155"/><path d="M388.4 159.9c.3 2.3-4.2 8.5-10.2 9.3s-11.1-4-11.4-6.3 4.3-4.9 10.2-5.7 11.1.4 11.4 2.7z" style="fill:#fff;stroke:#fff;stroke-width:2.0775"/><path d="M409.8 143.9c1 18.2-3.9 30.6-4.5 50-.9 28.2 13.4 60.4-8.2 92.7" class="st2"/></g></svg>
\ No newline at end of file
diff --git a/apps/web/public/icons/databases/redis.svg b/apps/web/public/icons/databases/redis.svg
deleted file mode 100644
index 1981b34..0000000
--- a/apps/web/public/icons/databases/redis.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet" viewBox="0 0.58 256 218.59"><path fill="#912626" d="M245.97 168.943c-13.662 7.121-84.434 36.22-99.501 44.075s-23.437 7.78-35.34 2.09c-11.902-5.69-87.216-36.112-100.783-42.597C3.566 169.271 0 166.535 0 163.951v-25.876s98.05-21.345 113.879-27.024c15.828-5.679 21.32-5.884 34.79-.95 13.472 4.936 94.018 19.468 107.331 24.344l-.006 25.51c.002 2.558-3.07 5.364-10.024 8.988"/><path fill="#C6302B" d="M245.965 143.22c-13.661 7.118-84.431 36.218-99.498 44.072-15.066 7.857-23.436 7.78-35.338 2.09-11.903-5.686-87.214-36.113-100.78-42.594-13.566-6.485-13.85-10.948-.524-16.166 13.326-5.22 88.224-34.605 104.055-40.284 15.828-5.677 21.319-5.884 34.789-.948 13.471 4.934 83.819 32.935 97.13 37.81 13.316 4.881 13.827 8.9.166 16.02"/><path fill="#912626" d="M245.97 127.074c-13.662 7.122-84.434 36.22-99.501 44.078-15.067 7.853-23.437 7.777-35.34 2.087-11.903-5.687-87.216-36.112-100.783-42.597C3.566 127.402 0 124.67 0 122.085V96.206s98.05-21.344 113.879-27.023c15.828-5.679 21.32-5.885 34.79-.95C162.142 73.168 242.688 87.697 256 92.574l-.006 25.513c.002 2.557-3.07 5.363-10.024 8.987"/><path fill="#C6302B" d="M245.965 101.351c-13.661 7.12-84.431 36.218-99.498 44.075-15.066 7.854-23.436 7.777-35.338 2.087-11.903-5.686-87.214-36.112-100.78-42.594-13.566-6.483-13.85-10.947-.524-16.167C23.151 83.535 98.05 54.148 113.88 48.47c15.828-5.678 21.319-5.884 34.789-.949 13.471 4.934 83.819 32.933 97.13 37.81 13.316 4.88 13.827 8.9.166 16.02"/><path fill="#912626" d="M245.97 83.653c-13.662 7.12-84.434 36.22-99.501 44.078-15.067 7.854-23.437 7.777-35.34 2.087-11.903-5.687-87.216-36.113-100.783-42.595C3.566 83.98 0 81.247 0 78.665v-25.88s98.05-21.343 113.879-27.021c15.828-5.68 21.32-5.884 34.79-.95C162.142 29.749 242.688 44.278 256 49.155l-.006 25.512c.002 2.555-3.07 5.361-10.024 8.986"/><path fill="#C6302B" d="M245.965 57.93c-13.661 7.12-84.431 36.22-99.498 44.074-15.066 7.854-23.436 7.777-35.338 2.09C99.227 98.404 23.915 67.98 10.35 61.497-3.217 55.015-3.5 50.55 9.825 45.331 23.151 40.113 98.05 10.73 113.88 5.05c15.828-5.679 21.319-5.883 34.789-.948s83.819 32.934 97.13 37.811c13.316 4.876 13.827 8.897.166 16.017"/><path fill="#FFF" d="m159.283 32.757-22.01 2.285-4.927 11.856-7.958-13.23-25.415-2.284 18.964-6.839-5.69-10.498 17.755 6.944 16.738-5.48-4.524 10.855zm-28.251 57.518L89.955 73.238l58.86-9.035zm-56.95-50.928c17.375 0 31.46 5.46 31.46 12.194 0 6.736-14.085 12.195-31.46 12.195s-31.46-5.46-31.46-12.195c0-6.734 14.085-12.194 31.46-12.194"/><path fill="#621B1C" d="m185.295 35.998 34.836 13.766-34.806 13.753z"/><path fill="#9A2928" d="m146.755 51.243 38.54-15.245.03 27.519-3.779 1.478z"/></svg>
\ No newline at end of file
diff --git a/apps/web/public/icons/databases/sqlite.svg b/apps/web/public/icons/databases/sqlite.svg
deleted file mode 100644
index dde0558..0000000
--- a/apps/web/public/icons/databases/sqlite.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" role="img">
-  <title>SQLite</title>
-  <rect x="4" y="4" width="120" height="120" rx="22" fill="#E8F6FC"/>
-  <g transform="translate(8 8) scale(0.875)">
-<defs><linearGradient id="sqlite-dark-a" x1="-15.615" x2="-6.741" y1="-9.108" y2="-9.108" gradientTransform="rotate(90 -90.486 64.634) scale(9.2712)" gradientUnits="userSpaceOnUse"><stop stop-color="#B8ECFF" offset="0"/><stop stop-color="#5EC4F0" offset=".92"/><stop stop-color="#5EC4F0" offset="1"/></linearGradient></defs><path d="M69.5 99.176c-.059-.73-.094-1.2-.094-1.2S67.2 83.087 64.57 78.642c-.414-.707.043-3.594 1.207-7.88.68 1.169 3.54 6.192 4.118 7.81.648 1.824.78 2.347.78 2.347s-1.57-8.082-4.144-12.797a162.286 162.286 0 012.004-6.265c.973 1.71 3.313 5.859 3.828 7.3.102.293.192.543.27.774.023-.137.05-.274.074-.414-.59-2.504-1.75-6.86-3.336-10.082 3.52-18.328 15.531-42.824 27.84-53.754H16.9c-5.387 0-9.789 4.406-9.789 9.789v88.57c0 5.383 4.406 9.789 9.79 9.789h52.897a118.657 118.657 0 01-.297-14.652" fill="#5EC4F0"/><path d="M65.777 70.762c.68 1.168 3.54 6.188 4.117 7.809.649 1.824.781 2.347.781 2.347s-1.57-8.082-4.144-12.797a164.535 164.535 0 012.004-6.27c.887 1.567 2.922 5.169 3.652 6.872l.082-.961c-.648-2.496-1.633-5.766-2.898-8.328 3.242-16.871 13.68-38.97 24.926-50.898H16.899a6.94 6.94 0 00-6.934 6.933v82.11c17.527-6.731 38.664-12.88 56.855-12.614-.672-2.605-1.441-4.96-2.25-6.324-.414-.707.043-3.597 1.207-7.879" fill="url(#sqlite-dark-a)"/><path d="M115.95 2.781c-5.5-4.906-12.164-2.933-18.734 2.899a44.347 44.347 0 00-2.914 2.859c-11.25 11.926-21.684 34.023-24.926 50.895 1.262 2.563 2.25 5.832 2.894 8.328.168.64.32 1.242.442 1.754.285 1.207.437 1.996.437 1.996s-.101-.383-.515-1.582c-.078-.23-.168-.484-.27-.773-.043-.125-.105-.274-.172-.434-.734-1.703-2.765-5.305-3.656-6.867-.762 2.25-1.437 4.36-2.004 6.265 2.578 4.715 4.149 12.797 4.149 12.797s-.137-.523-.782-2.347c-.578-1.621-3.441-6.64-4.117-7.809-1.164 4.281-1.625 7.172-1.207 7.88.809 1.362 1.574 3.722 2.25 6.323 1.524 5.867 2.586 13.012 2.586 13.012s.031.469.094 1.2a118.653 118.653 0 00.297 14.651c.504 6.11 1.453 11.363 2.664 14.172l.828-.449c-1.781-5.535-2.504-12.793-2.188-21.156.48-12.793 3.422-28.215 8.856-44.289 9.191-24.27 21.938-43.738 33.602-53.035-10.633 9.602-25.023 40.684-29.332 52.195-4.82 12.891-8.238 24.984-10.301 36.574 3.55-10.863 15.047-15.53 15.047-15.53s5.637-6.958 12.227-16.888c-3.95.903-10.43 2.442-12.598 3.352-3.2 1.344-4.067 1.8-4.067 1.8s10.371-6.312 19.27-9.171c12.234-19.27 25.562-46.648 12.141-58.621" fill="#3BA3D8"/>
-  </g>
-</svg>
diff --git a/apps/web/public/icons/databases/sqlserver.svg b/apps/web/public/icons/databases/sqlserver.svg
deleted file mode 100644
index b23e83d..0000000
--- a/apps/web/public/icons/databases/sqlserver.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0.03 0 633.27 511.9"><linearGradient id="a" x1="62.23" x2="62.483" y1="81.873" y2="81.873" gradientTransform="scale(115.9464 -115.9464)rotate(30.578 187.04 -69.817)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#909ca9"/><stop offset="1" style="stop-color:#ededee"/></linearGradient><path d="m429.3 163-69.9 22.8-60.8 26.9-17 4.5c-4.3 4.1-8.9 8.3-13.8 12.5-5.4 4.7-10.4 8.9-14.3 11.9-4.3 3.4-10.6 9.7-13.8 13.7-4.8 6-8.6 12.4-10.3 17.3-2.9 8.9-1.5 17.9 4.1 26.2 7.2 10.6 21.5 21.4 38.2 28.7 8.5 3.8 22.8 8.6 33.6 11.3 17.9 4.5 52.6 9.5 71.7 10.2 3.9.2 9 .2 9.3 0 .4-.3 3.4-5.9 6.8-13 11.7-23.9 20.2-46.4 24.8-65.6 2.7-11.6 4.9-27.1 6.3-45.5.4-5.1.5-22.3.2-28.1-.5-9.5-1.3-17.2-2.6-24.8-.2-1.1-.3-2.1-.2-2.2.2-.2.8-.4 9.5-2.9zm-15.9 9.4c.6 0 2.3 16.2 2.7 26.5.1 2.2.1 3.6-.1 3.6-.4 0-8.9-5-15-8.8-5.3-3.3-15.3-10-16.9-11.3-.5-.4-.5-.4 3.9-1.9 7.4-2.5 24.8-8.1 25.4-8.1m-35.6 11.7c.5 0 1.7.7 4.6 2.5 10.9 6.8 25.7 15.1 32 17.8 2 .8 2.2.5-2.3 3.6-9.6 6.6-21.6 13-36.3 19.5-2.6 1.2-4.8 2.1-4.8 2.1-.1 0 .2-1.3.6-2.9 3.5-13.2 5.6-26.5 5.7-37.2 0-5.3 0-5.3.5-5.4-.2 0-.1 0 0 0m-7.4 2.8c.3.3.1 12.2-.3 15.4-1 7.7-2.4 14.9-4.9 23-.6 2-1.1 3.6-1.2 3.7-.2.3-7.5-6.8-9.8-9.6-4.1-4.8-7.3-9.5-9.7-14.2-1.2-2.4-3.1-7-3-7.2.8-.5 28.7-11.3 28.9-11.1m-34.6 13.6c.1 0 .1 0 .2.1s.5 1 .8 1.9c1.7 4.6 5.5 11.4 8.8 15.7 3.6 4.8 8.3 9.8 12.2 13.2 1.3 1.1 2.4 2.1 2.6 2.2.3.3.4.3-8.2 3.5-10 3.8-20.9 7.6-33.4 11.6-3 1-6 1.9-8.9 2.9-.5.2-.3-.1 1.1-2.3 6.2-9.7 15.6-28.7 20.9-42.1.9-2.3 1.8-4.7 2-5.2.2-.7.5-1 1.2-1.4.2 0 .6-.1.7-.1m-10.5 4.4c.2.1-2.5 5.8-5.2 10.9-5.1 10-10.7 19.8-18.2 31.8-1.3 2.1-2.5 4-2.6 4.2-.3.4-.4.3-1.2-1.4-1.8-3.5-3.3-8.1-4.1-12.3-.8-4.1-.6-11.3.3-15.8.7-3.3.6-3.2 2.2-4 6.7-3.4 28.5-13.6 28.8-13.4m91.1 3.7v2.2c0 11.8-1.3 28-3.1 39.8-.3 2.1-.6 3.8-.6 3.8s-1.5-.4-3.3-1c-7.9-2.5-16.5-6.1-24.3-10.4-5.1-2.8-12.6-7.4-12.4-7.6.1-.1 2.3-1.2 4.9-2.6 10.4-5.4 20.3-11.2 28.9-17 3.2-2.2 8.1-5.7 9.1-6.6zm-131.1 15.6c.2 0 .2.4-.2 2.3-.2 1.4-.5 3.9-.6 5.7-.4 7.7.8 13.4 4.7 21.3 1.1 2.2 1.9 4 1.9 4-.4.3-35.4 10.6-46.4 13.6-3.3.9-6.1 1.7-6.3 1.7-.4.1-.4.1-.3-.8 1.2-7.8 7.1-17.9 15.4-26.5 5.5-5.7 9.9-9 17.4-13.3 5.4-3.1 13.7-7.7 14.3-7.9 0-.1.1-.1.1-.1m82.5 14.8c.1-.1 1.3.6 2.9 1.5 11.3 6.6 27.1 12.6 40.5 15.8l1.2.3-1.7 1c-7 3.9-30.1 13.5-53.8 22.4-3.4 1.3-6.8 2.5-7.5 2.8-.6.3-1.2.4-1.2.4 0-.1 1-1.9 2.2-4.2 6.6-12.4 13.3-27.4 16.7-37.9zm-8.4 2.7c.1.1-.4 1.2-.9 2.4-4.6 11.2-10.6 23.3-18.3 37l-3.6 6.3c-.1 0-1.6-1-3.5-2.1-11.2-6.9-21.1-15.3-27.6-23.5l-1-1.2 4.8-1.3c17.2-4.7 31.9-9.8 46.4-16 2-.9 3.7-1.6 3.7-1.6m52.2 18.3s.1 0 0 0c.1 1.2-2.6 12.1-4.9 20-1.8 6.6-3.4 11.8-6.3 20.9-1.3 4-2.4 7.3-2.4 7.3-.1 0-.4-.1-.7-.2-15.7-2.9-29.8-6.8-43-12.1-3.7-1.5-9-3.9-9.3-4.1-.1-.1 3.1-1.6 7.1-3.3 24.1-10.5 49-22.5 57.6-27.6 1-.6 1.8-.9 1.9-.9m-120.5 4.1c.1.1-6.6 9.8-16 22.9-3.3 4.6-7.1 10-8.5 12s-3.6 5.2-4.8 7.1l-2.2 3.4-2.4-2c-2.8-2.3-7.7-7.3-9.8-10-4.5-5.7-7.6-11.6-8.8-17.1-.6-2.5-.6-3.8-.1-4 .8-.2 14.9-3.5 28.1-6.6 7.3-1.7 15.9-3.7 18.9-4.4s5.5-1.3 5.6-1.3m6.7 2.6 1.7 1.9c7.6 8.5 15.4 14.8 24.8 20.3 1.7 1 3 1.8 2.9 1.9-.4.3-32.7 11.7-47.6 16.9-8.4 3-15.3 5.3-15.4 5.3s-.5-.3-1.1-.7l-1-.7 1.5-2.2c5-7.2 11.2-15.1 24.8-31.5zm42.2 30.2c.1-.1 2.4.8 5.2 1.9 6.9 2.6 12.3 4.2 19.6 6.1 9 2.3 22 4.5 29.7 5.1 1.2.1 1.8.2 1.6.4-.4.2-8.1 2.8-13.8 4.6-9.1 2.9-36.8 11-59.5 17.6-4.2 1.2-7.8 2.2-8 2.3-.5.1-2.3-.4-2.3-.6 0-.1 1.3-1.7 2.8-3.5 7.6-9.1 15.2-19.2 21.5-28.9 1.7-2.8 3.2-5 3.2-5m-9.3.2c.1.1-3.7 6.1-10.3 16.4-2.8 4.4-5.9 9.4-7 11.1s-2.6 4.3-3.5 5.8l-1.5 2.7-.8-.2c-1.9-.5-15.3-5.2-18.8-6.7-4.4-1.7-8.9-3.9-12.3-5.7-4.2-2.3-9.5-5.7-9.1-5.8.1-.1 7.3-2 16.1-4.4 23.2-6.3 36-9.9 44.4-12.6 1.4-.2 2.8-.6 2.8-.6m65.8 15.5c.3.5-8.3 24.3-11.4 31.8-.7 1.7-.9 2.1-1.3 2.1-.9-.1-13.3-1.8-20.9-2.9-13.2-2-35.3-5.9-40.8-7.1l-1.3-.3 7.9-1.8c16.9-3.8 25.1-5.9 33.3-8.4 10.4-3.2 20.7-7.1 31.1-12 1.7-.8 3-1.4 3.4-1.4" style="fill:url(#a)"/><linearGradient id="b" x1="61.44" x2="61.693" y1="73.151" y2="73.151" gradientTransform="matrix(80.3196 0 0 -80.3196 -4653.717 5908.5)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#939fab"/><stop offset="1" style="stop-color:#dcdee1"/></linearGradient><path d="M357.2 0c-1.2-.2-19.9 6.6-32 11.5-16.3 6.7-29 13-36.8 18.5-2.9 2.1-6.6 5.7-7.1 7.1-.2.5-.3 1.2-.3 1.8l7.1 6.7L305 51l40.1 7.2 45.9 7.9.5-4c-.2 0-.3-.1-.4-.1l-6-1-1.2-2.2c-6.2-11-13.1-24.6-17.1-33.8-3.1-7.1-6.1-15.4-7.7-21.3-1.2-3.4-1.3-3.6-1.9-3.7m-.8 2.7c.1.1.3 1.5.5 3.3.9 7.4 2.5 14.5 5.1 22.3 2 5.8 2 5.5-.3 4.8-5.4-1.5-29.5-5.7-47-8.1-2.8-.4-5.2-.7-5.2-.8-.2-.2 12.6-6.9 18.3-9.6C335 11.3 354.9 3 356.4 2.7m-51 23.7 2.1.7c11.2 3.8 39.4 9.2 54.9 10.5 1.7.2 3.2.3 3.3.3.1.1-1.4.8-3.3 1.7-7.5 3.8-15.8 8.4-21.5 11.9-1.7 1.1-3.2 1.9-3.4 1.9s-1.3-.2-2.5-.4l-2.1-.3-5.3-5.2c-9.3-9-16.6-16-19.4-18.7zm-2.1 1.6 7.5 9.3c4.1 5.1 8.2 10.1 9.1 11.3.9 1.1 1.6 2 1.6 2.1-.2.2-10.8-1.9-16.4-3.2-5.8-1.3-8.1-2-11.7-3.1l-2.9-1v-.7c.1-3.5 4.5-8.8 12.2-14.2zm63.4 12.7c.2 0 .5.5 1.1 1.9 1.8 4 7.4 14.6 8.8 16.7.4.7 1.2.7-6.3-.5-17.9-2.9-23.7-3.9-23.7-4s.5-.4 1.2-.8c5.6-3.1 11.2-7 16.1-11.2 1.2-1 2.3-2 2.5-2.1z" style="fill:url(#b)"/><radialGradient id="c" cx="62.555" cy="82.145" r=".146" gradientTransform="matrix(-177.6748 -26.6887 -53.9771 355.3494 15932.146 -27394.307)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#ee352c"/><stop offset="1" style="stop-color:#a91d22"/></radialGradient><path d="M281.6 36.4s-1.2 1.9-.1 4.6c.7 1.7 2.7 3.8 5 5.9 0 0 23.5 22.9 26.4 26.2 13 15 18.7 29.8 19.2 50.2.3 13.1-2.2 24.6-8.4 38-11 24-34.2 50.5-70 79.9l5.2-1.7c3.4-2.5 8-5.2 18.8-11.2 24.9-13.6 52.9-26.2 87.3-39.1 49.5-18.6 130.8-40.4 177.1-47.5l4.8-.7-.7-1.2c-4.2-6.6-7.1-10.6-10.6-15-10.1-12.6-22.5-22.8-37.5-31.2C477.4 82 450.6 73 416.6 66.3c-6.4-1.3-20.5-3.7-31.9-5.4-24.2-3.8-39.9-6.3-57.1-9.3-6.2-1.1-15.4-2.6-21.6-4-3.2-.7-9.3-2.1-14-3.8-3.7-1.4-9.2-2.9-10.4-7.4m13.6 13.2c.1-.1.9.3 2 .6 2 .7 4.6 1.5 7.7 2.3 2.3.6 4.6 1.3 7 1.9 3.2.8 5.8 1.5 5.9 1.5.4.4 5.7 17.4 7.5 24 .7 2.5 1.2 4.6 1.2 4.6-.1.1-.6-.8-1.3-2.1-6.2-10.9-16-21.9-27.3-30.8-1.6-1-2.7-1.9-2.7-2m26 7.2c.3 0 1.4.2 2.9.5 9 2 25.1 5.1 35.4 6.8 1.7.3 3.1.6 3.1.7s-.6.5-1.4.9c-1.7.9-8.8 5.1-11.1 6.7-5.9 3.9-11.2 8.1-15 11.9-1.5 1.5-2.9 2.8-2.9 2.8s-.3-.9-.6-2c-1.9-7.3-5.9-18.2-9.5-25.9-.4-1.2-.9-2.3-.9-2.4 0 .1 0 0 0 0m45.8 8.8c.3.1.8 1.9 1.9 5.9 2 7.7 2.9 16.2 2.5 24.2-.1 2.2-.2 4.3-.3 4.5l-.2.5-2.7-.9c-5.7-1.8-14.9-4.5-22.7-6.7-4.5-1.2-8.1-2.3-8.1-2.4 0-.3 6.6-6.9 9.4-9.4 5.3-4.7 19.7-15.9 20.2-15.7m3.7.5c.2-.2 21.9 3.6 31.8 5.5 7.3 1.4 18 3.6 18.7 3.9.3.1-.8.7-4.3 2.3-14 6.3-24.3 11.9-34.6 18.8-2.7 1.8-5 3.3-5 3.3-.1 0-.1-1.5-.1-3.4 0-10-2-20.2-5.7-28.8-.6-.8-.9-1.6-.8-1.6m56.2 11.1c.2.2-.5 4.4-1.2 7-1.9 7.9-7 19.6-13.3 30.6-1.1 2-2.1 3.5-2.2 3.6s-1.5-.7-3.2-1.7c-6.1-3.6-13.1-7-20.7-10.1-2.1-.9-4-1.6-4-1.7-.4-.3 16.7-11.6 25.6-17 7.1-4.5 18.7-10.9 19-10.7m4 .6c.5 0 10.1 2.6 15.1 4.1 12.4 3.7 26.7 8.9 36 13.2l3.9 1.7-2.7.6c-22.7 5.2-42.2 11.3-60.9 18.9-1.5.6-2.9 1.2-3 1.2s.4-1.2 1.1-2.7c5.7-12 9.3-24.5 10.2-35.2 0-1 .1-1.8.3-1.8m-95.8 22c.2-.2 7.5 1.6 11.5 2.7 6 1.7 18.8 6 18.8 6.3 0 .1-1.4 1.3-3.1 2.7-6.9 5.8-13.6 11.8-21.6 19.6-2.4 2.3-4.4 4.1-4.5 4.1s-.2-.3-.1-.7c1.2-8.9 1-20.3-.7-31.9-.2-1.5-.4-2.7-.3-2.8m154.4.2c.1.1-3.4 5.6-5.6 8.7-3.2 4.5-7.8 10.6-18.3 23.8-5.5 7-11.8 14.9-13.8 17.5-2.1 2.6-3.9 4.9-3.9 4.9-.1 0-.7-1-1.5-2.1-5.9-8.9-13-16.7-21.4-23.6-1.6-1.3-3.3-2.7-3.9-3.2-.6-.4-1.1-.8-1.1-.9 0-.2 9-4 15.8-6.8 11.9-4.9 28.2-10.7 40.4-14.4 6.4-2.1 13.2-4 13.3-3.9m4.1 1c.2-.1 1.5.6 3 1.5 12.8 7.3 25.4 16.8 35.4 26.5 2.8 2.7 9.7 9.9 9.6 10 0 0-2.4.2-5.3.4-22.3 1.7-50.7 6.4-78.1 13-1.9.4-3.5.8-3.6.8s2-2.1 4.5-4.5c16.1-15.5 23.4-25.3 32.1-42.7 1.2-2.6 2.3-4.8 2.4-5q-.15 0 0 0m-117.8 12.1c.7.2 7.6 3.4 12.8 6 4.8 2.4 11.9 6.2 12.3 6.5.1.1-2.5 1.4-5.6 2.9-9.9 5-18.4 9.7-27.3 15.1-2.5 1.5-4.7 2.8-4.7 2.8-.2 0-.2-.2 1.3-2.8 4.8-8.7 8.6-19 10.7-29.1.2-.9.4-1.4.5-1.4m-6.8 1.2c.2.2-1.6 6.7-2.7 10.2-2.2 6.7-5.8 15.1-9.4 21.5-.8 1.5-2.1 3.6-2.8 4.9l-1.3 2.1-3-2.9c-3.4-3.3-6.2-5.4-9.8-7.2-1.4-.7-2.5-1.4-2.5-1.5 0-.4 9-8.6 16-14.5 4.9-4.3 15.3-12.7 15.5-12.6m42 17.3 2.6 1.7c5.9 3.9 12.9 9 18.2 13.5 3 2.5 8.8 7.7 10 9l.6.7-4.3 1.2c-24.2 6.7-42.9 12.7-64.8 20.7-2.4.9-4.5 1.6-4.7 1.6-.3 0-.6.3 4.9-4.8 14-12.8 26.3-27 35.5-40.8zm-11 2.8c.1.1-7.1 10.3-11.5 16.1-5.2 6.9-14.4 18.4-20.7 25.9-2.6 3.1-4.9 5.7-5 5.8-.2.1-.2-.7-.2-2 0-6.4-1.6-13.2-4.5-19-1.2-2.4-1.4-3-1.2-3.3 1-.9 16.4-9.7 26.1-14.9 6.5-3.5 16.8-8.7 17-8.6m-66.9 16.4c.2 0 1.4.6 2.7 1.4 3.4 1.8 6.4 3.9 9.1 6.1.1.1-1.3 1.2-3.1 2.5-5 3.6-12.6 9.4-17.1 12.9-4.7 3.7-4.8 3.8-4.3 3 3.5-5.3 5.2-8.4 7.1-12.2 1.6-3.4 3.3-7.5 4.4-11 .6-1.6 1.1-2.7 1.2-2.7m17.9 13.9c.3-.1.6.4 2 2.5 3 4.5 5.3 10.5 5.9 15.4l.1 1.1-7.2 2.8c-13 5-24.9 10-33 13.7-2.3 1.1-6.2 3-8.8 4.2-2.6 1.3-4.7 2.3-4.7 2.3 0-.1 1.6-1.3 3.6-2.7 15.8-11.5 29.5-24.1 39.8-36.6 1.1-1.3 2.1-2.5 2.2-2.6zm-8.2 2c.2.2-5.8 7-9.9 11.2-10.2 10.4-20.3 18.6-32.8 26.5-1.6 1-3 1.9-3.2 2-.4.2.1-.3 5.6-6.3 3.5-3.8 6.1-6.9 9.1-10.8 2-2.6 2.4-3 5.3-5 7.7-5.6 25.6-17.8 25.9-17.6" style="fill:url(#c)"/><path d="M113.8 385.6c-1 0-2 .1-2.9.1-19.7 1-33 9.7-40.7 26.6-6.6 15.3-5.9 35.3.1 50.7 7 15.1 18.2 23 37 26 4 .7 6.6 2.8 14.3 11.8l9.5 11.1h17.2l-11.4-11.5c-6.3-6.3-11.4-11.8-11.4-12.3s2.4-1.5 5.3-2.4c9.6-2.9 17.7-10.4 23.3-21.8 4.5-9.2 5.2-12 5.8-23.4 1.7-33.9-16.2-55.1-46.1-54.9m15.1 88.8c-8.4 4-20.5 4.9-28.4 2-8.2-3-16.1-11.5-19.7-21.2-4-10.5-3.4-30 1.1-38.7 7.3-13.9 16.9-20.3 31-20.3 20.9 0 32.8 12.8 34.3 36.9 1.3 20-5.4 35.1-18.3 41.3m296.9-59.8c-7.2 0-12.7 2.9-16.4 8.7l-2.9 4.6V416H394v71h12.5v-22.7c0-20.7.3-23.2 3.2-28.8 4-7.8 10.9-11.7 17.5-9.8l4.5 1.3v-12.3zm-73.3-.6c-2.4 0-5 .3-7.6.9-16.7 4.4-26.1 20.3-25.5 36.8 0 13.8 2.7 20.7 9.3 27.9 13.6 11.2 25.9 12.1 42.5 6.1 2.8-1.2 5.9-2.6 5.9-2.6v-11.2l-5.9 3.1c-13.4 5.9-23.6 5.9-31.7-1-5.2-5.3-7.5-11.6-8.5-18.8h50.3v-9.6c0-19.6-11.7-31.9-28.8-31.6m-20.3 31.1s1.9-12.2 8.8-16.9c3.3-2.3 7.1-3.5 10.9-3.5 3.7 0 7.5 1.2 10.5 3.6 6.3 4.9 7.4 16.8 7.4 16.8zM31.4 432.3c-13.5-8.2-19.5-14.1-18.8-21.1 2.1-19.3 25.9-16.6 39.1-9.3l.1-13s-7.3-3.2-17.7-3.3c-16-.2-26.4 5-31.3 15.7-7.1 15.8-.8 27.7 22 41 12.8 7.5 18.5 13.9 18.5 21 0 14.6-17.6 19.7-35.7 10.5-3.7-1.9-6.9-3.4-7.1-3.4-.7 4.1-.3 14-.3 14s5.6 2.3 13.9 4c20.7 4.1 39.6-5.6 41.4-21.4 1.6-14.8-3.8-22.6-24.1-34.7m504.8-18.5c-2.4 0-5 .3-7.7.9-16.7 4.4-26.1 20.3-25.4 36.8 0 13.8 2.7 20.6 9.3 27.8 13.6 11.2 25.9 12.1 42.6 6.1 2.8-1.2 5.9-2.6 5.9-2.6v-11.2l-5.9 3.1c-13.5 5.8-23.6 5.8-31.7-1.1-5.2-5.3-7.5-11.5-8.5-18.8H565v-9.6c.1-19.4-11.7-31.7-28.8-31.4m-20.3 31.1s1.9-12.2 8.8-17c3.3-2.3 7.1-3.5 10.8-3.5s7.5 1.2 10.5 3.6c6.3 4.9 7.4 16.9 7.4 16.9zm-228.7-12.5c-13.5-8.2-19.5-14.1-18.8-21.1 2.1-19.3 25.9-16.6 39.1-9.3l.1-13s-7.3-3.2-17.7-3.3c-16-.2-26.4 5-31.3 15.7-7.1 15.8-.7 27.7 22 41 12.8 7.5 18.5 13.8 18.5 20.9 0 14.6-17.6 19.8-35.7 10.5-3.7-1.9-6.9-3.4-7.1-3.4-.7 4.1-.3 14-.3 14s5.5 2.3 13.8 4c20.8 4.1 39.6-5.6 41.4-21.4 1.6-14.6-3.7-22.4-24-34.6m322.4-17.9c-7.2 0-12.8 2.9-16.4 8.7l-2.9 4.5v-11.8h-12.5v71h12.5v-22.7c0-20.7.2-23.2 3.2-28.8 4-7.8 10.9-11.7 17.5-9.8l4.5 1.3v-12.3zM188 432v-45.2h-12.6V487h52.9v-11.8H188zm290.9 14.1-10.4 27-10-27.1-10.1-30.1h-12.9c8.3 23.7 17.4 47.7 26.6 71 4 .1 7.9 0 11.9 0l14-35.2 14.3-35.9H490c0 .1-5.5 14.4-11.1 30.3M217 359.5c2 0 3.7-.6 5.1-2s2.1-3 2.1-5-.7-3.7-2.1-5-3-2-5-2-3.7.7-5.1 2c-1.4 1.4-2 3.1-2 5 0 2 .7 3.7 2 5 1.3 1.4 2.9 2 5 2m-4.5-11.5c1.2-1.2 2.7-1.8 4.6-1.8 1.8 0 3.2.6 4.5 1.8 1.2 1.2 1.9 2.7 1.9 4.5s-.7 3.3-1.9 4.5q-1.8 1.8-4.5 1.8t-4.5-1.8c-1.2-1.2-1.9-2.7-1.9-4.5q0-2.7 1.8-4.5m3 5.1h.8c.6 0 1.1.6 1.6 1.6l1 2.2h1.5l-1.2-2.4c-.5-1-1-1.5-1.5-1.7.7-.2 1.3-.4 1.7-.9.4-.4.6-1 .6-1.6 0-.7-.2-1.3-.7-1.7-.6-.5-1.4-.7-2.6-.7h-2.6v9.1h1.3v-3.8zm0-4.2h1.1c.8 0 1.4.2 1.7.4s.4.6.4 1.1c0 1-.7 1.5-1.9 1.5h-1.4zM7.7 352.3c0-3.2-.1-5.5-.2-6.9h.1c.3 1.6.7 2.9 1 3.7l12.1 27h2l12.1-27.2c.3-.7.7-1.9 1.1-3.4h.1q-.3 4.05-.3 6.9v23.8h4.1v-35.4h-5.2l-11.1 24.6c-.4 1-1 2.4-1.7 4.4h-.2c-.2-1-.8-2.4-1.6-4.2L9.2 340.7H3.7v35.4h4zm41.2.1h3.6v22h-3.6zm1.8-8.1c.7 0 1.4-.3 1.9-.7.5-.5.8-1.1.8-1.9 0-.7-.2-1.4-.8-1.9-.5-.5-1.1-.7-1.9-.7-.7 0-1.4.3-1.9.7-.5.5-.8 1.1-.8 1.9s.3 1.4.8 1.9 1.1.7 1.9.7m27.2 30.6V371c-2 1.5-4.1 2.2-6.2 2.2-2.6 0-4.7-.9-6.3-2.6-1.5-1.7-2.3-4-2.3-7 0-3.1.8-5.5 2.5-7.4q2.4-2.7 6.3-2.7c2.1 0 4.1.7 6 2v-4.1c-1.7-.9-3.6-1.3-5.8-1.3-4.1 0-7.2 1.3-9.6 3.8-2.3 2.5-3.5 5.9-3.5 10 0 3.7 1 6.7 3.2 9.1 2.3 2.4 5.2 3.6 8.8 3.6 2.7 0 4.9-.5 6.9-1.7m10.2-11.7c0-2.9.7-5.3 1.9-6.9 1.1-1.5 2.5-2.2 4.1-2.2 1.4 0 2.4.3 3.1.8v-4.2q-.9-.3-2.4-.3c-1.5 0-2.8.5-3.9 1.4-1.2 1-2.2 2.4-2.7 4.3H88v-5.2h-4v25.3h4zm23.2 13.4c3.8 0 6.9-1.2 9.2-3.7 2.3-2.4 3.4-5.7 3.4-9.7 0-4.1-1-7.3-3.2-9.6-2.1-2.3-5-3.5-8.8-3.5s-6.9 1.1-9.2 3.3c-2.4 2.4-3.7 5.8-3.7 10.2 0 3.8 1 7 3.2 9.3 2.3 2.5 5.3 3.7 9.1 3.7m-5.7-20.5c1.5-1.6 3.6-2.4 6.1-2.4q3.9 0 6 2.4c1.5 1.7 2.2 4.1 2.2 7.4 0 3.1-.7 5.5-2 7.1-1.4 1.7-3.4 2.6-6.1 2.6-2.6 0-4.6-.9-6.2-2.6-1.5-1.7-2.3-4.1-2.3-7.1-.1-3.1.7-5.7 2.3-7.4m36 18.3c1.5-1.4 2.4-3.1 2.4-5.2 0-1.9-.7-3.4-1.9-4.6-1-1-2.5-1.9-4.7-2.8-2-.8-3.2-1.5-3.8-2.1s-1-1.5-1-2.6c0-1 .4-1.9 1.2-2.5s1.9-1 3.3-1c2.2 0 4.1.6 5.8 1.8v-4.1q-2.4-1.2-5.4-1.2c-2.6 0-4.8.7-6.4 2.1-1.7 1.4-2.5 3.2-2.5 5.3 0 1.9.6 3.4 1.6 4.5.9 1 2.4 2 4.5 2.8 2 .9 3.4 1.7 4.1 2.3.7.7 1 1.5 1 2.4q0 3.6-4.8 3.6-3.6 0-6.6-2.4v4.4c1.8 1.1 3.9 1.5 6.2 1.5 3 0 5.4-.7 7-2.2m19.3-24.3c-3.8 0-6.9 1.1-9.2 3.3-2.4 2.4-3.7 5.8-3.7 10.2 0 3.8 1.1 7 3.2 9.3 2.3 2.4 5.3 3.7 9.1 3.7 3.9 0 6.9-1.2 9.2-3.7 2.3-2.4 3.4-5.7 3.4-9.7 0-4.1-1.1-7.3-3.2-9.6s-5.1-3.5-8.8-3.5m7.9 13.3c0 3.1-.7 5.5-2 7.1-1.4 1.7-3.4 2.6-6.1 2.6-2.6 0-4.6-.9-6.2-2.6-1.5-1.7-2.3-4.1-2.3-7.1q0-4.95 2.4-7.5c1.5-1.6 3.6-2.4 6.1-2.4q3.75 0 6 2.4c1.3 1.9 2.1 4.3 2.1 7.5m10.9 12.7h4v-21.9h5.9v-3.4h-5.9v-3.9c0-3.5 1.4-5.3 4.2-5.3 1 0 1.9.2 2.7.7v-3.7c-.7-.3-1.7-.4-2.9-.4-2.2 0-4 .7-5.4 2-1.7 1.6-2.6 3.7-2.6 6.6v4.1h-4.3v3.4h4.3zm16.6-6.9c0 4.9 2.2 7.5 6.6 7.5 1.6 0 2.8-.3 3.8-.8v-3.5c-.7.6-1.6.8-2.6.8-1.4 0-2.3-.3-2.9-1.1-.6-.7-.9-2-.9-3.6v-14.3h6.4v-3.4h-6.4v-7.5c-1.4.5-2.8.9-4.1 1.3v6.1h-4.4v3.4h4.4zm434.8 46.6c-1.4-1.3-3-2-5-2s-3.7.7-5.1 2c-1.4 1.4-2 3.1-2 5 0 2 .7 3.7 2 5 1.4 1.3 3.1 2 5.1 2s3.7-.7 5.1-2c1.4-1.4 2.1-3 2.1-5-.1-2.1-.8-3.7-2.2-5m-.6 9.5q-1.8 1.8-4.5 1.8c-1.8 0-3.2-.6-4.5-1.8a6.42 6.42 0 0 1-1.9-4.6c0-1.8.6-3.2 1.8-4.5q1.8-1.8 4.5-1.8c1.8 0 3.2.6 4.5 1.8 1.2 1.2 1.9 2.7 1.9 4.5 0 1.9-.5 3.4-1.8 4.6m-3.7-4.1c.7-.2 1.3-.5 1.7-.9s.6-1 .6-1.6c0-.7-.2-1.3-.7-1.7-.6-.5-1.5-.7-2.6-.7h-2.6v9.1h1.3v-3.8h.8c.6 0 1.1.6 1.6 1.6l1 2.2h1.5l-1.2-2.4c-.4-1.2-.9-1.7-1.4-1.8m-.9-.8h-1.4v-3.1h1.1c.8 0 1.4.1 1.7.4.3.2.4.6.4 1.1.1 1.1-.6 1.6-1.8 1.6m-226-70.7h1.1v-9.1h3v-1.1h-7.1v1.1h3zm6.9-6.8c0-.9 0-1.6-.1-2 .1.5.2.8.3 1l3.5 7.8h.6l3.5-7.9c.1-.2.2-.6.3-1-.1.8-.1 1.5-.1 2v6.9h1.2v-10.2h-1.5l-3.2 7c-.1.3-.3.7-.5 1.3h-.1c-.1-.3-.2-.7-.5-1.2l-3.2-7.1h-1.6v10.2h1.1z" style="fill:#231f1f"/></svg>
\ No newline at end of file
diff --git a/apps/web/public/icons/databases/tdsql.svg b/apps/web/public/icons/databases/tdsql.svg
deleted file mode 100644
index 65627ff..0000000
--- a/apps/web/public/icons/databases/tdsql.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0"?>
-<!-- Copyright Tencent Cloud. Sourced from TencentCloud/tencentcloud-monitor-grafana-app under Apache License 2.0. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 286.65 207.43">
-  <defs>
-    <style>.cls-1{fill:#00a3ff;}.cls-2{fill:#00c8dc;}.cls-3{fill:#006eff;}</style>
-  </defs>
-  <title>Tencent Cloud</title>
-  <g id="&#x56FE;&#x5C42;_2" data-name="&#x56FE;&#x5C42; 2">
-    <g id="&#x56FE;&#x5C42;_1-2" data-name="&#x56FE;&#x5C42; 1">
-      <path class="cls-1" d="M248.41,169.83c-5.11,5-14.21,10.79-29.16,11.3-6.91.23-15,.26-18.67.26h-80.3l57.59-55.94c2.65-2.57,8.61-8.27,13.75-12.9,11.28-10.15,21.43-12.2,28.61-12.13a40.46,40.46,0,0,1,28.18,69.41m19.23-75.5a66.15,66.15,0,0,0-47.31-20c-16.07,0-29.91,5.54-42,15.38-5.27,4.29-10.79,9.42-17.74,16.17-3.45,3.36-103.53,100.46-103.53,100.46a156.54,156.54,0,0,0,18.9,1c6,0,121,0,125.82,0,9.69,0,16,0,22.76-.5,15.53-1.13,30.21-6.83,42.07-18.48A66.49,66.49,0,0,0,267.64,94.33Z"/>
-      <path class="cls-2" d="M106.18,88.09C94.42,79.28,81.25,74.36,66.32,74.38A66.5,66.5,0,0,0,20,188.44a64.54,64.54,0,0,0,37.05,17.94l25.76-25c-4.16,0-10.14-.07-15.45-.25-14.94-.51-24-6.25-29.15-11.3a40.46,40.46,0,0,1,28.18-69.41c7,0,16.62,2,27.43,11,5.16,4.28,16.62,14.36,21.65,18.89a.62.62,0,0,0,.87,0L134.11,113a.64.64,0,0,0,0-1c-8.53-7.71-20.62-18.5-27.91-23.92"/>
-      <path class="cls-3" d="M227.3,59.36a89.08,89.08,0,0,0-172,16,65.32,65.32,0,0,1,11-.93,64.36,64.36,0,0,1,15,1.76,2.8,2.8,0,0,1,.28.06A63,63,0,0,1,200.56,62.78a.58.58,0,0,0,.7.38,76.32,76.32,0,0,1,25.14-2.62c.85.07,1.18-.41.9-1.18"/>
-    </g>
-  </g>
-</svg>
diff --git a/apps/web/public/icons/databases/tidb.svg b/apps/web/public/icons/databases/tidb.svg
deleted file mode 100644
index ee0b723..0000000
--- a/apps/web/public/icons/databases/tidb.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" class="icon" viewBox="0 0 1024 1024"><path fill="#e80230" d="M855.654 512.154c0 56.422-.153 112.896.256 169.267 0 9.062-2.713 13.773-10.854 17.92a74510 74510 0 0 0-321.024 169.984c-7.68 3.993-13.824 4.813-22.22.358a62695 62695 0 0 0-323.84-170.7c-7.527-3.943-9.882-8.602-9.882-17.05.256-113.255.256-226.56 0-339.866 0-8.448 2.713-13.107 10.035-16.998A92518 92518 0 0 0 501.914 154.47c7.526-3.993 13.21-4.352 20.992-.256A65522 65522 0 0 0 847.462 326.4c7.783 4.096 8.295 9.267 8.295 16.538a25193 25193 0 0 0-.103 169.216M489.472 727.552V709.12c0-101.888.154-203.776-.358-305.664 0-11.622 2.713-17.971 13.363-23.194 28.774-14.182 56.832-29.696 85.248-44.697 3.174-1.946 6.246-4.096 9.216-6.349-27.648-14.643-53.402-28.672-79.616-41.83-3.482-1.741-9.728-.666-13.568 1.33a21905 21905 0 0 0-166.81 87.604c-13.517 7.168-32 11.878-38.502 23.398-6.912 12.186-2.355 31.13-2.714 47.104-.153 13.517 0 26.983 0 42.701l107.879-56.73v16.897c0 73.37 0 146.79.153 220.262 0 4.915 1.331 12.493 4.455 14.285 25.958 14.54 52.377 28.057 81.254 43.213zm85.248-22.528c4.915-2.15 8.397-3.43 11.674-5.12 20.787-11.008 41.37-22.323 62.464-32.666 8.857-4.352 12.185-9.523 12.134-19.814-.41-81.664-.205-163.328-.205-245.094 0-4.352-.46-8.704-.717-14.95-25.753 13.567-49.766 26.93-74.393 38.911-8.96 4.352-11.11 9.882-11.06 19.098.257 64.717 0 129.433 0 194.048.103 21.197.103 42.291.103 65.536v.102z"/></svg>
\ No newline at end of file
diff --git a/apps/web/public/icons/databases/zookeeper.svg b/apps/web/public/icons/databases/zookeeper.svg
deleted file mode 100644
index a281bab..0000000
--- a/apps/web/public/icons/databases/zookeeper.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="45.02 22.32 53.115 57.774"><style><![CDATA[.I{stroke-width:.5}.J{stroke-miterlimit:10}.K{stroke:#000}.L{fill:none}.M{fill:#f9c89a}.N{fill:#4f2e0e}.O{fill:#6d9758}.P{stroke-width:.1}]]></style><g transform="matrix(.159884 0 0 .159884 34.20631 17.28392)"><g class="K I"><ellipse cx="299.73" cy="339.813" rx="10.957" ry="5.14" fill="#331e09"/><g stroke-miterlimit="10"><path d="M217.706 319.453s4.363 18.614 4.944 24.142 11.635 8.145 12.798 1.745 5.236-22.105 5.236-22.105zm69.518 4.072s5.816 13.962 5.816 21.814 13.96 9.017 15.125 3.78 2.908-25.887 2.908-25.887z" class="M"/><path d="M234.77 336.03c-2.327.97-8.92 1.746-11.44.777s.195 9.113.97 12.217 8.92 2.52 8.92 2.52z" fill="#a15813"/></g><g class="N"><ellipse cx="220.979" cy="344.03" rx="4.872" ry="11.636"/><ellipse cx="236.249" cy="345.268" rx="5.018" ry="11.416"/></g><g stroke-miterlimit="10"><path d="M202.145 377.77L202 364.1c-.145-7.562 7.854-17.16 24.142-16.725s23.85 9.453 23.85 18.18-.728 15.707-1.6 17.452-42.6 2.327-44.2.728-2.036-5.964-2.036-5.964z" fill="#9e5613"/><path d="M202.145 389.55c-2.763-.727-3.78-3.636-3.927-6.398s2.182-5.1 3.927-5.382c1.308 1.746 3.926 2.474 6.253 2.9s32.14.727 35.63.436 4.363-2.326 4.946-3.197c2.473.87 3.5 3.488 3.635 5.96s-1.018 4.8-3.5 5.673-15.562 2.9-24.578 2.763-22.396-2.764-22.396-2.764z" class="N"/><path d="M310.638 342.43s-7.854 4.653-17.9 1.164c-6.544-.873-8.3-.873-8.145 2.327s1.02 11.926-2.035 15.56-6.255 13.1-1.6 17.452 71.988 3.927 74.607 3.2 4.218-5.382 4.218-5.382.87-9.9.58-15.124-7.562-14.834-19.925-14.397-17.45 9.162-22.978 10.325c-4.654-4.362-6.4-9.452-6.4-10.472s-.434-4.653-.434-4.653z" fill="#9e5613"/><path d="M295.585 358.355c4.363 0 7.5-1.963 7.854-6.472s-.727-6.98-3.928-7.198-7.126-.873-9.016-2.108-2.1-3.5-1.3-4.437 2.18-1.817 2.18-1.817l-.5-1.38s-7.2 2.763-6.544 10.47 4.508 12.943 11.27 12.943zm7.927-13.67c2.398.945 2.907 2.764 2.545 4.727s-1.164 7.636 2.98 7.417 5.236-8.3 4.873-11.998-2.764-7.272-3.854-8.145l-.218 1.1s.824.58.85 2.036-2.45 4.216-7.175 4.872z" class="N"/><path d="M317.473 357.556c-2.23 4.85-4.363 20.363-2.424 24.626" class="L"/><path d="M280.97 378.935s-3.346 2.036-3.054 5.234 2.763 3.928 6.4 4.8 38.103 1.9 44.356 2.18 27.632-1.3 31.268-2.763 6.836-7.854-.145-11.636c-2.765 3.055-4.945 3.637-9.454 4.22s-25.597.727-34.322.436l-31.995-.727c-2.18-.146-3.053-1.745-3.053-1.745z" class="N"/></g><g stroke-miterlimit="10" class="M"><path d="M265.554 115.412c-1.02 1.163-5.817 6.7-3.5 11.343s15.56 25.015 15.56 25.015 29.232-14.834 28.36-21.815-6.836-15.27-6.836-15.27zm71.9 105.63c.97-.97 3.1-5.72-2.618-7.466-4.556-.582-7.853 1.552-8.822 2.62s2.035 6.787 3.877 6.98 7.563-2.133 7.563-2.133z"/><path d="M341.42 226.28c.873-1.26 2.715-4.46-1.55-6.593s-9.988.098-11.442 2.327 2.424 7.175 3.2 7.175 9.792-2.9 9.792-2.9z"/><path d="M331.87 202.816l-5.38 9.454s3.005 3.927 4.168 8.87-.776 6.7.872 6.4 11.248-2.908 13.1-1.746 4.363 5.915 2.618 9.114-6.787 9.792-13.865 11.538-15.608-1.455-18.8-5.915-8.24-18.8-8.436-21.33 3.2-10.18 3.2-10.18l13.186-5.914z"/><path d="M325.035 211.542c2.423 1.357 6.303 4.363 7.27 9.502s-1.066 11.635-4.362 14.35"/><path d="M341.7 234.423s-2.328 3.298-7.758 2.52-5.04-7.562-2.424-9.404 6.786-3.296 9.6-2.812 4.167 1.745 4.167 1.745"/><path d="M334.343 228.897l2.617 4.848s-1.65 1.357-3.588.484-1.94-2.327-1.455-3.587 2.426-1.745 2.426-1.745z"/></g><g stroke-miterlimit="10" class="O"><path d="M314.466 123.992s10.764 5.672 12.5 12.653c5.235 1.745 11.392 9.428 10.8 15.052 5.623 2.327 8.12 5.587 8.12 9.27 3.104 2.715 7.744 9.678 2.12 19.76s-8.927 17.055-8.927 17.055l-22.495-1.944-1.94-6.8 10.47-19.392s-4.654-7.562-10.085-7.757c-1.356 5.817-2.714 14.155-2.714 14.155l.58 31.995-2.908 1.745-.582 7.175 7.175 14.93 2.52 2.327-6.594 10.278 1.553 2.9 8.92 21.912-.194 2.715 5.237 6.786-.195 2.908 2.9 7.175-5.624 12.798-3.5 6.98 3.297 10.083s-9.113 8.34-24.24 8.145-25.4-7.95-25.4-7.95l-2.908-1.744s3.297-19.002 2.52-29.668-3.104-26.76-3.104-30.444-.97-14.155-.97-14.155l-1.553 33.546c-.193 11.247-1.745 26.565-3.683 29.667s-4.072 4.072-4.072 4.072l2.132 3.686.582 4.458-2.327 2.9-4.267-1.165s-8.337 9.697-23.462 7.953-24.432-9.308-25.402-15.514c-3.5-2.52-3.878-4.266-3.878-4.266l9.9-11.44-5.624-3.296 4.654-8.34s3.297-8.145 3.878-10.86 2.327-9.307 2.327-9.307l-4.848.193 7.95-12.4-.58-8.533 14.542-30.83-.582-5.042-1.95-2.715-1.587-10.762 1.02-5.818s5.03-6.107 5.6-11.15-2.417-10.083-2.417-10.083l-33.98 22.3-4.87.388-13.973 6.205-3.303-1.358s-1.166-1.938-1.554-5.04-.001-17.064 1.162-19.003 3.877-1.94 3.877-1.94 4.46-.775 7.95-3.103 25.014-18.228 30.25-22.3 23.463-19.778 23.463-19.778 6.205-4.848 9.695-6 5.815-.97 5.815-.97l.195 16.677 15.706 17.8 17.065-10.23 13.574-12.604z"/><path d="M262.936 115.993l-2.327 1.455-10.036 16.724 10.9 1.02-3.927 7.562 20.65 10.907 1.744-2.036-14.98-18.47c-3.5-4.363-4.5-14.107-.582-16.725s-1.453-.437-1.453-.437"/><path d="M272.242 155.915l31.196-5.2-3.673-13.3 13.344 1.7 1.164-15.417-13.816-8.87-1.3-.145s3.346 4.363 3.5 9.744-4.798 9.453-8.87 12.943l-21.525 18.543zm21.668 10.688l20.652-6.834 2.182 11.052-19.343 12.362zm-22.297-10.325l.776 45.18-3.493 12.798-.2 12.4-.582 12.216 2.715 4.072 7.368-1.746m13.573-28.696l-11.44-.97.774 5.43 11.443 2.132z"/><path d="M310.008 209.797l-10.084 2.52 1.357 6.786 8.145-2.132m-51.386-6.786l8.726.775.386 6.98-10.276-.97zm-21.525-1.745l12.604.388-.582 7.174-11.44-1.745m4.848-55.07l-4.848 8.726 21.135 16.482 6.4-15.707zm97.342 43.483s0-6.254 1.9-8.726c-4.654-2.037-15.852-6.544-21.96-5.817-2.9 3.5-8.094 13.67-6.302 19.924 6.737-2.327 26.37-5.38 26.37-5.38zm-147.032-37.085l6.7 9.744 4.218 10.908s-2.618 3.635-5.526 4.944-13.283 5.624-13.283 5.624l-3.296-1.358s3.054-1.938 3.5-13-2.326-12.507-2.326-12.507l6.544-2.473zm98.75 102.53s4.217 14.688 10.326 24.143c3.053-2.035 24.287-3.5 29.426-3.345"/></g><g stroke-miterlimit="10"><path d="M209.174 293.566c3.878 1.018 20.312 3.344 20.312 3.344s8.872 2.182 13.67.146c2.472-5.527 9.9-31.123 9.9-31.123s-7.126-8.3-13.525-9.598-16.433-4.8-16.433-4.8" class="L"/><path d="M220.033 265.062c3.5-.437 20.796 0 30.686 7.125" class="O"/><path d="M214.797 296.862l2.764 9.647" class="L"/><path d="M209.416 312.472c6.544 4.653 23.706 13.963 46.83 3.637" class="O"/><path d="M276.025 319.308c7.997 3.198 27.775 4.07 38.103-1.745" class="L"/></g><g stroke-miterlimit="10" class="O"><path d="M310.056 315.963c10.324 3.345 25.306 3.927 27.05.3S321.64 308.7 321.64 308.7"/><path d="M302.202 309.418c12.65 1.9 26.905-.582 26.905-4.945s-19.488-3.78-19.488-3.78m3.926-53.666c4.22 5.1 7.418 9.9 11.054 11.054-8.726 1.454-29.668 5.817-32.868 9.45-1.453-3.344-2.617-5.1-4.507-6.398 3.78-5.1 26.32-14.107 26.32-14.107z"/></g><path d="M183.093 172.7c-5.236-.582-15.998-2.763-19.924-12.943-2.472-5.1-6.544-5.962-8.435-7.272-2.473-2.18-5.963-3.78-10.908-3.054s-12.798-.437-17.743-3.345-10.18-1.018-11.925 1.455-1.9 5.962-.146 7.853l2.9 3.055s-6.835 1.018-7.417 6.108 3.054 7.562 5.38 8.58 4.363 1.164 4.363 1.164-2.617 3.5-.727 6.834 6.545 4.8 6.545 4.8 2.18 3.054 4.508 3.5 16.434 1.164 16.434 1.164 5.816-2.18 9.162-2.472 11.198-.437 13.816.727 14.107 1.454 14.107 1.454 1.454-6.254 1.3-9.6-1.308-8-1.308-8z" class="J M"/></g><linearGradient id="A" gradientUnits="userSpaceOnUse" x1="103.3" y1="357.36" x2="179.524" y2="357.36"><stop offset="0" stop-color="#442b1f"/><stop offset="1" stop-color="#442b1f"/></linearGradient><path d="M162.055 327.5c-7.95.775-50.222-.582-58.754-5.624.582 29.087 8.726 54.876 13.96 60.5s21.524 10.47 38.395 10.47 27.212-5.067 22.88-11.828c-12.8-19.973-16.483-53.52-16.483-53.52z" fill="url(#A)"/><linearGradient id="B" gradientUnits="userSpaceOnUse" x1="131.029" y1="233.936" x2="143.5" y2="233.936"><stop offset="0" stop-color="#c8b091"/><stop offset=".199" stop-color="#c5a788"/><stop offset=".529" stop-color="#bc8e6e"/><stop offset=".948" stop-color="#ad6745"/><stop offset=".994" stop-color="#ab6240"/></linearGradient><path d="M143.5 363.373V104.5h-12.47l.313 222.514c0 11.053.314 19.196 1.57 23.852s5.293 10.762 7.177 11.634 3.412.873 3.412.873z" fill="url(#B)" class="J K"/><linearGradient id="C" gradientUnits="userSpaceOnUse" x1="131.998" y1="341.231" x2="142.76" y2="341.231"><stop offset="0" stop-color="#88786f"/><stop offset=".105" stop-color="#806f66"/><stop offset=".281" stop-color="#6b574c"/><stop offset=".503" stop-color="#493023"/><stop offset=".622" stop-color="#34180a"/><stop offset="1" stop-color="#3e2316"/></linearGradient><path d="M142.663 332h-10.665s0 15.88 1.357 18.207l9.405.253z" fill="url(#C)"/><g stroke-miterlimit="10" class="I K M"><path d="M127.345 163.938s-3.2 5.526-3.006 7.27 6.206.486 6.593-1.745-3.587-5.526-3.587-5.526zm3.1 25.8c2.62.145 7.417.437 9.163-1.892s5.962-4.508 5.962-7.125-.727-4.072-3.344-6.108-15.416 2.9-16.144 4.217-1.745 4.945-1.308 5.963 1.308 2.9 2.617 3.78 3.054 1.164 3.054 1.164z"/><path d="M138 178.965l3.5 2.472s3.5-2.763.292-4.8-4.072 1.018-4.072 1.018z"/><path d="M123.078 185.267c1.745.485 1.553 1.65 6.012.485s9.5-5.042 10.956-8.532-6.7-9.2-10.083-8.435-9.2 3.587-10.714 5.526-1.793 5.72-.824 7.174 4.653 3.782 4.653 3.782zm15.802-27.05c-1.066-1.55-2.132-4.654-3.5-5.527s-5.816-4.363-7.174-5.235-5.527-4.072-9.114-3.103-6.883 3.006-6.4 7.853 3.587 5.333 5.235 6.98 3.976 3.976 5.333 4.75 5.235 2.618 8.144 2.9 5.72-1.552 6.787-3.394.678-5.235.678-5.235z"/><path d="M133.162 155.3l-4.944 8.144s5.396 2 7.368-.97c2.714-4.072-2.424-7.174-2.424-7.174z"/><path d="M146.008 150.897c-4.364 1.3-15.27 11.343-17.452 16.725s-1.454 10.035 2.9 11.78 10.762-2.18 12.507-5.38 4.508-13.525 4.508-13.525m-17.054 8.3l9.792 4.944s-1.455 2.714-4.46 3.103-6.398-2.036-6.496-4.072 1.163-3.975 1.163-3.975zm14.93-.873c.97 1.745 6.302 6.787 9.2 7.078m-.862 13.185c2.036-.484 3.394-1.648 4.654-2.618"/></g><linearGradient id="D" gradientUnits="userSpaceOnUse" x1="277.188" y1="161.441" x2="284.604" y2="161.441"><stop offset="0" stop-color="#f8fb9b"/><stop offset=".126" stop-color="#f5f892"/><stop offset=".334" stop-color="#efef78"/><stop offset=".601" stop-color="#e3e14f"/><stop offset=".911" stop-color="#d4ce16"/><stop offset="1" stop-color="#cfc804"/></linearGradient><g class="K"><circle cx="280.896" cy="161.441" r="3.708" fill="url(#D)" class="I"/><circle cx="280.871" cy="161.417" r="2.908" class="L P"/></g><linearGradient id="E" gradientUnits="userSpaceOnUse" x1="276.025" y1="182.383" x2="283.44" y2="182.383"><stop offset="0" stop-color="#f8fb9b"/><stop offset=".126" stop-color="#f5f892"/><stop offset=".334" stop-color="#efef78"/><stop offset=".601" stop-color="#e3e14f"/><stop offset=".911" stop-color="#d4ce16"/><stop offset="1" stop-color="#cfc804"/></linearGradient><g class="K"><circle cx="279.733" cy="182.383" r="3.708" fill="url(#E)" class="I"/><circle cx="279.708" cy="182.358" r="2.909" class="L P"/></g><linearGradient id="F" gradientUnits="userSpaceOnUse" x1="274.86" y1="203.325" x2="282.278" y2="203.325"><stop offset="0" stop-color="#f8fb9b"/><stop offset=".126" stop-color="#f5f892"/><stop offset=".334" stop-color="#efef78"/><stop offset=".601" stop-color="#e3e14f"/><stop offset=".911" stop-color="#d4ce16"/><stop offset="1" stop-color="#cfc804"/></linearGradient><g class="K"><circle cx="278.569" cy="203.325" r="3.709" fill="url(#F)" class="I"/><circle cx="278.545" cy="203.301" r="2.909" class="L P"/><path d="M251.542 77.454l-3.2-.873s-1.745.388-1.552 1.262 1.455 1.94 1.357 3.5-.3 4.556.875 6.496 3.975 4.848 5.43 5.623 1.842-.388 1.842-.388 1.356 13.96 1.746 15.416 2.424 5.042 5.72 7.854 8.92 9.2 11.538 11.15 11.246 3.588 14.93-.194 11.635-12.507 12.507-13.768 3.393-4.266 3.297-5.43-.484-13.574-.484-14.06c.58.194 1.84-.484 2.52-1.066s4.945-5.236 4.85-7.272-1.358-7.66-.872-8.047 1.162-1.94.3-2.327-6.012 3.393-6.012 3.393-1.042-13.258-5.815-16.676-43.438-5.817-45.764-2.715-3.204 18.132-3.204 18.132z" class="I J M"/></g><path d="M258 88.797l.457 4.75-1.132-2.472-1.68-6.666-5.053-7.356L250 66.4v-2.036l14.006-4.557-4.05 6.1-3.092 9.598-.158 4.46L258 82.302z"/><path d="M309.328 71.5c10.035 6.544-3.054 4.654-13.815 1.018s-32.286-9.9-37.232-10.035 32.724-3.055 38.54-1.164 12.507 10.18 12.507 10.18z" fill="#161616" class="I J K"/><linearGradient id="G" gradientUnits="userSpaceOnUse" x1="280.96" y1="69.02" x2="280.96" y2="31.748"><stop offset=".372" stop-color="#1d2739"/><stop offset=".994" stop-color="#1d2739"/></linearGradient><g stroke-miterlimit="10" class="I K"><path d="M247.568 61.263c-12.4-6-12.4-13.767.776-22.105s37.23-8.726 48.476-5.624 28.698 14.155 26.566 25.015c-2.132 8.337-11.83 10.47-11.83 10.47z" fill="url(#G)"/><path d="M248.684 65.383l-1.456-6.544c17.9-10.617 50.9-10.908 65.735 7.126-.437 1.308-2.326 4.508-3.636 5.526-25.45-18.906-60.643-6.108-60.643-6.108z" fill="#03468b"/></g><path d="M275.007 56.657l6.688.873-.3 1.744-11.925-1.017 8.727-7.854-5.964-.3.147-1.9 10.906 1.3zm17.523-5.6c3.272 1.9 4.364 4.944 3.2 7.562s-5.382 2.835-7.198 2.254-6.037-3.345-4.072-7.708c1.308-2.544 4.798-4 8.07-2.108zm-5.94 3.288c-1.205 2.677 1.383 4.372 2.5 4.73s3.702.222 4.416-1.382.046-3.48-1.964-4.64-4.15-.268-4.95 1.294zm16.982-.007c3.012 1.603 4.454 4.764 3.977 7.76s-3.88 3.804-5.472 3.42-5.53-2.804-4.714-7.798c.6-2.936 3.196-4.987 6.2-3.382zm-4.256 4.37c-.504 3.065 1.918 4.55 2.9 4.786s3.063-.262 3.357-2.098-.6-3.777-2.44-4.763-3.435.273-3.808 2.075z" fill="#fff"/><path d="M303.187 73.48l1.277 6.787-1.8 4.945.336 5.43v2.8l1.6-2.327.663-8.144 3.045-5.526.262-3.2z"/><g stroke-miterlimit="10" class="K L"><path d="M300.7 81.624c-.97-.583-3.394-2.9-4.557-2.9s-4.364.97-5.817 1.066-5.914 1.84-6.303 2.23m-9.986.195c-.97 0-3.878-.97-4.46-1.26s-3.5-.194-3.5-.194l-2.23-1.455-3.006 2.812"/><path d="M275.782 85.016c.68.388 2.23 2.52 2.135 3.684s-1.747 12.313-1.553 12.604 3.78.872 4.267.485m2.617-1.163c.68-.097 1.552-.3 2.23.582M273.65 86.76c-1.647-3.5-8.34-3.5-10.86.098m23.367.194c.774-4.265 10.567-5.138 12.7-.872" class="I"/></g><ellipse cx="268.414" cy="86.713" rx="3.006" ry="2.375"/><ellipse cx="292.119" cy="85.744" rx="3.151" ry="2.472"/><g stroke-miterlimit="10" class="I K"><path d="M269.867 107.995c4.655 5.914 18.52 5.72 21.695-.97-1.067.3-2.752.92-2.752.92s-5.758.243-7.018.922c-.87 0-2.035.193-2.035.193s-5.72-.776-6.594-.193-3.296-.873-3.296-.873z" fill="#d8d8d8"/><path d="M288.3 112.648c-3.104 3.684-11.054 3.587-14.253.775" class="L"/></g><path d="M289.017 85.355l3.586.437-3.054 1.357c-.58-.58-.532-1.794-.532-1.794zm-23.27 1.165l3.586.437-3.053 1.358c-.582-.583-.533-1.795-.533-1.795z" fill="#fcfcfc"/><path d="M309.9 79.2c-.653 1.163-2.544 3.563-2.7 4.726s.8 4.145.728 4.727m1.162-2.183c-.146-.8-.655-2.98-1.455-3.418m-58.08-3.926c.728 1.02 4.436 4.072 4.58 5.3s-.8 3.127-.5 4.217 1.02 2.763 1.02 2.763m-2.4-3.854c-.22-1.163.072-3.7 1.162-4" class="I J K L"/></g></svg>
\ No newline at end of file
diff --git a/apps/web/public/icons/icon-512.png b/apps/web/public/icons/icon-512.png
deleted file mode 100644
index 165a23b..0000000
Binary files a/apps/web/public/icons/icon-512.png and /dev/null differ
diff --git a/apps/web/src/main.tsx b/apps/web/src/main.tsx
deleted file mode 100644
index 5f42dc1..0000000
--- a/apps/web/src/main.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom/client";
-import { OpsxWorkspace } from "@opsxdb/ui";
-import "./styles.css";
-
-const root = document.getElementById("root")!;
-const isTauri =
-  typeof window !== "undefined" &&
-  Boolean((window as unknown as { __TAURI_INTERNALS__?: unknown }).__TAURI_INTERNALS__);
-
-// 产品唯一形态是桌面 Tauri：生产构建被浏览器打开时展示导引页，不渲染工作台。
-// （开发态的 Vite 浏览器访问保留，仅供 UI 调试。）
-if (!isTauri && import.meta.env.PROD) {
-  ReactDOM.createRoot(root).render(
-    <div
-      style={{
-        minHeight: "100vh",
-        display: "grid",
-        placeItems: "center",
-        background: "#0c1512",
-        color: "#d4d4d4",
-        fontFamily:
-          '-apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif',
-      }}
-    >
-      <div style={{ textAlign: "center", maxWidth: 460, padding: 24 }}>
-        <div style={{ fontSize: 40, marginBottom: 8 }}>🗄️</div>
-        <h1 style={{ fontSize: 22, margin: "0 0 10px", color: "#6ee7b7" }}>OpsxDB 请在桌面应用中打开</h1>
-        <p style={{ fontSize: 14, lineHeight: 1.8, color: "#8aa39b", margin: 0 }}>
-          客户端唯一形态是桌面 App（Tauri 2），本页面仅为桌面端构建产物。
-          <br />
-          官网与文档由本地后端提供：
-          <a href="http://127.0.0.1:8788/" style={{ color: "#34d399" }}>官网</a> ·{" "}
-          <a href="http://127.0.0.1:8788/docs" style={{ color: "#34d399" }}>文档</a>
-        </p>
-      </div>
-    </div>,
-  );
-} else {
-  ReactDOM.createRoot(root).render(
-    <React.StrictMode>
-      <OpsxWorkspace />
-    </React.StrictMode>,
-  );
-}
diff --git a/apps/web/src/styles.css b/apps/web/src/styles.css
deleted file mode 100644
index 61deba2..0000000
--- a/apps/web/src/styles.css
+++ /dev/null
@@ -1,553 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-  :root {
-    /* Design tokens v2 — 亮暗双套同色相,4 级字号,间距/圆角/阴影/层级全令牌化 */
-    color-scheme: dark;
-    /* 背景层级:三档,编辑器不再另起第四档深色(修 V7) */
-    --ops-bg: #0e1116;
-    --ops-surface: #151a21;
-    --ops-surface-2: #1a212b;
-    --ops-editor-bg: #10151c;            /* 介于 bg 与 surface 之间,取代 #070b11 "黑洞" */
-    /* 边框 / 文本 */
-    --ops-border: #2a3340;
-    --ops-border-soft: #1f2733;
-    --ops-text: #e8edf5;
-    --ops-muted: #8b95a5;
-    /* 语义色:亮暗同色相,仅调明度(修 V3) */
-    --ops-accent: #3b82f6;
-    --ops-accent-strong: #2563eb;
-    --ops-accent-soft: color-mix(in srgb, var(--ops-accent) 16%, transparent); /* 补齐 V1 */
-    --ops-danger: #ef4444;
-    --ops-warning: #f59e0b;              /* 统一命名,已删除 --ops-warn 别名(修 V1,引用侧由 WS-C 收敛) */
-    --ops-success: #10b981;
-    /* 兼容别名:--ops-fg 是历史误引用,统一收敛为 --ops-text(修 V1) */
-    --ops-fg: var(--ops-text);
-    --ops-input-bg: var(--ops-surface-2); /* 补齐 V1 */
-    --ops-row-alt: rgba(26, 33, 43, 0.65);
-    --ops-bg-active: var(--ops-accent-soft);
-    /* 字号:收敛为 4 级(修 V4,废除 10/11.5/12.5px) */
-    --ops-text-xs: 11px;   /* 徽章、分组标签、状态栏 */
-    --ops-text-sm: 12px;   /* 网格、树、次要文本 */
-    --ops-text-md: 13px;   /* 正文、模态、表单 */
-    --ops-text-lg: 15px;   /* 模态标题、空态标题 */
-    /* v1 字号别名:映射到 4 级新令牌,WS-C 收敛引用后删除 */
-    --ops-font-xs: var(--ops-text-xs);
-    --ops-font-sm: var(--ops-text-sm);
-    --ops-font-md: var(--ops-text-md);
-    /* 间距:4 的倍数 */
-    --ops-space-1: 4px;  --ops-space-2: 8px;  --ops-space-3: 12px;
-    --ops-space-4: 16px; --ops-space-5: 24px; --ops-space-6: 32px;
-    /* 圆角:3 级(修 V5) */
-    --ops-radius-sm: 4px;  /* 按钮、输入框、标签 */
-    --ops-radius-md: 6px;  /* 卡片、右键菜单 */
-    --ops-radius-lg: 10px; /* 模态、Toast */
-    /* 阴影:2 级 */
-    --ops-shadow-pop: 0 8px 24px rgb(0 0 0 / .35);
-    --ops-shadow-modal: 0 16px 48px rgb(0 0 0 / .45);
-    /* 层级 */
-    --ops-z-banner: 40;    /* 断连/后端未就绪横幅 */
-    --ops-z-ctx: 80;       /* 右键菜单 */
-    --ops-z-toast: 90;
-    --ops-z-modal: 100;
-    --ops-z-confirm: 110;
-    /* 尺寸(保留 v1) */
-    --ops-toolbar-h: 36px; --ops-tab-h: 32px; --ops-row-h: 28px;
-    --ops-statusbar-h: 24px; --ops-sidebar-w: 260px;
-    /* 滚动条走令牌(修 V11) */
-    --ops-scrollbar: #334155;
-  }
-  html.light {
-    /* 亮色:同色相,仅调明度 */
-    color-scheme: light;
-    --ops-bg: #f1f5f9; --ops-surface: #ffffff; --ops-surface-2: #f8fafc;
-    --ops-editor-bg: #f1f5f9;
-    --ops-border: #e2e8f0; --ops-border-soft: #eef2f7;
-    --ops-text: #1e293b; --ops-muted: #64748b;
-    --ops-accent: #2563eb;               /* 蓝色系,不再切换青色(修 V3) */
-    --ops-accent-strong: #1d4ed8;
-    --ops-danger: #dc2626; --ops-warning: #d97706; --ops-success: #059669;
-    --ops-row-alt: #f8fafc;
-    --ops-scrollbar: #cbd5e1;
-  }
-  * { scrollbar-color: var(--ops-scrollbar) transparent; scrollbar-width: thin; }
-  body {
-    @apply m-0 font-sans antialiased;
-    background: var(--ops-bg);
-    color: var(--ops-text);
-  }
-  button, input, select, textarea { font: inherit; }
-  /* 全局焦点环:覆盖按钮/树项/Tab(02-P2-3) */
-  :focus-visible {
-    outline: 2px solid var(--ops-accent);
-    outline-offset: 1px;
-  }
-}
-
-@layer components {
-  .ops-shell {
-    background: var(--ops-bg);
-    color: var(--ops-text);
-  }
-
-  .ops-input {
-    @apply rounded border px-2 py-1 outline-none transition;
-    font-size: var(--ops-text-sm);
-    border-color: var(--ops-border);
-    background: var(--ops-input-bg);
-    color: var(--ops-text);
-  }
-  .ops-input::placeholder { color: var(--ops-muted); opacity: 0.7; }
-  .ops-input:focus {
-    border-color: var(--ops-accent);
-    box-shadow: 0 0 0 1px color-mix(in srgb, var(--ops-accent) 35%, transparent);
-  }
-
-  .ops-btn-primary {
-    @apply inline-flex shrink-0 items-center justify-center whitespace-nowrap rounded px-2.5 font-semibold text-white shadow-sm transition disabled:cursor-not-allowed disabled:opacity-50;
-    height: var(--ops-row-h);
-    font-size: var(--ops-text-sm);
-    background: var(--ops-accent-strong);
-  }
-  .ops-btn-primary:hover:not(:disabled) { background: var(--ops-accent); }
-
-  /* 危险主按钮:删除/截断/无 WHERE 更新等确认场景统一红钮(修 C2/C3、G5) */
-  .ops-btn-danger {
-    @apply inline-flex shrink-0 items-center justify-center whitespace-nowrap rounded px-2.5 font-semibold text-white shadow-sm transition disabled:cursor-not-allowed disabled:opacity-50;
-    height: var(--ops-row-h);
-    font-size: var(--ops-text-sm);
-    background: var(--ops-danger);
-  }
-  .ops-btn-danger:hover:not(:disabled) {
-    background: color-mix(in srgb, var(--ops-danger) 85%, #fff);
-  }
-
-  .ops-btn-secondary {
-    @apply inline-flex shrink-0 items-center justify-center whitespace-nowrap rounded border px-2 transition;
-    height: var(--ops-row-h);
-    font-size: var(--ops-text-sm);
-    border-color: var(--ops-border);
-    background: var(--ops-surface-2);
-    color: var(--ops-text);
-  }
-  .ops-btn-secondary:hover {
-    border-color: color-mix(in srgb, var(--ops-accent) 45%, var(--ops-border));
-    background: color-mix(in srgb, var(--ops-accent) 8%, var(--ops-surface-2));
-  }
-
-  .ops-btn-ghost {
-    @apply inline-flex shrink-0 items-center justify-center whitespace-nowrap rounded px-1.5 transition;
-    height: var(--ops-row-h);
-    font-size: var(--ops-text-sm);
-    color: var(--ops-muted);
-  }
-  .ops-btn-ghost:hover {
-    color: var(--ops-text);
-    background: color-mix(in srgb, var(--ops-accent) 10%, transparent);
-  }
-
-  .ops-btn-ai {
-    @apply rounded border px-1.5 py-0.5 font-medium transition;
-    font-size: var(--ops-text-xs);
-    border-color: var(--ops-border);
-    background: var(--ops-surface-2);
-    color: var(--ops-text);
-  }
-  .ops-btn-ai:hover:not(:disabled) {
-    border-color: color-mix(in srgb, var(--ops-accent) 50%, var(--ops-border));
-    color: var(--ops-accent);
-  }
-  .ops-btn-ai:disabled { opacity: 0.5; cursor: not-allowed; }
-
-  .ops-tabbar {
-    @apply flex shrink-0 items-stretch gap-0.5 overflow-x-auto border-b px-1;
-    height: var(--ops-tab-h);
-    border-color: var(--ops-border);
-    background: var(--ops-surface-2);
-  }
-  .ops-empty {
-    @apply flex flex-1 flex-col items-center justify-center gap-3 px-6 text-center;
-    color: var(--ops-muted);
-    background: var(--ops-bg);
-  }
-  .ops-empty h2 {
-    @apply m-0 font-semibold;
-    font-size: var(--ops-text-lg);
-    color: var(--ops-text);
-  }
-  .ops-empty p {
-    @apply m-0 max-w-sm;
-    font-size: var(--ops-text-sm);
-  }
-  .ops-conn-row {
-    @apply flex w-full items-center gap-3 border-b px-3 text-left transition;
-    min-height: 44px;
-    border-color: var(--ops-border-soft);
-    background: var(--ops-surface);
-  }
-  .ops-conn-row:hover {
-    background: color-mix(in srgb, var(--ops-accent) 8%, var(--ops-surface));
-  }
-  .ops-section-card {
-    @apply space-y-2 rounded border p-3;
-    border-color: var(--ops-border);
-    background: var(--ops-surface);
-  }
-  .ops-section-title {
-    @apply mb-1 font-semibold uppercase;
-    font-size: var(--ops-text-xs);
-    color: var(--ops-muted);
-    letter-spacing: 0.04em;
-  }
-  .ops-tab {
-    @apply border-b-2 border-transparent px-2.5 py-1.5 font-medium transition;
-    font-size: var(--ops-text-sm);
-    color: var(--ops-muted);
-  }
-  .ops-tab:hover { color: var(--ops-text); }
-  .ops-tab-active {
-    border-color: var(--ops-accent);
-    color: var(--ops-accent);
-  }
-
-  /* 编辑器:背景走 --ops-editor-bg,不再另起深色档(修 V7) */
-  .ops-code {
-    @apply font-mono leading-[1.45] outline-none;
-    font-size: var(--ops-text-sm);
-    background: var(--ops-editor-bg);
-    color: var(--ops-text);
-    border-color: var(--ops-border);
-  }
-
-  .ops-panel {
-    background: var(--ops-surface);
-    border-color: var(--ops-border);
-  }
-
-  .ops-chrome-header {
-    @apply flex shrink-0 items-center gap-1.5 border-b px-2.5;
-    height: var(--ops-toolbar-h);
-    border-color: var(--ops-border);
-    background: color-mix(in srgb, var(--ops-surface) 92%, #000);
-  }
-  html.light .ops-chrome-header {
-    background: var(--ops-surface);
-  }
-
-  .ops-section-label {
-    @apply flex h-7 shrink-0 items-center px-2.5 font-semibold uppercase tracking-[0.06em];
-    font-size: var(--ops-text-xs);
-    color: var(--ops-muted);
-    border-color: var(--ops-border);
-    background: var(--ops-surface-2);
-  }
-
-  .ops-statusbar {
-    @apply flex shrink-0 items-center gap-2.5 border-t px-2.5;
-    font-size: var(--ops-text-xs);
-    height: var(--ops-statusbar-h);
-    border-color: var(--ops-border);
-    background: var(--ops-surface-2);
-    color: var(--ops-muted);
-  }
-
-  .ops-tree-item {
-    @apply flex w-full items-center gap-1 truncate rounded px-1.5 text-left leading-tight transition;
-    min-height: var(--ops-row-h);
-    font-size: var(--ops-text-sm);
-    color: color-mix(in srgb, var(--ops-text) 78%, var(--ops-muted));
-  }
-  .ops-tree-item:hover {
-    background: color-mix(in srgb, var(--ops-accent) 10%, transparent);
-    color: var(--ops-accent);
-  }
-  .ops-tree-item-active {
-    background: color-mix(in srgb, var(--ops-accent) 14%, transparent);
-    color: var(--ops-accent);
-  }
-
-  .ops-grid {
-    @apply w-full border-collapse text-left;
-    font-size: var(--ops-text-sm);
-  }
-  .ops-grid th {
-    @apply sticky top-0 border-b px-1.5 py-[3px] font-semibold whitespace-nowrap;
-    border-color: var(--ops-border);
-    background: var(--ops-surface-2);
-    color: var(--ops-muted);
-  }
-  .ops-grid td {
-    @apply border-b px-1.5 py-[2px] font-mono whitespace-nowrap;
-    border-color: var(--ops-border-soft);
-    color: var(--ops-text);
-  }
-  .ops-grid tbody tr:nth-child(even) td {
-    background: var(--ops-row-alt);
-  }
-  .ops-grid tbody tr:hover td {
-    background: color-mix(in srgb, var(--ops-accent) 8%, transparent);
-  }
-  .ops-grid tbody tr.ops-row-selected td {
-    background: var(--ops-bg-active) !important;
-  }
-  .ops-grid th {
-    position: relative;
-    user-select: none;
-  }
-  .ops-grid th .ops-col-resize {
-    position: absolute;
-    right: 0;
-    top: 0;
-    width: 5px;
-    height: 100%;
-    cursor: col-resize;
-  }
-  .ops-grid th.ops-sortable {
-    cursor: pointer;
-  }
-  .ops-driver-row {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    width: 100%;
-    min-height: var(--ops-row-h);
-    padding: 0 10px;
-    border-bottom: 1px solid var(--ops-border-soft);
-    text-align: left;
-    background: transparent;
-    color: var(--ops-text);
-    font-size: var(--ops-text-sm);
-    transition: background 0.1s;
-  }
-  .ops-driver-row:hover {
-    background: var(--ops-bg-active);
-  }
-  .ops-driver-row .ops-driver-meta {
-    margin-left: auto;
-    font-size: var(--ops-text-xs);
-    color: var(--ops-muted);
-  }
-  .ops-tab-dirty::before {
-    content: "●";
-    margin-right: 4px;
-    font-size: 8px;
-    color: var(--ops-accent);
-  }
-  .ops-grid .ops-null {
-    color: var(--ops-muted);
-    font-style: italic;
-  }
-  .ops-grid .ops-rownum {
-    @apply w-7 min-w-[1.75rem] text-right select-none;
-    color: var(--ops-muted);
-    background: var(--ops-surface-2) !important;
-  }
-
-  /* 统一模态基件样式:圆角/阴影/字级全走令牌,页脚右对齐 */
-  .ops-modal-overlay {
-    position: fixed;
-    inset: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: var(--ops-space-4);
-    background: rgb(0 0 0 / .55);
-    backdrop-filter: blur(2px);
-  }
-  .ops-modal {
-    @apply overflow-hidden border;
-    border-radius: var(--ops-radius-lg);
-    border-color: var(--ops-border);
-    background: var(--ops-surface);
-    color: var(--ops-text);
-    box-shadow: var(--ops-shadow-modal);
-    font-size: var(--ops-text-md);
-  }
-  .ops-modal-header {
-    @apply border-b px-3.5 py-2 font-semibold;
-    font-size: var(--ops-text-md);
-    border-color: var(--ops-border);
-    background: var(--ops-surface-2);
-  }
-  .ops-modal-body {
-    @apply px-3.5 py-2.5 leading-relaxed;
-    font-size: var(--ops-text-md);
-    color: color-mix(in srgb, var(--ops-text) 90%, var(--ops-muted));
-  }
-  .ops-modal-footer {
-    @apply flex justify-end gap-2 border-t px-3.5 py-2;
-    border-color: var(--ops-border);
-  }
-  /* 危险确认语句清单(前 3 条 + 折叠,修 C2) */
-  .ops-modal-items {
-    @apply mt-2 space-y-1 rounded border px-2.5 py-2 font-mono whitespace-pre-wrap break-all;
-    font-size: var(--ops-text-xs);
-    border-color: var(--ops-border-soft);
-    background: var(--ops-editor-bg);
-    color: var(--ops-muted);
-  }
-
-  /* Toast:圆角/阴影走令牌,分级色由调用侧以 var(--ops-*) 注入 */
-  .ops-toast {
-    pointer-events: auto;
-    display: flex;
-    width: 360px;
-    max-width: calc(100vw - 2rem);
-    align-items: flex-start;
-    gap: var(--ops-space-3);
-    padding: var(--ops-space-3) var(--ops-space-4);
-    border: 1px solid var(--ops-border);
-    border-radius: var(--ops-radius-lg);
-    background: var(--ops-surface);
-    box-shadow: var(--ops-shadow-pop);
-  }
-
-  .ops-card {
-    @apply flex flex-col items-center gap-1.5 rounded-md border p-2.5 transition;
-    border-color: var(--ops-border);
-    background: color-mix(in srgb, var(--ops-surface-2) 80%, transparent);
-  }
-  .ops-card:hover {
-    border-color: color-mix(in srgb, var(--ops-accent) 55%, var(--ops-border));
-    background: color-mix(in srgb, var(--ops-accent) 8%, var(--ops-surface-2));
-  }
-
-  /* 结果区分段控件(02-§4.2-5,供 ResultPane 内部 Tab 使用) */
-  .ops-seg {
-    @apply inline-flex items-center gap-0.5 rounded border p-0.5;
-    border-color: var(--ops-border);
-    background: var(--ops-surface-2);
-  }
-  .ops-seg button {
-    @apply rounded px-2 py-0.5 transition;
-    font-size: var(--ops-text-xs);
-    color: var(--ops-muted);
-    background: transparent;
-  }
-  .ops-seg button:hover { color: var(--ops-text); }
-  .ops-seg button.ops-seg-active {
-    background: var(--ops-surface);
-    color: var(--ops-text);
-    box-shadow: 0 1px 2px rgb(0 0 0 / .25);
-  }
-
-  /* 骨架屏基类(备用):低饱和呼吸动画 */
-  .ops-skel {
-    border-radius: var(--ops-radius-sm);
-    background: color-mix(in srgb, var(--ops-muted) 18%, transparent);
-    animation: ops-skel-pulse 1.6s ease-in-out infinite;
-  }
-  @keyframes ops-skel-pulse {
-    0%, 100% { opacity: 1; }
-    50% { opacity: 0.45; }
-  }
-
-  details > summary .ops-tree-chevron {
-    display: inline-block;
-    transition: transform 0.12s ease;
-  }
-  details[open] > summary .ops-tree-chevron {
-    transform: rotate(90deg);
-  }
-}
-
-
-  .ops-drop-line {
-    height: 2px;
-    margin: 1px 4px;
-    border-radius: 1px;
-    background: var(--ops-accent);
-  }
-  .ops-drop-slot {
-    border: 1px dashed var(--ops-border);
-  }
-  .ops-drop-slot-active {
-    border-color: var(--ops-accent);
-    background: color-mix(in srgb, var(--ops-accent) 12%, transparent);
-  }
-
-  .ops-split-x {
-    width: 5px;
-    cursor: col-resize;
-    flex-shrink: 0;
-    background: transparent;
-  }
-  .ops-split-x:hover,
-  .ops-split-x:active {
-    background: color-mix(in srgb, var(--ops-accent) 45%, transparent);
-  }
-  .ops-split-y {
-    height: 5px;
-    cursor: row-resize;
-    flex-shrink: 0;
-    background: transparent;
-  }
-  .ops-split-y:hover,
-  .ops-split-y:active {
-    background: color-mix(in srgb, var(--ops-accent) 45%, transparent);
-  }
-  .cm-editor {
-    height: 100%;
-    outline: none;
-    background: transparent;
-  }
-
-  /* Tab 关闭按钮:固定 18px 占位,透明度切换消除横向抖动(修 T1) */
-  .ops-close-faint {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    flex: none;
-    width: 18px;
-    height: 18px;
-    border-radius: 3px;
-    font-size: 12px;
-    line-height: 1;
-    color: color-mix(in srgb, var(--ops-muted) 55%, transparent);
-    background: transparent;
-  }
-  .ops-close-faint:hover {
-    color: var(--ops-text);
-    background: color-mix(in srgb, var(--ops-muted) 18%, transparent);
-  }
-  /* 右键菜单:z-index/阴影/圆角走令牌 */
-  .ops-ctx {
-    position: fixed;
-    z-index: var(--ops-z-ctx);
-    min-width: 140px;
-    padding: var(--ops-space-1);
-    border-radius: var(--ops-radius-md);
-    border: 1px solid var(--ops-border);
-    background: var(--ops-surface);
-    box-shadow: var(--ops-shadow-pop);
-  }
-  .ops-ctx button {
-    display: block;
-    width: 100%;
-    text-align: left;
-    padding: 6px 10px;
-    border-radius: var(--ops-radius-sm);
-    font-size: var(--ops-text-sm);
-    color: var(--ops-text);
-    background: transparent;
-  }
-  .ops-ctx button:hover:not(:disabled) {
-    background: var(--ops-bg-active);
-  }
-  .ops-ctx button:disabled {
-    opacity: 0.4;
-    cursor: not-allowed;
-  }
-  .ops-ctx-sep {
-    height: 1px;
-    margin: 4px 6px;
-    background: var(--ops-border);
-  }
-  .ops-tree-group {
-    font-size: var(--ops-text-xs);
-    font-weight: 600;
-    letter-spacing: 0.04em;
-    color: var(--ops-muted);
-  }
diff --git a/apps/web/tailwind.config.ts b/apps/web/tailwind.config.ts
deleted file mode 100644
index db2c1dd..0000000
--- a/apps/web/tailwind.config.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import type { Config } from "tailwindcss";
-
-/**
- * 设计令牌 v2 映射:与 apps/web/src/styles.css 的 :root 令牌同源,
- * 新增组件样式优先使用 ops-* utility,避免散落硬编码色值。
- */
-export default {
-  content: [
-    "./index.html",
-    "./src/**/*.{ts,tsx}",
-    "../../packages/ui/src/**/*.{ts,tsx}",
-  ],
-  theme: {
-    extend: {
-      colors: {
-        ops: {
-          bg: "var(--ops-bg)",
-          surface: "var(--ops-surface)",
-          "surface-2": "var(--ops-surface-2)",
-          "editor-bg": "var(--ops-editor-bg)",
-          border: "var(--ops-border)",
-          "border-soft": "var(--ops-border-soft)",
-          text: "var(--ops-text)",
-          muted: "var(--ops-muted)",
-          accent: "var(--ops-accent)",
-          "accent-strong": "var(--ops-accent-strong)",
-          "accent-soft": "var(--ops-accent-soft)",
-          danger: "var(--ops-danger)",
-          warning: "var(--ops-warning)",
-          success: "var(--ops-success)",
-          "input-bg": "var(--ops-input-bg)",
-          "row-alt": "var(--ops-row-alt)",
-          "bg-active": "var(--ops-bg-active)",
-        },
-      },
-      fontSize: {
-        "ops-xs": "var(--ops-text-xs)",
-        "ops-sm": "var(--ops-text-sm)",
-        "ops-md": "var(--ops-text-md)",
-        "ops-lg": "var(--ops-text-lg)",
-      },
-      spacing: {
-        "ops-1": "var(--ops-space-1)",
-        "ops-2": "var(--ops-space-2)",
-        "ops-3": "var(--ops-space-3)",
-        "ops-4": "var(--ops-space-4)",
-        "ops-5": "var(--ops-space-5)",
-        "ops-6": "var(--ops-space-6)",
-      },
-      borderRadius: {
-        "ops-sm": "var(--ops-radius-sm)",
-        "ops-md": "var(--ops-radius-md)",
-        "ops-lg": "var(--ops-radius-lg)",
-      },
-      boxShadow: {
-        "ops-pop": "var(--ops-shadow-pop)",
-        "ops-modal": "var(--ops-shadow-modal)",
-      },
-      zIndex: {
-        "ops-banner": "var(--ops-z-banner)",
-        "ops-ctx": "var(--ops-z-ctx)",
-        "ops-toast": "var(--ops-z-toast)",
-        "ops-modal": "var(--ops-z-modal)",
-        "ops-confirm": "var(--ops-z-confirm)",
-      },
-      // 修 V6:删除 JetBrains Mono 声明,等宽栈与 SqlEditor 统一为系统栈
-      fontFamily: {
-        mono: ["ui-monospace", "SFMono-Regular", "Menlo", "Consolas", "monospace"],
-      },
-    },
-  },
-  plugins: [],
-} satisfies Config;
diff --git a/apps/web/tsconfig.app.json b/apps/web/tsconfig.app.json
deleted file mode 100644
index 7a3d8ce..0000000
--- a/apps/web/tsconfig.app.json
+++ /dev/null
@@ -1,17 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "noEmit": true,
-    "allowImportingTsExtensions": true,
-    "types": [
-      "vite/client"
-    ]
-  },
-  "include": [
-    "src",
-    "../../packages/ui/src",
-    "../../packages/core/src",
-    "../../packages/transport/src"
-  ]
-}
diff --git a/apps/web/tsconfig.json b/apps/web/tsconfig.json
deleted file mode 100644
index ea9d0cd..0000000
--- a/apps/web/tsconfig.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "files": [],
-  "references": [
-    {
-      "path": "./tsconfig.app.json"
-    },
-    {
-      "path": "./tsconfig.node.json"
-    }
-  ]
-}
diff --git a/apps/web/tsconfig.node.json b/apps/web/tsconfig.node.json
deleted file mode 100644
index d8ff2ca..0000000
--- a/apps/web/tsconfig.node.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "noEmit": true,
-    "composite": true,
-    "types": [
-      "node"
-    ]
-  },
-  "include": [
-    "vite.config.ts"
-  ]
-}
diff --git a/apps/web/vite.config.ts b/apps/web/vite.config.ts
deleted file mode 100644
index 696f6b6..0000000
--- a/apps/web/vite.config.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-import path from "node:path";
-
-export default defineConfig({
-  plugins: [react()],
-  resolve: {
-    alias: {      "@opsxdb/ui": path.resolve(__dirname, "../../packages/ui/src/index.ts"),
-    },
-  },
-  server: {
-    host: "127.0.0.1",
-    port: 5174,
-    strictPort: true,
-    proxy: {
-      "/api": {
-        target: "http://127.0.0.1:8788",
-        changeOrigin: true,
-      },
-      "/health": {
-        target: "http://127.0.0.1:8788",
-        changeOrigin: true,
-      },
-    },
-  },
-});
diff --git a/connection-types/NOTICE.md b/connection-types/NOTICE.md
index eaed60b..3725e0c 100644
--- a/connection-types/NOTICE.md
+++ b/connection-types/NOTICE.md
@@ -4,8 +4,8 @@
 
 | 数据 | 来源 |
 |---|---|
-| `id` / `label` / `category` / `defaultPort` / `color` / `icon` / `mysqlCompat` / `ready` / `form` / `hints` | `packages/ui/src/catalog.ts` 的 `DRIVERS` 数组（注册表顺序 = 该数组顺序） |
-| `driverFamily` / `runtime` | `apps/server/internal/db/open.go` 的服务端驱动分发 |
+| `id` / `label` / `category` / `defaultPort` / `color` / `icon` / `mysqlCompat` / `ready` / `form` / `hints` | `src/catalog.ts` 的 `DRIVERS` 数组（注册表顺序 = 该数组顺序） |
+| `driverFamily` / `runtime` | `server/internal/db/open.go` 的服务端驱动分发 |
 | `verified` / `notes` | `tests/README.md` 驱动验收表 |
 | 默认端口、产品名、品牌色等产品事实 | 各数据库官方公开文档（MySQL 3306、PostgreSQL 5432、SQL Server 1433、Oracle 1521、Redis 6379、MongoDB 27017、达梦 DM8 5236 等），属不受著作权保护的技术事实 |
 
diff --git a/connection-types/README.md b/connection-types/README.md
index 1a7aae4..b69db95 100644
--- a/connection-types/README.md
+++ b/connection-types/README.md
@@ -1,7 +1,7 @@
 # opsxdb 连接类型注册表（connection-types.json，schema v1）
 
-`connection-types.json` 是 opsxdb 驱动目录的**单一事实来源**（规划中）：`packages/ui/src/catalog.ts`
-的 `DRIVERS` 与服务端 `apps/server/internal/db/open.go` 的驱动分发，最终都应从本注册表生成。
+`connection-types.json` 是 opsxdb 驱动目录的**单一事实来源**（规划中）：`src/catalog.ts`
+的 `DRIVERS` 与服务端 `server/internal/db/open.go` 的驱动分发，最终都应从本注册表生成。
 当前阶段注册表与代码手工保持一致，生成器接入前以代码为准。
 
 数据来源说明见 `NOTICE.md`。
@@ -33,7 +33,7 @@
 
 ## 纪律
 
-- `fields` 必须与 `apps/server/internal/db/types.go` 的 `ConnReq` 实际消费字段一致
+- `fields` 必须与 `server/internal/db/types.go` 的 `ConnReq` 实际消费字段一致
   （审计记录：Oracle 的 `oracleRole`/`oracleIdKind`、SQL Server 的 `authMode`、
   Redis 的 `keySeparator`/`redisMode` 为已知的死参数，不得回流）。
 - 新增驱动时同步更新 `tests/README.md` 验收表与 `catalog.ts`，并保持注册表与
diff --git a/docs/15-AI-MCP-Agent.md b/docs/15-AI-MCP-Agent.md
index 9721302..c8e5f37 100644
--- a/docs/15-AI-MCP-Agent.md
+++ b/docs/15-AI-MCP-Agent.md
@@ -1,5 +1,7 @@
 # OpsxDB AI / MCP / Agent 任务书
 
+> 当前行为（2026-10-15 更新）：新配置默认启用读写与危险 SQL，连接仍需明确授权；旧配置沿用原权限，设置 → MCP 可一次性「使用默认权限」。设置页移除权限开关，改为紧凑状态展示。Agent 生成写命令后弹出确认框，展示连接、数据库和完整命令；仅确认当前一条，模型不能代确认。下文 P0 只读默认的描述属于历史阶段规划。
+
 > 更新：2026-10-15 · 用户拍板：**先 MCP，再内部会话，最后 GUI 联动**  
 > 对标：优先 [DBX MCP](https://github.com/t8y2/dbx)（`packages/mcp-server` / `crates/dbx-mcp`）；架构思路参考 oh-my-pi；可选对照 Google MCP Toolbox for Databases、DBHub、官方 MCP SDK。
 
@@ -199,8 +201,8 @@ go build -o ../bin/opsxdb-mcp ./cmd/opsxdb-mcp
 |----|------|
 | Ask | 侧栏分段 **Ask**：走既有 `/api/ai/chat`，不调工具（生成/解释/优化） |
 | Agent | 分段 **Agent**：`POST /api/ai/agent` → `ai.RunAgent` → 进程内 `aitools.Runtime.Call`（与 MCP 同源） |
-| 协议 | Agent tool calling 目前仅 **openai-chat**（DeepSeek / OpenAI 兼容） |
-| 安全 | P0 只读；ConfirmDanger 永不 true；白名单 / 审计同 MCP |
+| 协议 | Agent tool calling 支持 openai-chat、Anthropic 与 OpenAI Responses；云模型真链路仍需实测 |
+| 安全 | 默认只读；工具限定当前连接/库，模型不能自行确认写入；白名单 / 审计同 MCP |
 | UI | 输入框上 Ask\|Agent；回复下可折叠步骤时间线（默认最近 3 步） |
 | 单测 | `go test ./internal/ai/ ./internal/aitools/`（含 mock tool loop） |
 | 真库冒烟 | `cd server && go run ./cmd/opsxdb-agent-accept/`（需 `~/.opsxdb/ai.json` 真 key） |
@@ -211,6 +213,19 @@ go build -o ../bin/opsxdb-mcp ./cmd/opsxdb-mcp
 
 MySQL 3306 demo + Redis 6379：`go run ./cmd/opsxdb-mcp-accept/` 全过。实践文档：`~/Downloads/AI-Agent接入GUI工具开发实践.md`。
 
+### 本地回归 2026-10-15（当前隔离执行环境）
+
+| 路径 | 结果 |
+| --- | --- |
+| `go test ./internal/ai/ ./internal/aitools/ ./internal/server/ -count=1` | 通过；补测 Ask 不强制生成 SQL、MySQL Agent 越界连接/库拒绝、Redis DB1 GET 与 SET 需确认 |
+| stdio MCP `initialize` / `tools/list` / `tools/call` | 7 个工具可列出；MySQL `DROP` 与 Redis `FLUSHDB` 均按只读策略拒绝 |
+| `opsxdb-mcp-accept` | 连接列表通过；MySQL `127.0.0.1:3306` 遇 `operation not permitted`，后续真库调用未运行 |
+| `opsxdb-crud-accept` | 只读拒写通过；MySQL 预检同样被本地连接权限拦截，未进入真实写操作；命令已改为预检失败立即停止并显示原因 |
+| `opsxdb-agent-accept` | 真模型请求在解析 `api.deepseek.com` 时失败（`no such host`），未得到模型与真库结果 |
+| 桌面交互 | Computer Use 自动审批拒绝访问 OpsxDB；未验证桌面按钮、视觉和真库操作 |
+
+上述限制只影响本次环境的真库/云模型回归；不可将失败命令记为产品功能验收通过。实际真库重测仍执行本节 P0 命令，并核对唯一标记的数据写入与清理。
+
 
 ## 会话产品层（阶段 5，2026-10-15）
 
diff --git a/docs/16-AI-Session-Harness.md b/docs/16-AI-Session-Harness.md
index 9b66b6b..95264de 100644
--- a/docs/16-AI-Session-Harness.md
+++ b/docs/16-AI-Session-Harness.md
@@ -244,11 +244,11 @@ confirm_bind = sha256(connection_id + "\n" + normalize(sql_or_command))
 
 ## 9. 验收（会话层）
 
-- [ ] `go test ./internal/ai/ ./internal/aitools/` 通过（含 outcome / trim / redact / bind）  
-- [ ] 触顶轮次：响应 `run_outcome=incomplete`，`incomplete_reason=max_steps`  
-- [ ] 审计行含 `run_id`（Agent 路径）  
-- [ ] confirm：改 SQL 后旧 bind 拒绝  
-- [ ] （P1）关窗再开：同 session 注入 prior 能继续调工具  
+- [x] `go test ./internal/ai/ ./internal/aitools/ ./internal/server/ -count=1` 通过（含 outcome / trim / redact / bind）
+- [x] 触顶轮次：单测响应 `run_outcome=incomplete`，`incomplete_reason=max_steps`
+- [x] 单测 Agent 审计行含 `run_id`；真库审计仍待复验
+- [x] confirm：单测修改 SQL、连接或数据库后旧 bind 拒绝
+- [ ] （P1）桌面关窗再开：同 session 注入 prior 能继续调工具（会话层单测已覆盖，桌面操作待验）
 
 ---
 
diff --git a/docs/BACKLOG.md b/docs/BACKLOG.md
index 2298351..d4ab942 100644
--- a/docs/BACKLOG.md
+++ b/docs/BACKLOG.md
@@ -140,8 +140,10 @@
 | 右侧 AI 面板可开关 | 已收 | — |
 | 真模型接入（生成/解释/优化） | **已接**（2026-10-14：Provider 预设 + 三协议，见 §23 补记） | 桌面接真实云端 key 验收；流式输出后置 |
 | MCP 最小工具集 + 安全策略（**P0 纯只读**） | **本轮落地** | `aitools` + `opsxdb-mcp` stdio；白名单/审计/connections.json 双写；写+确认=P1；验收盯 MySQL/PG/Redis |
-| 内部 Agent 会话（共用 tool runtime） | 未做（P1） | Ask \| Agent UI（设计阶段 2 先只记文档）；多轮 + 步骤展示 |
-| GUI 联动（插入编辑器 / 结果网格） | 未做（P1） | 设置页 MCP 配置片段 |
+| 内部 Agent 会话（共用 tool runtime） | 已有 Ask / Agent 流式会话、步骤、停止与单槽排队；模式下拉默认 Ask；Agent 工具限制当前连接与库，写入确认绑定库 | 桌面真实模型、多连接切换、跨库限定与写入确认回归；SQL 显式跨库引用仍由数据库权限管控 |
+| GUI 联动（插入编辑器 / 结果网格） | Ask 生成 SQL 仅在回复中建议，需手动「复制到 SQL 窗口」；Agent 结果可在结果区打开；当前连接和库显示在输入区 | 桌面端跨方言、Redis DB 与结果网格联动回归 |
+| 大模型设置 | 设置分类改为「大模型 · AI 供应商」；参照 opsxshell 的字段层级整理当前单供应商配置 | 多供应商保存/切换属后续能力，现有后端只保存一个配置 |
+| AI 验收（2026-10-15） | Ask 自由提问修正为聊天提示词，不再强制生成 SQL；stdio MCP 初始化/7 工具列举及危险命令拒绝通过；Go 单测覆盖 MySQL/Redis Agent 当前库、确认写 | 本次隔离环境禁止连本机 3306/6379、云模型 DNS 不通；桌面 Computer Use 自动审批拒绝 OpsxDB，真库 CRUD 与模型/视觉实测待复验（细节见 15-AI-MCP-Agent） |
 
 ---
 
@@ -322,6 +324,8 @@
 
 详见 [DATABASE-OPERATIONS-AUDIT.md](DATABASE-OPERATIONS-AUDIT.md)。右侧结构页已复用对象树的 MySQL/PG/SQLite 元数据查询，查询失败单组提示并可重试；AI 晚到 SQL 的原标签/未保存状态和切库保护已有回归。下一步真库核对与树节点定位 → 字段/索引设计及 DDL 预览 → CSV 导入 → 表级导出完善 → 逻辑备份与恢复。规划项未标为已完成。
 
+2026-10-15 的 [OpsxDB / DBX / DBeaver 高频操作评审](DB-CLIENT-REVIEW.md)按关系库工作流重新评分，并复核了源码。优先补表数据新增行、明确 NULL 与改动/部分失败反馈，以及 CSV 导入向导；手动事务须先做绑定查询标签的独占物理连接与生命周期，不能只在现有连接池上发 `BEGIN`。随后处理整表导出截断提示、MySQL/PG 手动备份与恢复演练、结构漂移校验和只读比较。AI/Redis 优势单列，不以视觉旧分替代功能分；规划能力不得显示为已完成。
+
 ### 主题随系统 + AI 真模型接入（2026-10-14 · 参考 opsxshell）
 
 | 项 | 状态 |
diff --git a/docs/DATABASE-OPERATIONS-AUDIT.md b/docs/DATABASE-OPERATIONS-AUDIT.md
new file mode 100644
index 0000000..6c234c5
--- /dev/null
+++ b/docs/DATABASE-OPERATIONS-AUDIT.md
@@ -0,0 +1,94 @@
+# 库、表与数据迁移功能缺项盘点
+
+更新：2026-10-14（同日复核一轮：右键与复制主路径已落地，本文相关条目同步；代码现状以根级 `src` / `src-tauri` / `server` 布局核查）。依据当前 OpsxDB 代码以及 DBFlux、dbx、RustGrid 本地源码/文档静态核查；未运行参考项目，能力存在不等于所有引擎已验证。本文优先于早期「整表导出尚未实现」等笼统表述。
+
+## 已确认的现状
+
+- 按用户要求移除工作台「执行计划」按钮、结果「计划」页签及其前端执行处理。底层 API 保留兼容，不列入近期开发。
+- 表/视图节点下有字段分组（对象树自带）；表节点另有索引、外键、触发器分组（`TableMetadataTree`，按驱动 DDL 能力挂载）。目录查询覆盖 MySQL 系列、PG 系列、SQLite，未适配引擎明确提示而非伪装空列表，尚待真库验证。
+- 右侧/结果区「结构」页有字段列表，索引/外键/触发器区块已复用对象树的目录查询，覆盖 MySQL 系列、PG 系列和 SQLite；每组单独显示加载、失败重试、空态与截断。编辑入口在表右键「设计表」，MySQL 普通索引可编辑，外键/触发器仍只读；真实数据库兼容性待验收。
+- 已有当前结果 CSV/JSON/INSERT 导出及服务端整表、完整查询导出入口；表右键已有 CSV/JSON 导出与 SQL 三态转储。这些有行数上限的导出不等于数据库备份。
+- 编辑器/结果/对象树右键主路径已于 2026-10-14 补齐一轮（格式化、注释、查找替换、定义跳转、复制与导出、SELECT/INSERT 模板、新建查询带库），验收状态以 BACKLOG §3 为准；本文只保留与结构、表设计、迁移相关的条目。AI 晚到 SQL 的原标签、未保存状态和切库保护已补回归。
+- Redis 键浏览/编辑已有独立面板（`RedisKeyPane`），非本盘点的关系对象迁移范畴。
+
+## 库与 Schema
+
+| 操作 | OpsxDB 状态 | 缺口与优先级 |
+|---|---|---|
+| 新建查询、刷新、复制名称/连接地址 | 已有（另含设为默认库、删除库、限定名与主机端口复制） | 菜单键盘、焦点、视口约束已统一实现（2026-10-14），待桌面验收；剩余为禁用项说明的一致性 |
+| 默认库切换 | 部分 | P1：PG Schema/search_path 与会话隔离验证；显示实际生效目标 |
+| 新建数据库 / Schema | 缺少可视化流程 | P1：库名、字符集/排序规则或 owner 按方言开放，预览 SQL |
+| 删除数据库 | 有能力裁剪入口 | P1：验收目标确认、权限失败、删除后连接与标签刷新 |
+| 查看/修改库属性 | 缺少 | P2：编码、排序规则、大小、注释；可修改项按引擎限制 |
+| 批量选择表 | 缺少 | P1：为多表导出/备份提供选择，不优先批量删除 |
+| 视图、过程、函数定义管理 | 列表 + 视图可展开字段、复制建表/视图 SQL | P2：查看/复制定义已部分具备，新建/修改/删除、参数调用仍缺；按引擎支持 |
+| 用户/权限、服务器管理 | 缺少 | 后置：不挤占表设计和迁移优先级 |
+
+## 表与表设计
+
+| 操作 | OpsxDB 状态 | 缺口与验收要求 |
+|---|---|---|
+| 查看数据、前 N 行、查看结构/DDL | 已有 | 右侧结构已统一字段及三组目录；P1：点击树中索引定位对应详情，并以真库验证权限、方言差异与刷新行为 |
+| 新建表 | 设计器 v1 已落地（2026-10-14）：库右键「新建表…」/表右键「设计表…」，字段网格 + 方言化 CREATE 预览 + 应用 | P0：真库验收新建→改字段→改主键全流程；表选项（引擎/字符集）后置 |
+| 新增/修改/删除字段 | 设计器 v1 支持列级 diff ALTER（MySQL 族 ADD/DROP/MODIFY/CHANGE、PG 族 TYPE/NOT NULL/DEFAULT/RENAME；SQLite 仅 ADD） | P0：真库各方言验收；结构漂移重校验（执行前被外部修改）后置 |
+| 主键管理 | 设计器 v1 支持主键组变更（ADD/DROP PRIMARY KEY） | P0：复合主键真库验收；不把普通索引当主键 |
+| 创建/修改/删除索引 | MySQL 系列设计器可编辑普通 BTREE/唯一及复合索引，实时预览 DROP/ADD；前缀、FULLTEXT、SPATIAL、降序等特殊索引只读。PG/SQLite 仍只读 | P0：MySQL 真库验证索引重建与外部结构漂移；PG 并发索引等高级项后置 |
+| 外键管理 | 仅查看 | P1：多列映射、引用表列、ON DELETE/UPDATE；依赖检查 |
+| 检查约束 | 未接入树/设计器 | P2：读取/创建/删除，按引擎版本裁剪 |
+| 触发器 | 主要是查看 | P2：源码查看/编辑与 DDL 预览；避免假定支持原地 ALTER |
+| 重命名表、修改表注释 | 缺少专用操作 | P1：方言转义、名称冲突、成功后刷新和旧标签提示 |
+| 克隆为新表 | 缺少 | P1：仅结构/结构+数据；明确索引、外键、触发器是否复制 |
+| 清空/截断、删除表 | 已有危险确认入口 | P1：区分 DELETE 与 TRUNCATE，事务/自增/外键语义及失败反馈 |
+| 生成 SQL | 表右键「生成 SQL」折叠组提供 SELECT/INSERT/UPDATE/DELETE/DDL；新开带库查询，更新/删除有主键时填 WHERE 占位，不自动执行 | P1：复合主键、生成列/自增列和各方言参数占位符真库校验 |
+| 表数据新增/修改/删除 | 部分内联修改、粘贴和删除 | P1：新增行、待提交变更、明确 NULL 编辑、多行部分失败反馈，避免并发回滚覆盖 |
+| 表关系图、结构比较、数据比较 | 缺少 | 结构比较 P1（只读差异，目标选择和过滤）；数据比较 P2（主键、同构、分页/限量）；关系图后置 |
+
+设计器现状：字段、索引、外键、触发器、SQL 预览分区；大弹窗、紧凑密度、MySQL 表注释、普通索引编辑，外键/触发器只读。应用前展示 DDL 并确认，读取元数据失败或存在不支持的修改时禁止应用。未含：外键/触发器图形编辑、引擎/字符集选项、草稿保留（关闭即丢）、结构漂移重校验、SQLite 重建表流程；这些仍是后续项。
+
+## 导出、导入、备份与恢复
+
+| 能力 | OpsxDB 状态 | 必须补齐的闭环 |
+|---|---|---|
+| 当前结果 CSV/JSON/INSERT | 已有 | P1：范围、编码、NULL/换行/大整数、取消/保存失败回归 |
+| 整表 / 完整查询导出 | 表右键可导出 CSV/JSON，输入 1–500000 行上限（默认 100000）；服务端流式取数，不受前端结果分页限制。右键还可转储 SQL 三态（仅结构/仅数据/结构和数据） | P1：上限命中时服务端给出明确截断标志、列与条件选择、进度/取消、大表内存验证；目前文件达到上限不能判定是否完整，不可当备份 |
+| 表结构 SQL 导出 | 表右键转储「仅结构/结构和数据」已可保存 .sql | P1：多表选择、对象依赖顺序；视图/过程/函数纳入 |
+| CSV 导入 | 缺少向导 | P0：文件预览、编码/分隔符、表头、字段映射、类型/NULL、批次、事务策略、错误行报告 |
+| SQL 文件执行/导入 | 缺少完整流程 | P1：大文件流式读取、方言分隔符、进度/取消、失败位置；不是简单按分号切开 |
+| JSON/Excel 导入导出 | JSON 结果导出已有，其他缺少 | P2：先 CSV；Excel 为可选扩展，不先堆格式 |
+| 单表 / 多表逻辑备份 | 缺少 | P1：结构+数据、索引/约束/触发器范围、快照一致性说明、产物清单 |
+| 整库逻辑备份 | 缺少 | P1：MySQL/PG 优先，评估原生 dump 工具依赖或自有导出；凭据不放命令行/日志 |
+| 备份恢复 | 缺少 | P1：目标库确认、冲突策略、对象顺序、失败报告，完成后实际验证可恢复性 |
+| 定时备份/保留策略/历史 | 缺少 | P2：手动备份恢复验收后再做；桌面退出时不承诺继续运行 |
+| 物理备份、PITR、binlog/WAL 归档 | 无 | 不纳入近期桌面客户端范围；逻辑 SQL 导出不能冒充灾备 |
+
+## 三个参考项目取舍与证据
+
+| 参考 | 静态证据 | 借鉴内容 |
+|---|---|---|
+| dbx | `docs/content/docs/table-structure.cn.mdx`；`crates/dbx-core/src/table_structure_sql/` 的 columns/indexes/foreign_keys/sqlite_rebuild/validation；结构编辑器并发与元数据重校验测试 | 字段/索引设计、能力裁剪、DDL 预览、草稿与结构漂移校验，作为表设计主要参考 |
+| dbx | `crates/dbx-web/src/routes/table_export.rs`（CSV/JSON/XLSX/SQL、进度、取消）、`docs/content/docs/database-backup.cn.mdx`、`crates/dbx-core/src/sql_file_import/table_restore.rs` | 借鉴导出任务反馈、立即备份与恢复；XLSX 按真实需求后置，不把有限行导出称为备份 |
+| navop | `crates/db_view/src/compare/`、`import_export/table_import_view.rs` | 比较目标、差异预览、失败状态与导入映射。优先只读结构差异，再做按主键的数据比较；同步执行需独立确认与回滚策略 |
+| AnotherRedisDesktopManager | `src/components/OperateItem.vue`、`MemoryAnalysis.vue`、`src/redisClient.js` | 搜索输入、取消/分批 SCAN 与集群节点处理；不引入会阻塞服务器的 KEYS 全量搜索 |
+| DBFlux | `crates/dbflux_ui_document/src/import_wizard/column_mapping.rs`、`export_wizard/`、`crates/dbflux_export/src/streaming.rs`、`dbflux_ui_sidebar/src/operations/export_tables.rs` | 导入映射、按对象直达导出、步骤层级与流式任务。不能仅凭 schema_alter policy 推断完整设计器已成熟 |
+| RustGrid | `README_zh.md`、`crates/rustgrid-backup/src/lib.rs`、`crates/rustgrid-app/src/app/backup.rs`、`crates/rustgrid-postgresql/src/backup.rs` | 中文导入导出向导、备份/还原成对入口；不优先复制专有 .rgbak 格式，先通用 SQL/CSV |
+
+上述 dbx/navop/dbflux/rustgrid 路径相对 `/Users/logan/devops/demo/db-gui/`，Redis 参考项目位于 `/Users/logan/devops/demo/db-client/`。本文不因参考项目声明功能就宣称其全部驱动均通过验收。
+
+Navicat 截图的数据库/表/视图与工具图标用于辨识和层级参考；OpsxDB 保留自有 SVG 图标与紧凑桌面工具栏，不复制其图形资产或将比较、备份按钮提前摆在主工具栏。结构比较 P1 先只读展示字段、索引、约束差异；数据比较 P2 要求同构表、明确主键、限量取样与差异统计，跨库同步和无主键全表比较后置。导入以 CSV 预览→字段映射→批量执行→错误报告为 P0；导出优先 CSV/JSON/SQL INSERT/结构 SQL，XLSX 为 P2，整库逻辑备份必须能恢复验证。
+
+## 推荐开发顺序
+
+1. **结构查看验收**：目录查询与错误/空态已复用；补树节点定位结构详情，并用 MySQL、PG、SQLite 真库核对索引、复合外键和触发器。
+2. **表设计器验收**：字段网格、MySQL 普通索引、结构只读页签与 DDL 确认已落地；MySQL 3306 旧版建表/转储验收不覆盖本轮索引改造。下一步真库验收索引重建与结构漂移重校验。
+3. **日常迁移**：CSV 导入 + 表右键导出 + SQL 文件执行；有进度、取消与错误报告。
+4. **备份恢复**：先手动单库逻辑备份并完成恢复演练，再多库/定时。
+5. **按需扩展**：外键/触发器编辑、克隆、关系图/比较，不把整个管理平台塞入默认右键菜单。
+
+验收矩阵应覆盖：空表/大表/复合主键/无主键/权限不足/断连/取消/名称特殊字符/跨标签切换/结构被外部修改；每种方言单独记录。规划项未实现前不在产品中放置伪可用入口。
+
+## 本地质量复核
+
+- 前端构建/类型检查通过，60 项前端测试通过；Go 编译和 2 项无监听的 Redis 扫描预算测试通过，差异空白检查通过。homepage 未改动。
+- 复核修正：结构页不再把索引等目录查询报错显示为「无」，三组分别加载、报错重试；AI 异步生成 SQL 保留原标签与未保存标记，用户修改 SQL 或切库后不覆盖。
+- 2026-10-14 晚补充：设计器 v1（tableDdl 11 项单测，前端合计 75 项全绿）、`/api/db/dump` 三态转储、`⌘/` 注释快捷键修正（帮助改 `⌘⇧/`）；MySQL 3306 真库端到端验证建表、插数与三种转储输出后已清理测试库。
+- 尚未完成：真实 MySQL/PG/SQLite 的结构目录校验、桌面视觉/右键/剪贴板验收、表设计与导入备份闭环。完整 Go 集成测试中的本地监听用例在当前受限环境不能运行；这不等于真实数据库验收通过。
diff --git a/docs/DB-CLIENT-REVIEW.md b/docs/DB-CLIENT-REVIEW.md
new file mode 100644
index 0000000..51a688b
--- /dev/null
+++ b/docs/DB-CLIENT-REVIEW.md
@@ -0,0 +1,42 @@
+# 高频数据库操作评审：OpsxDB / DBX / DBeaver
+
+更新：2026-10-15。依据当前工作区的 OpsxDB 根级 `src/`、`server/`，以及 `/Users/logan/devops/demo/db-gui/dbx`、`/Users/logan/devops/demo/db-client/dbeaver` 的源码和随库文档。**这是静态代码评审与产品取舍，不是三个桌面程序的同机实测，也不是所有驱动的兼容性认证。** 分数只针对日常关系数据库工作流；AI/MCP、Redis 等差异化能力在下文单列，不靠第三方插件数量加分。参考项目自身的文档陈述若未在本轮实测，以“源码中有路径”评价。
+
+## 评分口径
+
+每项满分是该列权重；一条功能只存在入口或说明但缺执行、错误恢复和验证时扣分。结果集“筛选已加载行”不等于数据库服务端过滤；限量 SQL 导出不等于可恢复备份。下表为评审判断值，允许在真库与桌面验收后修订，不能与 2026-10-14 的 [GUI 布局评分](GUI-COMPARISON.md)混用。
+
+| 维度（满分） | OpsxDB | DBX | DBeaver | 主要判断 |
+|---|---:|---:|---:|---|
+| 连接、对象树与上下文（15） | 12 | 14 | 14 | OpsxDB 已有多连接、库/表/列及索引/外键/触发器目录和带库标签；PG Schema 与真实驱动目录仍需验收；两参照项目对象导航与目标上下文更完整 |
+| SQL 编辑、会话与事务（20） | 11 | 18 | 18 | OpsxDB 有选区/当前语句执行、格式化、历史、切库、取消与危险确认；尚无可靠跨请求手动事务；DBX 有标签专用事务会话，DBeaver 有自动提交切换和事务监视 |
+| 表设计与数据编辑（20） | 12 | 18 | 19 | OpsxDB 有字段/主键、MySQL 普通索引设计及有主键的单元格改/删；缺新增行、批量暂存提交、外键编辑，PG/SQLite 索引只读；参照项目有更完整的编辑持久化路径 |
+| 导入、导出与恢复（20） | 7 | 18 | 18 | OpsxDB 有结果与整表导出、单表 SQL 三态转储，缺 CSV 导入、完整备份与恢复；DBX 有表导入、数据传输和 MySQL/PG 备份，DBeaver 有数据传输向导与 MySQL/PG 原生备份向导 |
+| 结果集高频交互与大数据（15） | 11 | 13 | 13 | OpsxDB 有复制/右键、局部筛选排序、分页与继续显示，但服务端按 offset 丢弃前面行；两参照项目有更丰富的过滤、行状态与任务反馈 |
+| 失败反馈、回归证据与操作安全（10） | 5 | 7 | 9 | OpsxDB 有危险确认与部分单测，桌面及真库矩阵尚未闭环；DBX 有事务/导入/比较专门回归，DBeaver 的持久化器含行标识校验、部分提交与回滚处理。此项不代表本轮运行了第三方测试 |
+| **合计 / 100** | **58** | **88** | **91** | 能力覆盖与闭环成熟度的当前估计，不是视觉评分或性能基准 |
+
+OpsxDB 的优势是轻量的连接→对象→查询主路径、Redis 键操作、Ask/Agent 与 MCP 同一会话工具边界；后两项没有纳入上述关系库同口径打分。DBeaver 覆盖广而操作层级多；DBX 的步骤式迁移和上下文入口值得借鉴。OpsxDB 应保持日常操作短路径，复杂任务才进入向导。
+
+## 对照后最值得补的能力
+
+| 频率 / 优先级 | OpsxDB 当前缺口与影响 | 参考代码证据 | 适合 OpsxDB 的实现范围 |
+|---|---|---|---|
+| 高频 P0：新增/修改/删除一批数据 | `src/ResultPane.tsx` 有主键写回和删除，空输入转 NULL，单元格写入立即提交；没有新增行与可查看的待提交改动。粘贴多格失败时需明确哪些已写入，不能用旧结果覆盖后来的成功写回 | DBX `apps/desktop/src/lib/dataGrid/dataGridContextMenu.ts` 有 clone/restore/delete、NULL/筛选操作；DBeaver `plugins/org.jkiss.dbeaver.ui.editors.data/.../ResultSetPersister.java` 区分 insert/update/delete，并对缺少唯一行标识拒绝删除 | 先做“新增行、显式 NULL、改动预览、保存/撤销”；事务支持前明示逐行立即生效和部分失败。限制表来源与主键，避免任意 JOIN 结果写回 |
+| 高频 P0：导入 CSV 到已有表 | 无数据导入向导；手工写 INSERT 成本高，易错 | DBX `crates/dbx-core/src/data/table_import.rs`、`crates/dbx-web/src/routes/table_import.rs` 与 `docs/content/docs/table-import.cn.mdx`；DBeaver `plugins/org.jkiss.dbeaver.data.transfer.ui/.../DataTransferWizard.java` | 从表右键进入，文件预览→编码/表头/分隔符→字段映射与 NULL→目标复核→分批写入/进度/取消/错误行；先支持 MySQL/PG/SQLite 的 CSV，测试事务及失败行语义 |
+| 高频 P0：可控事务 | `server/internal/db/session.go` 按库缓存 `*sql.DB` 连接池，`server/internal/db/ops.go` 每次通过池执行；连发 `BEGIN`、DML、`ROLLBACK` 不能保证同一物理连接。前端没有会话绑定的提交/回滚状态 | DBX `crates/dbx-core/tests/live_manual_transaction.rs`、`apps/desktop/src/components/layout/EditorToolbar.vue`；DBeaver `plugins/org.jkiss.dbeaver.core/.../DataSourceTransactionModeContributor.java` 与 `.../TransactionMonitorToolbar.java` | 先设计每查询标签独占 `*sql.Conn`/`*sql.Tx` 的本机事务句柄，再开放手动模式和提交/回滚。连接/库切换、关闭标签、超时、取消、断连与提交响应未知均有状态处理；事务内不隐式重试。MySQL DDL 的隐式提交单独提示。不能先只加按钮或直接发送 BEGIN |
+| 高频 P1：备份与恢复 | `server/internal/db/dump.go` 仅单表 SQL 转储；整表 CSV/JSON 上限 500000 行，达到上限未明确是否截断；没有整库一致性备份、依赖顺序或恢复验证 | DBX `docs/content/docs/database-backup.cn.mdx`、`crates/dbx-core/src/scheduled_backup/engine.rs`；DBeaver `plugins/org.jkiss.dbeaver.ext.mysql.ui/.../MySQLExportWizard.java`、`plugins/org.jkiss.dbeaver.ext.postgresql.ui/.../PostgreBackupWizard.java` | 先 MySQL/PG 手动逻辑备份，列出范围、对象与输出文件并做空库恢复演练；查询导出达到上限明确标注不完整。定时与保留策略后置，桌面退出不承诺继续运行 |
+| 中频 P1：表设计变更可靠性 | 设计器有 DDL 预览，但读取后到应用前未重新校验结构；MySQL 索引支持常见类型，PG/SQLite 索引与外键只读 | DBX `crates/dbx-sql-schema/src/table_structure_sql/`、结构编辑器的验证与 SQLite 重建路径；DBeaver 对象属性编辑路径 | 先校验元数据版本/快照与实际目标，处理复合主键和默认值；PG 普通索引、外键在真库验收后分方言开放。危险 DDL 展示影响与失败后的状态，不追求一次支持所有约束 |
+| 中频 P1：服务端筛选和高效翻页 | `src/ResultPane.tsx` 的筛选/排序作用于已加载行；`server/internal/db/ops.go` 的 offset 在结果扫描中逐行跳过，深页成本增长，重跑查询可能读到变化后的数据 | DBX `apps/desktop/src/lib/dataGrid/dataGridContextMenu.ts` 的筛选菜单与数据网格；DBeaver 结果集查看/编辑组件 | 表数据增加列条件筛选与稳定排序，清楚标示“当前页”或“全表”；按方言生成带 LIMIT/OFFSET 的安全查询，深页考虑主键游标。不将任意 SQL 重写成服务端过滤 |
+| 中频 P1–P2：比较/迁移 | OpsxDB 无结构比较/数据比较、跨连接传输；SQL 文件导入也未形成完整解析和进度路径 | DBX `crates/dbx-core/src/data/data_compare.rs`、`apps/desktop/src/components/diff/DataCompareDialog.vue`、`crates/dbx-core/src/data/transfer.rs`；DBeaver `plugins/org.jkiss.dbeaver.cmp.simple.ui/.../CompareObjectsWizard.java` | 先做只读结构差异；数据比较限定同构、唯一键、行数上限并展示样本；跨库传输与同步等 CSV 导入/备份闭环后再排期 |
+
+路径中 `...` 表示相应插件包内的 `src/org/jkiss/dbeaver/` 前缀，并非 OpsxDB 文件。完整库/表缺项及现有功能参阅 [DATABASE-OPERATIONS-AUDIT.md](DATABASE-OPERATIONS-AUDIT.md)。DBX 表导入文档与核心实现对应，但其 SQL 导入限定字面量 INSERT，不能据此推断任意 SQL 脚本恢复已经通用可用；“可导出 SQL”也不能推断“已验证可恢复”。
+
+## 项目决策与验收门槛
+
+1. **先补可信的数据操作**：表网格新增行和明确 NULL；校验主键、唯一行定位、并发变化与多行部分失败。若暂存/批量保存需依赖事务，先把服务器独占连接与标签生命周期打通，再显示“保存/撤销”；与普通 SQL 的手动事务可以共用句柄层，UI 保持简单。
+2. **CSV 导入做一条完整路径**：从表右键进预填目标的向导，不加额外主工具栏按钮。测试 UTF-8/GBK、引号换行、空串与 NULL、自增/默认字段、重复键、取消、断连和错误行定位；明确每批是否已提交，输出成功/跳过/失败行数。
+3. **加固现有出口**：整表导出区分“达到行上限”与“完整”；导出失败/取消不留下貌似成功的文件。随后再做 MySQL/PG 的单次整库备份与空库恢复演练，备份内容与对象范围可核对。
+4. **依赖真库的结构工作随后做**：MySQL 8.4/MariaDB 11/PG 16/SQLite 的新建→改字段/主键/索引→刷新/重连、并发结构变动、无权限和特殊标识符。结构比较先只读；数据比较、XLSX、跨连接复制、定时任务为后续选项。
+
+本次只读核查三份本地源码，未运行 DBX、DBeaver；未将 OpsxDB 桌面视觉/右键或 MySQL/Redis Agent 真库测试记为通过。当前 Computer Use 访问 OpsxDB 曾被自动审批拒绝，且此前隔离环境不能连接本机数据库；这些验收应在可访问的本机桌面环境补做。此评审不改变 `homepage/` 或产品形态：官网与文档在浏览器，数据库操作仍只走 Tauri 桌面。
diff --git a/docs/GUI-COMPARISON.md b/docs/GUI-COMPARISON.md
new file mode 100644
index 0000000..bf8ede0
--- /dev/null
+++ b/docs/GUI-COMPARISON.md
@@ -0,0 +1,56 @@
+# 数据库桌面 GUI 对比与优化依据
+
+日期：2026-10-14。参考目录：`/Users/logan/devops/demo/db-gui` 下的 DBFlux、DBX、RustGrid；目标为 OpsxDB 当前工作区。
+
+产品取舍（用户确认）：以 DBFlux 的布局层级与上下文操作为主要参考；DBX 只借鉴实用功能与细致回归。常用操作一两步可达，按目标显示相关菜单，不堆全量管理能力，不为追求功能数量增加学习负担。
+
+## 方法与评分
+
+依据本地仓库截图、用户文档、菜单/编辑器/结果表实现及已有测试进行静态评审。未运行三个参考项目，未测启动速度、内存、海量结果性能或逐引擎兼容性；README 宣称的驱动数量不作为已验证能力。截图可能早于代码。下列分数是相同桌面数据库日常任务下的设计评审分，不是性能或质量认证；OpsxDB 55 分为 2026-10-14 右键与复制补齐**前**的基线，当日一轮「操作闭环」已落地（见 BACKLOG §3）但尚未桌面验收，本文不因此自动上调分数，验收后重评。
+
+每项 10 分：0–3 缺失或断链，4–6 主路径具备但存在明显缺口，7–8 较完整且有边界处理，9–10 系统化实现及回归证据。总分按权重换算为 100 分。
+
+| 维度 | 权重 | DBFlux | DBX | RustGrid | OpsxDB |
+|---|---:|---:|---:|---:|---:|
+| 布局层级、空间利用、信息密度 | 20% | 9 | 8 | 8 | 6 |
+| 视觉一致性、主题、可读性 | 15% | 9 | 8 | 7 | 6 |
+| 编辑器、右键与键盘交互完整度 | 20% | 9 | 9 | 7 | 5 |
+| 结果浏览、复制、编辑与导出 | 20% | 9 | 9 | 8 | 5 |
+| 功能组织与对象上下文 | 15% | 9 | 9 | 7 | 6 |
+| 错误反馈、安全与回归证据 | 10% | 8 | 8 | 6 | 5 |
+| **加权总分** | **100%** | **89** | **85.5** | **73** | **55** |
+
+## 布局与设计对比
+
+| 项目 | 布局与设计 | 适合借鉴 | 详细不足与取舍 |
+|---|---|---|---|
+| DBFlux | 连接树 + 文档标签 + 数据区 + 右侧检查器；深浅主题统一；底部状态与任务分离 | 面包屑显示对象上下文、复制/编辑按目标与能力启用、单元格详情、键盘操作 | 三栏同时展开时数据区受挤压；图表、Dashboard、脚本、任务、审计增加学习成本；截图字号偏小，高密度不是所有用户的最佳默认。GPUI 实现不能直接移植进 Tauri |
+| DBX | 顶部全局操作、连接/库/Schema 树、多标签、结果工具条与 AI 侧栏；类型信息进表头 | 菜单的目标同步、列操作、复制格式、SQL 编辑器边界测试、连接/库/Schema 分层 | 同屏工具条和图标入口较多；AI 展开后宽表横向空间不足；多数据库/云/CLI/浏览器形态使产品复杂，OpsxDB 不应照搬浏览器操作模式；大量能力不等于每个驱动同等成熟 |
+| RustGrid | Navicat 式大图标工具条、左树、中间对象/查询标签、下方结果与分页 | 清晰的对象类别、显式运行/停止、筛选/排序/导出紧邻数据、中文可发现性 | 大图标顶栏与多排工具条占用垂直空间；截图存在标签截断；界面更传统、设置与细节组织不如前两者统一；README 明示早期迭代，不应按文档能力视为稳定验收 |
+| OpsxDB | 紧凑顶栏、左侧连接/对象树、编辑器与结果上下分割、可开关 AI；底部状态栏样式存在但未挂载，状态实际经结果工具条与 toast 呈现 | 保留紧凑桌面结构与现有主题；使用已有能力补齐交互 | 图标/文字密度不统一；树、编辑器和结果菜单各自实现；右键主路径已补齐一轮（编辑器/结果/树，2026-10-14 落地待桌面验收）；库上下文已随新建查询与模板补齐，PG Schema 语义未完；结果分批 500 行增量显示，仍非真正虚拟滚动；持久化密码是混淆而非钥匙串加密 |
+
+## 功能对比与证据
+
+| 能力 | DBFlux | DBX | RustGrid | OpsxDB 缺口 |
+|---|---|---|---|---|
+| 编辑器 | 文档工作区、历史、保存查询、键盘命令 | CodeMirror 编辑与上下文菜单、目标同步回归测试 | 高亮、补全、美化、命名查询 | 右键已接入：执行选中/当前、格式化（选区/全文）、注释/取消注释、查找替换、按光标标识符跳 DDL（支持 库.表 限定名）；CodeMirror 6 + 库表列补全 + DataGrip 风高亮 + 历史面板。剩余：定义跳转仅限已加载元数据中的明确标识符，别名/CTE/未加载对象后置 |
+| 结果网格 | 虚拟表格、检查器、过滤、分页、Copy as Query | 复制格式、列冻结/隐藏、筛选/排序、详情、结果上下文工具 | 分页、编辑、筛选、导入导出 | 右键已接入：复制单元格/行/列（TSV）、列名、排序、列宽、行 JSON/INSERT、筛选结果复制、导出当前结果 CSV/JSON；首批 500 行可增量「继续显示」。剩余：非虚拟滚动；TSV 不含表头；桌面剪贴板与保存文件待验收 |
+| 对象操作 | 驱动能力决定菜单，Schema 层级 | 多 Schema 与连接/查询上下文区分 | 对象类别、表/视图/例程与备份 | SELECT/INSERT 模板已入菜单并新开带库查询（UPDATE/DELETE 函数就绪未开放）；新建查询携带所点库并持久化；限定名复制、设为默认库、删除库已有。剩余：PG Schema 语义与 search_path；库节点断开/重连归属；表右键直达导出 |
+| 设置/安全 | 设置、配置/秘密存储说明、审计与错误关联 | 设置、驱动管理与回归测试较全面 | 主题/语言，XChaCha20-Poly1305 本地密钥存储 | 设置左导航 + 搜索已重构，安全页明示混淆非加密；主题已支持深/浅/随系统（2026-10-14 补齐）。剩余：国际化未实现（无 i18n，文案硬编码中文）；凭据仍 Base64 混淆，Keychain 迁移需独立设计 |
+| 扩展能力 | 图表、Dashboard、可视化查询、脚本/MCP | 数据传输、ER、AI、多引擎与多部署形态 | 导入导出、备份还原、账户与例程 | 主路径优先，不在此轮加入 BI、权限系统、远程协作或第二套客户端 |
+
+本地证据（相对各参考项目根目录）：
+
+- DBFlux：`resources/dbflux.png`、`docs/USAGE.md`、`crates/dbflux_ui_sidebar/src/context_menu.rs`、`crates/dbflux_ui_document/src/data_grid_panel/context_menu/items.rs`、`data_grid_panel/row_inspector.rs`。
+- DBX：`docs/screenshot-dark.png`、`docs/screenshot-light.png`、`apps/desktop/src/lib/dataGrid/dataGridContextMenu.ts`、`components/editor/__tests__/QueryEditorContextMenu.spec.ts`、`lib/sql/newQueryContext.ts`（后两项相对 `apps/desktop/src`）。
+- RustGrid：`docs/img/img2_cn.png`、`docs/img/img4_cn.png`、`crates/rustgrid-app/src/app/grid_menu.rs`、`app/query_editor.rs`（相对同一 src）、`crates/rustgrid-config/src/secrets.rs`、`README_zh.md`。
+- OpsxDB：`src/Workspace.tsx`、`src/SqlEditor.tsx`、`src/ObjectTree.tsx`、`src/ResultPane.tsx`、`src/store.ts`、`src/secrets.ts`、`src/SettingsModal.tsx`、`src/contextActions.ts`（右键复用工具）、`src/tableMetadata.ts`（表元数据目录查询）。
+
+## 结合 BACKLOG 的优化路线
+
+1. **操作闭环（2026-10-14 已落地，待桌面验收）。** 对应 BACKLOG §3：编辑器格式化/注释/查找替换/复制信息与光标标识符定位，库查询上下文，表 SQL 模板与限定名，结果集复制与导出右键；统一菜单的键盘、视口边界与焦点处理。逐项验收清单与剩余边界见 BACKLOG §3，菜单均调用既有逻辑，无仅补文案的占位项。
+2. **可理解性（已随上项落地）。** 菜单按目标对象与能力裁剪；复制连接信息不带凭据，INSERT 缺少可靠来源时禁用；保留当前浅深主题和桌面产品边界。
+3. **后续专项：数据层与性能。** PG Schema 默认路径的连接池隔离、真正虚拟滚动、整表导出与导入任务进度；需数据库环境与规模数据实测后验收。
+4. **后续专项：安全与完整设计系统。** OS Keychain 凭据迁移、统一 SVG 图标、系统主题/语言、统一错误诊断与测试；不能将 Base64 混淆宣传为加密。
+
+本轮完成情况与未验项回写 `BACKLOG.md`，不因菜单增加直接提升评分；优化后需以桌面任务验收重新评估。
diff --git a/package-lock.json b/package-lock.json
index 4f6e7ac..3232091 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,28 +1,31 @@
 {
   "name": "opsxdb",
+  "version": "0.1.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "opsxdb",
-      "workspaces": [
-        "apps/web",
-        "packages/*"
-      ],
-      "engines": {
-        "node": ">=20"
-      }
-    },
-    "apps/web": {
-      "name": "@opsxdb/web",
       "version": "0.1.0",
       "dependencies": {
-        "@opsxdb/ui": "*",
+        "@codemirror/autocomplete": "^6.20.3",
+        "@codemirror/commands": "^6.11.1",
+        "@codemirror/lang-sql": "^6.10.0",
+        "@codemirror/language": "^6.12.4",
+        "@codemirror/search": "^6.7.2",
+        "@codemirror/state": "^6.7.5",
+        "@codemirror/theme-one-dark": "^6.1.3",
+        "@codemirror/view": "^6.43.12",
         "@tauri-apps/api": "^2.5.0",
+        "@tauri-apps/plugin-opener": "^2.7.1",
+        "lucide-react": "^0.511.0",
         "react": "^19.0.0",
-        "react-dom": "^19.0.0"
+        "react-dom": "^19.0.0",
+        "sql-formatter": "^15.8.2",
+        "zustand": "^5.0.3"
       },
       "devDependencies": {
+        "@tauri-apps/cli": "^2.4.0",
         "@types/node": "^22.20.3",
         "@types/react": "^19.0.10",
         "@types/react-dom": "^19.0.4",
@@ -31,7 +34,11 @@
         "postcss": "^8.5.3",
         "tailwindcss": "^3.4.17",
         "typescript": "^5.8.2",
-        "vite": "^6.2.2"
+        "vite": "^6.2.2",
+        "vitest": "^3.0.9"
+      },
+      "engines": {
+        "node": ">=20"
       }
     },
     "node_modules/@alloc/quick-lru": {
@@ -361,6 +368,17 @@
         "style-mod": "^4.0.0"
       }
     },
+    "node_modules/@codemirror/search": {
+      "version": "6.7.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/search/-/search-6.7.2.tgz",
+      "integrity": "sha512-gUYkYhT2+n/+VGZ+8EzE5WFkYZUZYm1VOKDudIsNqh42uRVQJ0a6Yss9sdKT3MeOYfuL1N6AZA57oza0Oyr0LA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.37.0",
+        "crelt": "^1.0.5"
+      }
+    },
     "node_modules/@codemirror/state": {
       "version": "6.7.5",
       "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.7.5.tgz",
@@ -936,14 +954,6 @@
         "node": ">= 8"
       }
     },
-    "node_modules/@opsxdb/ui": {
-      "resolved": "packages/ui",
-      "link": true
-    },
-    "node_modules/@opsxdb/web": {
-      "resolved": "apps/web",
-      "link": true
-    },
     "node_modules/@rolldown/pluginutils": {
       "version": "1.0.0-beta.27",
       "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz",
@@ -1276,14 +1286,229 @@
       ]
     },
     "node_modules/@tauri-apps/api": {
-      "version": "2.11.1",
-      "resolved": "https://registry.npmjs.org/@tauri-apps/api/-/api-2.11.1.tgz",
-      "integrity": "sha512-M2FPuYND2m+wh5hfW9ZpSdxMPdEJovPBWwoHJmwUpysTYNHaOkVFN419m/K0LIgjb/7KU2vBgsUepJWugQCvAA==",
+      "version": "2.12.3",
+      "resolved": "https://registry.npmjs.org/@tauri-apps/api/-/api-2.12.3.tgz",
+      "integrity": "sha512-9s0PKw0p4r3kFq92jhpivYSp+cSht15o0gXpZxuQd0+dV9KCexEVkNaLELVoLdJWyoH4KlfQo5h3W2LIM8siJg==",
+      "license": "Apache-2.0 OR MIT",
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/tauri"
       }
     },
+    "node_modules/@tauri-apps/cli": {
+      "version": "2.11.4",
+      "resolved": "https://registry.npmjs.org/@tauri-apps/cli/-/cli-2.11.4.tgz",
+      "integrity": "sha512-R8xGtMpwyetawSqm9kYOuMmEqkhUbvcUy8n0aNXIxollKBLESUu5f4Fx+64hgASYm1H+jSWq6jCW6zqTnH6hqQ==",
+      "dev": true,
+      "bin": {
+        "tauri": "tauri.js"
+      },
+      "engines": {
+        "node": ">= 10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/tauri"
+      },
+      "optionalDependencies": {
+        "@tauri-apps/cli-darwin-arm64": "2.11.4",
+        "@tauri-apps/cli-darwin-x64": "2.11.4",
+        "@tauri-apps/cli-linux-arm-gnueabihf": "2.11.4",
+        "@tauri-apps/cli-linux-arm64-gnu": "2.11.4",
+        "@tauri-apps/cli-linux-arm64-musl": "2.11.4",
+        "@tauri-apps/cli-linux-riscv64-gnu": "2.11.4",
+        "@tauri-apps/cli-linux-x64-gnu": "2.11.4",
+        "@tauri-apps/cli-linux-x64-musl": "2.11.4",
+        "@tauri-apps/cli-win32-arm64-msvc": "2.11.4",
+        "@tauri-apps/cli-win32-ia32-msvc": "2.11.4",
+        "@tauri-apps/cli-win32-x64-msvc": "2.11.4"
+      }
+    },
+    "node_modules/@tauri-apps/cli-darwin-arm64": {
+      "version": "2.11.4",
+      "resolved": "https://registry.npmjs.org/@tauri-apps/cli-darwin-arm64/-/cli-darwin-arm64-2.11.4.tgz",
+      "integrity": "sha512-1ryOF3ZhpZ/nemHV5zVwBQBz9jDGKmKPvWPADOhc83ig0P4bMc2iER4NbC6r9sjeIZ6RVQ4g3RZIYvezhcl4TQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tauri-apps/cli-darwin-x64": {
+      "version": "2.11.4",
+      "resolved": "https://registry.npmjs.org/@tauri-apps/cli-darwin-x64/-/cli-darwin-x64-2.11.4.tgz",
+      "integrity": "sha512-uFsGQAAfuyz1k/yGLmkWfkBlgKAqZfxqlHmLWx81QU27RJWfmbNHCIq8T8w1e+VClleIuZUjpHWfoE4E3DLo3A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tauri-apps/cli-linux-arm-gnueabihf": {
+      "version": "2.11.4",
+      "resolved": "https://registry.npmjs.org/@tauri-apps/cli-linux-arm-gnueabihf/-/cli-linux-arm-gnueabihf-2.11.4.tgz",
+      "integrity": "sha512-IaHZn5CdBL21oUmjiVOS1ctw6Ip1O0pjp70FwOWmYz1myWe0SY96ZIj2FYf7pT0m8bI2h/hrs5ZbEXXh44/MkQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tauri-apps/cli-linux-arm64-gnu": {
+      "version": "2.11.4",
+      "resolved": "https://registry.npmjs.org/@tauri-apps/cli-linux-arm64-gnu/-/cli-linux-arm64-gnu-2.11.4.tgz",
+      "integrity": "sha512-N41/ukTRVe6XSuUTESuFdGeOW2i7k62tK+6gHK5Kd5/q5RPvvi19GaWAVPPb9u95HSGmTChSolBfzynUsssFaA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tauri-apps/cli-linux-arm64-musl": {
+      "version": "2.11.4",
+      "resolved": "https://registry.npmjs.org/@tauri-apps/cli-linux-arm64-musl/-/cli-linux-arm64-musl-2.11.4.tgz",
+      "integrity": "sha512-v277UnT/fB64xAfSroL5N3Km3tLmvATWqJJw/wRI+g6o+HkeD0slyE7gOhNs1MbjE41R7bQOTxMVoL3aomUJmw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tauri-apps/cli-linux-riscv64-gnu": {
+      "version": "2.11.4",
+      "resolved": "https://registry.npmjs.org/@tauri-apps/cli-linux-riscv64-gnu/-/cli-linux-riscv64-gnu-2.11.4.tgz",
+      "integrity": "sha512-qqgNkQ2u1yZHxjhxsZaxUtRDW8dIqIYm33rx/mzwQv0SfY9x1B+iraj8vWeFiXjjSVVhEMepXSOts1TqPzvXNQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tauri-apps/cli-linux-x64-gnu": {
+      "version": "2.11.4",
+      "resolved": "https://registry.npmjs.org/@tauri-apps/cli-linux-x64-gnu/-/cli-linux-x64-gnu-2.11.4.tgz",
+      "integrity": "sha512-2VRNWl84FOH0m2giiDkO2h0QXlcMJeX+zJDpI5kDIQAx6s+geF3v48F4DXfJez4GS/FdoDGnPnw1C2iYGbQ7bQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tauri-apps/cli-linux-x64-musl": {
+      "version": "2.11.4",
+      "resolved": "https://registry.npmjs.org/@tauri-apps/cli-linux-x64-musl/-/cli-linux-x64-musl-2.11.4.tgz",
+      "integrity": "sha512-o9GyhYor/nc7xarmwDE3ka2szuW3uuZzXjHWh64Q8YX5AtSgxdQkFWzrY4O8KiGtVNvFBI14H3Q49Qj5TOIP/A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tauri-apps/cli-win32-arm64-msvc": {
+      "version": "2.11.4",
+      "resolved": "https://registry.npmjs.org/@tauri-apps/cli-win32-arm64-msvc/-/cli-win32-arm64-msvc-2.11.4.tgz",
+      "integrity": "sha512-ld5Ehb598m0VkYyylRPNeCFsBe/km0jxis6KgMpl3IGY6I/i1RwQXO05I1AsXUXO2WC6AvB/Lw4qTf/asiuEiQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tauri-apps/cli-win32-ia32-msvc": {
+      "version": "2.11.4",
+      "resolved": "https://registry.npmjs.org/@tauri-apps/cli-win32-ia32-msvc/-/cli-win32-ia32-msvc-2.11.4.tgz",
+      "integrity": "sha512-12Hxi0XX/H5VFxO/bGgHkFWhml9VMgEOu9CidjeCeTNQ1l6fpUlbiGgSP7CLI3PFtW9/FfbeHieZ+kyWK5H7CA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tauri-apps/cli-win32-x64-msvc": {
+      "version": "2.11.4",
+      "resolved": "https://registry.npmjs.org/@tauri-apps/cli-win32-x64-msvc/-/cli-win32-x64-msvc-2.11.4.tgz",
+      "integrity": "sha512-+vDiqBIU5dMISg/wNvX3sF+ZHfgJGJ5T0AcO+EHNXV9GGAG+P5fzodlDXD3QdKCRgZxMoCm5PPvj3BqLNjBthw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tauri-apps/plugin-opener": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@tauri-apps/plugin-opener/-/plugin-opener-2.7.1.tgz",
+      "integrity": "sha512-XkXdt30rontti9TII/gBBxFRXWfj8DiprFW7RgBFRBj1OhdfjBNVcFqSEWkkZ4hXafHnuEnB7F1sFsmu6uyywQ==",
+      "license": "MIT OR Apache-2.0",
+      "dependencies": {
+        "@tauri-apps/api": "^2.12.0"
+      }
+    },
     "node_modules/@types/babel__core": {
       "version": "7.20.5",
       "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
@@ -2165,6 +2390,15 @@
         "yallist": "^3.0.2"
       }
     },
+    "node_modules/lucide-react": {
+      "version": "0.511.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.511.0.tgz",
+      "integrity": "sha512-VK5a2ydJ7xm8GvBeKLS9mu1pVK6ucef9780JVUjw6bAjJL/QXnd4Y0p7SPeOUMC27YhzNCZvm5d/QX0Tp3rc0w==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/magic-string": {
       "version": "0.30.21",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
@@ -3289,31 +3523,6 @@
           "optional": true
         }
       }
-    },
-    "packages/ui": {
-      "name": "@opsxdb/ui",
-      "version": "0.1.0",
-      "dependencies": {
-        "@codemirror/autocomplete": "^6.20.3",
-        "@codemirror/commands": "^6.11.1",
-        "@codemirror/lang-sql": "^6.10.0",
-        "@codemirror/language": "^6.12.4",
-        "@codemirror/state": "^6.7.5",
-        "@codemirror/theme-one-dark": "^6.1.3",
-        "@codemirror/view": "^6.43.12",
-        "sql-formatter": "^15.8.2",
-        "zustand": "^5.0.3"
-      },
-      "devDependencies": {
-        "@types/react": "^19.0.10",
-        "@types/react-dom": "^19.0.4",
-        "typescript": "^5.8.2",
-        "vitest": "^3.0.9"
-      },
-      "peerDependencies": {
-        "react": "^19.0.0",
-        "react-dom": "^19.0.0"
-      }
     }
   }
 }
diff --git a/package.json b/package.json
index afcf2bd..244d0bc 100644
--- a/package.json
+++ b/package.json
@@ -4,12 +4,15 @@
   "version": "0.1.0",
   "type": "module",
   "scripts": {
-    "dev": "vite --host 127.0.0.1 --port 5174",
-    "build": "tsc -b && vite build",
+    "dev": "bash ./run.sh prepare && tauri dev",
+    "build": "bash ./run.sh package",
     "preview": "vite preview --host 127.0.0.1 --port 5174",
     "test": "vitest run",
     "test:watch": "vitest",
-    "tauri": "tauri"
+    "tauri": "tauri",
+    "dev:ui": "vite --host 127.0.0.1 --port 5174",
+    "build:ui": "tsc -b && vite build",
+    "typecheck": "tsc --noEmit"
   },
   "engines": {
     "node": ">=20"
@@ -24,6 +27,8 @@
     "@codemirror/theme-one-dark": "^6.1.3",
     "@codemirror/view": "^6.43.12",
     "@tauri-apps/api": "^2.5.0",
+    "@tauri-apps/plugin-opener": "^2.7.1",
+    "lucide-react": "^0.511.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "sql-formatter": "^15.8.2",
@@ -42,4 +47,4 @@
     "vite": "^6.2.2",
     "vitest": "^3.0.9"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/opsxdb-mcp/package-lock.json b/packages/opsxdb-mcp/package-lock.json
new file mode 100644
index 0000000..0dc5584
--- /dev/null
+++ b/packages/opsxdb-mcp/package-lock.json
@@ -0,0 +1,4572 @@
+{
+  "name": "@rlwj-lab/opsxdb-mcp",
+  "version": "0.1.1",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "@rlwj-lab/opsxdb-mcp",
+      "version": "0.1.1",
+      "license": "MIT",
+      "dependencies": {
+        "npx": "^10.2.2"
+      },
+      "bin": {
+        "opsxdb-mcp": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/npx": {
+      "version": "10.2.2",
+      "resolved": "https://registry.npmjs.org/npx/-/npx-10.2.2.tgz",
+      "integrity": "sha512-eImmySusyeWphzs5iNh791XbZnZG0FSNvM4KSah34pdQQIDsdTDhIwg1sjN3AIVcjGLpbQ/YcfqHPshKZQK1fA==",
+      "bundleDependencies": [
+        "npm",
+        "libnpx"
+      ],
+      "deprecated": "This package is now part of the npm CLI.",
+      "license": "ISC",
+      "dependencies": {
+        "libnpx": "10.2.2",
+        "npm": "5.1.0"
+      },
+      "bin": {
+        "npx": "index.js"
+      }
+    },
+    "node_modules/npx/node_modules/ansi-align": {
+      "version": "2.0.0",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^2.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/ansi-regex": {
+      "version": "3.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/balanced-match": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/boxen": {
+      "version": "1.3.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-align": "^2.0.0",
+        "camelcase": "^4.0.0",
+        "chalk": "^2.0.1",
+        "cli-boxes": "^1.0.0",
+        "string-width": "^2.0.0",
+        "term-size": "^1.2.0",
+        "widest-line": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/npx/node_modules/builtins": {
+      "version": "1.0.3",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/camelcase": {
+      "version": "4.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/capture-stack-trace": {
+      "version": "1.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/chalk": {
+      "version": "2.4.2",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/ci-info": {
+      "version": "1.6.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/cli-boxes": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/cliui": {
+      "version": "4.1.0",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^2.1.1",
+        "strip-ansi": "^4.0.0",
+        "wrap-ansi": "^2.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/code-point-at": {
+      "version": "1.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/color-convert": {
+      "version": "1.9.3",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/npx/node_modules/color-name": {
+      "version": "1.1.3",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/concat-map": {
+      "version": "0.0.1",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/configstore": {
+      "version": "3.1.2",
+      "inBundle": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "dot-prop": "^4.1.0",
+        "graceful-fs": "^4.1.2",
+        "make-dir": "^1.0.0",
+        "unique-string": "^1.0.0",
+        "write-file-atomic": "^2.0.0",
+        "xdg-basedir": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/create-error-class": {
+      "version": "3.0.2",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "capture-stack-trace": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/cross-spawn": {
+      "version": "5.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "lru-cache": "^4.0.1",
+        "shebang-command": "^1.2.0",
+        "which": "^1.2.9"
+      }
+    },
+    "node_modules/npx/node_modules/crypto-random-string": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/decamelize": {
+      "version": "1.2.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/deep-extend": {
+      "version": "0.6.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/dot-prop": {
+      "version": "4.2.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-obj": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/dotenv": {
+      "version": "5.0.1",
+      "inBundle": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.6.0"
+      }
+    },
+    "node_modules/npx/node_modules/duplexer3": {
+      "version": "0.1.4",
+      "inBundle": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/npx/node_modules/end-of-stream": {
+      "version": "1.4.4",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
+    "node_modules/npx/node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/npx/node_modules/execa": {
+      "version": "0.7.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "^5.0.1",
+        "get-stream": "^3.0.0",
+        "is-stream": "^1.1.0",
+        "npm-run-path": "^2.0.0",
+        "p-finally": "^1.0.0",
+        "signal-exit": "^3.0.0",
+        "strip-eof": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/find-up": {
+      "version": "2.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/get-caller-file": {
+      "version": "1.0.3",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/get-stream": {
+      "version": "3.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/glob": {
+      "version": "7.1.6",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/npx/node_modules/global-dirs": {
+      "version": "0.1.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "ini": "^1.3.4"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/got": {
+      "version": "6.7.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "create-error-class": "^3.0.0",
+        "duplexer3": "^0.1.4",
+        "get-stream": "^3.0.0",
+        "is-redirect": "^1.0.0",
+        "is-retry-allowed": "^1.0.0",
+        "is-stream": "^1.0.0",
+        "lowercase-keys": "^1.0.0",
+        "safe-buffer": "^5.0.1",
+        "timed-out": "^4.0.0",
+        "unzip-response": "^2.0.1",
+        "url-parse-lax": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/graceful-fs": {
+      "version": "4.2.3",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/has-flag": {
+      "version": "3.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/hosted-git-info": {
+      "version": "2.8.5",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/import-lazy": {
+      "version": "2.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/npx/node_modules/inflight": {
+      "version": "1.0.6",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/npx/node_modules/inherits": {
+      "version": "2.0.4",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/ini": {
+      "version": "1.3.5",
+      "inBundle": true,
+      "license": "ISC",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/npx/node_modules/invert-kv": {
+      "version": "2.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/is-ci": {
+      "version": "1.2.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "ci-info": "^1.5.0"
+      },
+      "bin": {
+        "is-ci": "bin.js"
+      }
+    },
+    "node_modules/npx/node_modules/is-fullwidth-code-point": {
+      "version": "2.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/is-installed-globally": {
+      "version": "0.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "global-dirs": "^0.1.0",
+        "is-path-inside": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/is-npm": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/is-obj": {
+      "version": "1.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/is-path-inside": {
+      "version": "1.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-is-inside": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/is-redirect": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/is-retry-allowed": {
+      "version": "1.2.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/is-stream": {
+      "version": "1.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/isexe": {
+      "version": "2.0.0",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/latest-version": {
+      "version": "3.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "package-json": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/lcid": {
+      "version": "2.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "invert-kv": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/npx/node_modules/libnpx": {
+      "version": "10.2.2",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "dotenv": "^5.0.1",
+        "npm-package-arg": "^6.0.0",
+        "rimraf": "^2.6.2",
+        "safe-buffer": "^5.1.0",
+        "update-notifier": "^2.3.0",
+        "which": "^1.3.0",
+        "y18n": "^4.0.0",
+        "yargs": "^11.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/locate-path": {
+      "version": "2.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^2.0.0",
+        "path-exists": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/lowercase-keys": {
+      "version": "1.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/lru-cache": {
+      "version": "4.1.5",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "pseudomap": "^1.0.2",
+        "yallist": "^2.1.2"
+      }
+    },
+    "node_modules/npx/node_modules/make-dir": {
+      "version": "1.3.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "pify": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/map-age-cleaner": {
+      "version": "0.1.3",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-defer": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/npx/node_modules/mem": {
+      "version": "4.3.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "map-age-cleaner": "^0.1.1",
+        "mimic-fn": "^2.0.0",
+        "p-is-promise": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/npx/node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/npx/node_modules/minimatch": {
+      "version": "3.0.4",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/npx/node_modules/minimist": {
+      "version": "1.2.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/nice-try": {
+      "version": "1.0.5",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm": {
+      "version": "5.1.0",
+      "bundleDependencies": [
+        "abbrev",
+        "ansi-regex",
+        "ansicolors",
+        "ansistyles",
+        "aproba",
+        "archy",
+        "cacache",
+        "call-limit",
+        "bluebird",
+        "chownr",
+        "cmd-shim",
+        "columnify",
+        "config-chain",
+        "debuglog",
+        "detect-indent",
+        "dezalgo",
+        "editor",
+        "fs-vacuum",
+        "fs-write-stream-atomic",
+        "fstream",
+        "fstream-npm",
+        "glob",
+        "graceful-fs",
+        "has-unicode",
+        "hosted-git-info",
+        "iferr",
+        "imurmurhash",
+        "inflight",
+        "inherits",
+        "ini",
+        "init-package-json",
+        "JSONStream",
+        "lazy-property",
+        "lockfile",
+        "lodash._baseindexof",
+        "lodash._baseuniq",
+        "lodash._bindcallback",
+        "lodash._cacheindexof",
+        "lodash._createcache",
+        "lodash._getnative",
+        "lodash.clonedeep",
+        "lodash.restparam",
+        "lodash.union",
+        "lodash.uniq",
+        "lodash.without",
+        "lru-cache",
+        "mkdirp",
+        "mississippi",
+        "move-concurrently",
+        "node-gyp",
+        "nopt",
+        "normalize-package-data",
+        "npm-cache-filename",
+        "npm-install-checks",
+        "npm-package-arg",
+        "npm-registry-client",
+        "npm-user-validate",
+        "npmlog",
+        "once",
+        "opener",
+        "osenv",
+        "pacote",
+        "path-is-inside",
+        "promise-inflight",
+        "read",
+        "read-cmd-shim",
+        "read-installed",
+        "read-package-json",
+        "read-package-tree",
+        "readable-stream",
+        "readdir-scoped-modules",
+        "request",
+        "retry",
+        "rimraf",
+        "semver",
+        "sha",
+        "slide",
+        "sorted-object",
+        "sorted-union-stream",
+        "ssri",
+        "strip-ansi",
+        "tar",
+        "text-table",
+        "uid-number",
+        "umask",
+        "unique-filename",
+        "unpipe",
+        "update-notifier",
+        "uuid",
+        "validate-npm-package-license",
+        "validate-npm-package-name",
+        "which",
+        "wrappy",
+        "write-file-atomic",
+        "safe-buffer",
+        "worker-farm"
+      ],
+      "inBundle": true,
+      "license": "Artistic-2.0",
+      "dependencies": {
+        "abbrev": "~1.1.0",
+        "ansi-regex": "~3.0.0",
+        "ansicolors": "~0.3.2",
+        "ansistyles": "~0.1.3",
+        "aproba": "~1.1.2",
+        "archy": "~1.0.0",
+        "bluebird": "~3.5.0",
+        "cacache": "~9.2.9",
+        "call-limit": "~1.1.0",
+        "chownr": "~1.0.1",
+        "cmd-shim": "~2.0.2",
+        "columnify": "~1.5.4",
+        "config-chain": "~1.1.11",
+        "debuglog": "*",
+        "detect-indent": "~5.0.0",
+        "dezalgo": "~1.0.3",
+        "editor": "~1.0.0",
+        "fs-vacuum": "~1.2.10",
+        "fs-write-stream-atomic": "~1.0.10",
+        "fstream": "~1.0.11",
+        "fstream-npm": "~1.2.1",
+        "glob": "~7.1.2",
+        "graceful-fs": "~4.1.11",
+        "has-unicode": "~2.0.1",
+        "hosted-git-info": "~2.5.0",
+        "iferr": "~0.1.5",
+        "imurmurhash": "*",
+        "inflight": "~1.0.6",
+        "inherits": "~2.0.3",
+        "ini": "~1.3.4",
+        "init-package-json": "~1.10.1",
+        "JSONStream": "~1.3.1",
+        "lazy-property": "~1.0.0",
+        "lockfile": "~1.0.3",
+        "lodash._baseindexof": "*",
+        "lodash._baseuniq": "~4.6.0",
+        "lodash._bindcallback": "*",
+        "lodash._cacheindexof": "*",
+        "lodash._createcache": "*",
+        "lodash._getnative": "*",
+        "lodash.clonedeep": "~4.5.0",
+        "lodash.restparam": "*",
+        "lodash.union": "~4.6.0",
+        "lodash.uniq": "~4.5.0",
+        "lodash.without": "~4.4.0",
+        "lru-cache": "~4.1.1",
+        "mississippi": "~1.3.0",
+        "mkdirp": "~0.5.1",
+        "move-concurrently": "~1.0.1",
+        "node-gyp": "~3.6.2",
+        "nopt": "~4.0.1",
+        "normalize-package-data": "~2.4.0",
+        "npm-cache-filename": "~1.0.2",
+        "npm-install-checks": "~3.0.0",
+        "npm-package-arg": "~5.1.2",
+        "npm-registry-client": "~8.4.0",
+        "npm-user-validate": "~1.0.0",
+        "npmlog": "~4.1.2",
+        "once": "~1.4.0",
+        "opener": "~1.4.3",
+        "osenv": "~0.1.4",
+        "pacote": "~2.7.38",
+        "path-is-inside": "~1.0.2",
+        "promise-inflight": "~1.0.1",
+        "read": "~1.0.7",
+        "read-cmd-shim": "~1.0.1",
+        "read-installed": "~4.0.3",
+        "read-package-json": "~2.0.9",
+        "read-package-tree": "~5.1.6",
+        "readable-stream": "~2.3.2",
+        "readdir-scoped-modules": "*",
+        "request": "~2.81.0",
+        "retry": "~0.10.1",
+        "rimraf": "~2.6.1",
+        "safe-buffer": "~5.1.1",
+        "semver": "~5.3.0",
+        "sha": "~2.0.1",
+        "slide": "~1.1.6",
+        "sorted-object": "~2.0.1",
+        "sorted-union-stream": "~2.1.3",
+        "ssri": "~4.1.6",
+        "strip-ansi": "~4.0.0",
+        "tar": "~2.2.1",
+        "text-table": "~0.2.0",
+        "uid-number": "0.0.6",
+        "umask": "~1.1.0",
+        "unique-filename": "~1.1.0",
+        "unpipe": "~1.0.0",
+        "update-notifier": "~2.2.0",
+        "uuid": "~3.1.0",
+        "validate-npm-package-license": "*",
+        "validate-npm-package-name": "~3.0.0",
+        "which": "~1.2.14",
+        "worker-farm": "~1.3.1",
+        "wrappy": "~1.0.2",
+        "write-file-atomic": "~2.1.0"
+      },
+      "bin": {
+        "npm": "bin/npm-cli.js"
+      }
+    },
+    "node_modules/npx/node_modules/npm-package-arg": {
+      "version": "6.1.1",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "hosted-git-info": "^2.7.1",
+        "osenv": "^0.1.5",
+        "semver": "^5.6.0",
+        "validate-npm-package-name": "^3.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm-run-path": {
+      "version": "2.0.2",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/abbrev": {
+      "version": "1.1.0",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/ansi-regex": {
+      "version": "3.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/ansicolors": {
+      "version": "0.3.2",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/ansistyles": {
+      "version": "0.1.3",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/aproba": {
+      "version": "1.1.2",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/archy": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/bluebird": {
+      "version": "3.5.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/cacache": {
+      "version": "9.2.9",
+      "inBundle": true,
+      "license": "CC0-1.0",
+      "dependencies": {
+        "bluebird": "^3.5.0",
+        "chownr": "^1.0.1",
+        "glob": "^7.1.2",
+        "graceful-fs": "^4.1.11",
+        "lru-cache": "^4.1.1",
+        "mississippi": "^1.3.0",
+        "mkdirp": "^0.5.1",
+        "move-concurrently": "^1.0.1",
+        "promise-inflight": "^1.0.1",
+        "rimraf": "^2.6.1",
+        "ssri": "^4.1.6",
+        "unique-filename": "^1.1.0",
+        "y18n": "^3.2.1"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/cacache/node_modules/lru-cache": {
+      "version": "4.1.1",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "pseudomap": "^1.0.2",
+        "yallist": "^2.1.2"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/cacache/node_modules/lru-cache/node_modules/pseudomap": {
+      "version": "1.0.2",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/cacache/node_modules/lru-cache/node_modules/yallist": {
+      "version": "2.1.2",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/cacache/node_modules/y18n": {
+      "version": "3.2.1",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/call-limit": {
+      "version": "1.1.0",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/chownr": {
+      "version": "1.0.1",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/cmd-shim": {
+      "version": "2.0.2",
+      "inBundle": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "graceful-fs": "^4.1.2",
+        "mkdirp": "~0.5.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/columnify": {
+      "version": "1.5.4",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "strip-ansi": "^3.0.0",
+        "wcwidth": "^1.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/columnify/node_modules/strip-ansi": {
+      "version": "3.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/columnify/node_modules/strip-ansi/node_modules/ansi-regex": {
+      "version": "2.1.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/columnify/node_modules/wcwidth": {
+      "version": "1.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "defaults": "^1.0.3"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/columnify/node_modules/wcwidth/node_modules/defaults": {
+      "version": "1.0.3",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "clone": "^1.0.2"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/columnify/node_modules/wcwidth/node_modules/defaults/node_modules/clone": {
+      "version": "1.0.2",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/config-chain": {
+      "version": "1.1.11",
+      "inBundle": true,
+      "dependencies": {
+        "ini": "^1.3.4",
+        "proto-list": "~1.2.1"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/config-chain/node_modules/proto-list": {
+      "version": "1.2.4",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/debuglog": {
+      "version": "1.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/detect-indent": {
+      "version": "5.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/dezalgo": {
+      "version": "1.0.3",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "asap": "^2.0.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/dezalgo/node_modules/asap": {
+      "version": "2.0.5",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/editor": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/fs-vacuum": {
+      "version": "1.2.10",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "graceful-fs": "^4.1.2",
+        "path-is-inside": "^1.0.1",
+        "rimraf": "^2.5.2"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/fs-write-stream-atomic": {
+      "version": "1.0.10",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "graceful-fs": "^4.1.2",
+        "iferr": "^0.1.5",
+        "imurmurhash": "^0.1.4",
+        "readable-stream": "1 || 2"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/fstream": {
+      "version": "1.0.11",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "graceful-fs": "^4.1.2",
+        "inherits": "~2.0.0",
+        "mkdirp": ">=0.5 0",
+        "rimraf": "2"
+      },
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/fstream-npm": {
+      "version": "1.2.1",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "fstream-ignore": "^1.0.0",
+        "inherits": "2"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/fstream-npm/node_modules/fstream-ignore": {
+      "version": "1.0.5",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "fstream": "^1.0.0",
+        "inherits": "2",
+        "minimatch": "^3.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/fstream-npm/node_modules/fstream-ignore/node_modules/minimatch": {
+      "version": "3.0.4",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/fstream-npm/node_modules/fstream-ignore/node_modules/minimatch/node_modules/brace-expansion": {
+      "version": "1.1.8",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/fstream-npm/node_modules/fstream-ignore/node_modules/minimatch/node_modules/brace-expansion/node_modules/balanced-match": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/fstream-npm/node_modules/fstream-ignore/node_modules/minimatch/node_modules/brace-expansion/node_modules/concat-map": {
+      "version": "0.0.1",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/glob": {
+      "version": "7.1.2",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/glob/node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/glob/node_modules/minimatch": {
+      "version": "3.0.4",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/glob/node_modules/minimatch/node_modules/brace-expansion": {
+      "version": "1.1.8",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/glob/node_modules/minimatch/node_modules/brace-expansion/node_modules/balanced-match": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/glob/node_modules/minimatch/node_modules/brace-expansion/node_modules/concat-map": {
+      "version": "0.0.1",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/glob/node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/graceful-fs": {
+      "version": "4.1.11",
+      "inBundle": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/has-unicode": {
+      "version": "2.0.1",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/hosted-git-info": {
+      "version": "2.5.0",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/iferr": {
+      "version": "0.1.5",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/inflight": {
+      "version": "1.0.6",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/inherits": {
+      "version": "2.0.3",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/ini": {
+      "version": "1.3.4",
+      "inBundle": true,
+      "license": "ISC",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/init-package-json": {
+      "version": "1.10.1",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "glob": "^7.1.1",
+        "npm-package-arg": "^4.0.0 || ^5.0.0",
+        "promzard": "^0.3.0",
+        "read": "~1.0.1",
+        "read-package-json": "1 || 2",
+        "semver": "2.x || 3.x || 4 || 5",
+        "validate-npm-package-license": "^3.0.1",
+        "validate-npm-package-name": "^3.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/init-package-json/node_modules/promzard": {
+      "version": "0.3.0",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "read": "1"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/JSONStream": {
+      "version": "1.3.1",
+      "inBundle": true,
+      "license": "(MIT OR Apache-2.0)",
+      "dependencies": {
+        "jsonparse": "^1.2.0",
+        "through": ">=2.2.7 <3"
+      },
+      "bin": {
+        "JSONStream": "index.js"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/JSONStream/node_modules/jsonparse": {
+      "version": "1.3.1",
+      "engines": [
+        "node >= 0.2.0"
+      ],
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/JSONStream/node_modules/through": {
+      "version": "2.3.8",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/lazy-property": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/lockfile": {
+      "version": "1.0.3",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/lodash._baseindexof": {
+      "version": "3.1.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/lodash._baseuniq": {
+      "version": "4.6.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "lodash._createset": "~4.0.0",
+        "lodash._root": "~3.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/lodash._baseuniq/node_modules/lodash._createset": {
+      "version": "4.0.3",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/lodash._baseuniq/node_modules/lodash._root": {
+      "version": "3.0.1",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/lodash._bindcallback": {
+      "version": "3.0.1",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/lodash._cacheindexof": {
+      "version": "3.0.2",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/lodash._createcache": {
+      "version": "3.1.2",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "lodash._getnative": "^3.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/lodash._getnative": {
+      "version": "3.9.1",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/lodash.clonedeep": {
+      "version": "4.5.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/lodash.restparam": {
+      "version": "3.6.1",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/lodash.union": {
+      "version": "4.6.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/lodash.uniq": {
+      "version": "4.5.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/lodash.without": {
+      "version": "4.4.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/lru-cache": {
+      "version": "4.1.1",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "pseudomap": "^1.0.2",
+        "yallist": "^2.1.2"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/lru-cache/node_modules/pseudomap": {
+      "version": "1.0.2",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/lru-cache/node_modules/yallist": {
+      "version": "2.1.2",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/mississippi": {
+      "version": "1.3.0",
+      "inBundle": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "concat-stream": "^1.5.0",
+        "duplexify": "^3.4.2",
+        "end-of-stream": "^1.1.0",
+        "flush-write-stream": "^1.0.0",
+        "from2": "^2.1.0",
+        "parallel-transform": "^1.1.0",
+        "pump": "^1.0.0",
+        "pumpify": "^1.3.3",
+        "stream-each": "^1.1.0",
+        "through2": "^2.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/mississippi/node_modules/concat-stream": {
+      "version": "1.6.0",
+      "engines": [
+        "node >= 0.8"
+      ],
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "readable-stream": "^2.2.2",
+        "typedarray": "^0.0.6"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/mississippi/node_modules/concat-stream/node_modules/typedarray": {
+      "version": "0.0.6",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/mississippi/node_modules/duplexify": {
+      "version": "3.5.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "end-of-stream": "1.0.0",
+        "inherits": "^2.0.1",
+        "readable-stream": "^2.0.0",
+        "stream-shift": "^1.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/mississippi/node_modules/duplexify/node_modules/end-of-stream": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "once": "~1.3.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/mississippi/node_modules/duplexify/node_modules/end-of-stream/node_modules/once": {
+      "version": "1.3.3",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/mississippi/node_modules/duplexify/node_modules/stream-shift": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/mississippi/node_modules/end-of-stream": {
+      "version": "1.4.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/mississippi/node_modules/flush-write-stream": {
+      "version": "1.0.2",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.1",
+        "readable-stream": "^2.0.4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/mississippi/node_modules/from2": {
+      "version": "2.3.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.1",
+        "readable-stream": "^2.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/mississippi/node_modules/parallel-transform": {
+      "version": "1.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "cyclist": "~0.2.2",
+        "inherits": "^2.0.3",
+        "readable-stream": "^2.1.5"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/mississippi/node_modules/parallel-transform/node_modules/cyclist": {
+      "version": "0.2.2",
+      "inBundle": true
+    },
+    "node_modules/npx/node_modules/npm/node_modules/mississippi/node_modules/pump": {
+      "version": "1.0.2",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/mississippi/node_modules/pumpify": {
+      "version": "1.3.5",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "duplexify": "^3.1.2",
+        "inherits": "^2.0.1",
+        "pump": "^1.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/mississippi/node_modules/stream-each": {
+      "version": "1.2.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "stream-shift": "^1.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/mississippi/node_modules/stream-each/node_modules/stream-shift": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/mississippi/node_modules/through2": {
+      "version": "2.0.3",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "readable-stream": "^2.1.5",
+        "xtend": "~4.0.1"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/mississippi/node_modules/through2/node_modules/xtend": {
+      "version": "4.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/mkdirp": {
+      "version": "0.5.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "0.0.8"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/mkdirp/node_modules/minimist": {
+      "version": "0.0.8",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/move-concurrently": {
+      "version": "1.0.1",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "aproba": "^1.1.1",
+        "copy-concurrently": "^1.0.0",
+        "fs-write-stream-atomic": "^1.0.8",
+        "mkdirp": "^0.5.1",
+        "rimraf": "^2.5.4",
+        "run-queue": "^1.0.3"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/move-concurrently/node_modules/copy-concurrently": {
+      "version": "1.0.3",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "aproba": "^1.1.1",
+        "fs-write-stream-atomic": "^1.0.8",
+        "iferr": "^0.1.5",
+        "mkdirp": "^0.5.1",
+        "rimraf": "^2.5.4",
+        "run-queue": "^1.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/move-concurrently/node_modules/run-queue": {
+      "version": "1.0.3",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "aproba": "^1.1.1"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/node-gyp": {
+      "version": "3.6.2",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "fstream": "^1.0.0",
+        "glob": "^7.0.3",
+        "graceful-fs": "^4.1.2",
+        "minimatch": "^3.0.2",
+        "mkdirp": "^0.5.0",
+        "nopt": "2 || 3",
+        "npmlog": "0 || 1 || 2 || 3 || 4",
+        "osenv": "0",
+        "request": "2",
+        "rimraf": "2",
+        "semver": "~5.3.0",
+        "tar": "^2.0.0",
+        "which": "1"
+      },
+      "bin": {
+        "node-gyp": "bin/node-gyp.js"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/node-gyp/node_modules/minimatch": {
+      "version": "3.0.4",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/node-gyp/node_modules/minimatch/node_modules/brace-expansion": {
+      "version": "1.1.8",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/node-gyp/node_modules/minimatch/node_modules/brace-expansion/node_modules/balanced-match": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/node-gyp/node_modules/minimatch/node_modules/brace-expansion/node_modules/concat-map": {
+      "version": "0.0.1",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/node-gyp/node_modules/nopt": {
+      "version": "3.0.6",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "abbrev": "1"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/nopt": {
+      "version": "4.0.1",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "abbrev": "1",
+        "osenv": "^0.1.4"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/normalize-package-data": {
+      "version": "2.4.0",
+      "inBundle": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "hosted-git-info": "^2.1.4",
+        "is-builtin-module": "^1.0.0",
+        "semver": "2 || 3 || 4 || 5",
+        "validate-npm-package-license": "^3.0.1"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/normalize-package-data/node_modules/is-builtin-module": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "builtin-modules": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/normalize-package-data/node_modules/is-builtin-module/node_modules/builtin-modules": {
+      "version": "1.1.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/npm-cache-filename": {
+      "version": "1.0.2",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/npm-install-checks": {
+      "version": "3.0.0",
+      "inBundle": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "semver": "^2.3.0 || 3.x || 4 || 5"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/npm-package-arg": {
+      "version": "5.1.2",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "hosted-git-info": "^2.4.2",
+        "osenv": "^0.1.4",
+        "semver": "^5.1.0",
+        "validate-npm-package-name": "^3.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/npm-registry-client": {
+      "version": "8.4.0",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "concat-stream": "^1.5.2",
+        "graceful-fs": "^4.1.6",
+        "normalize-package-data": "~1.0.1 || ^2.0.0",
+        "npm-package-arg": "^3.0.0 || ^4.0.0 || ^5.0.0",
+        "once": "^1.3.3",
+        "request": "^2.74.0",
+        "retry": "^0.10.0",
+        "semver": "2 >=2.2.1 || 3.x || 4 || 5",
+        "slide": "^1.1.3",
+        "ssri": "^4.1.2"
+      },
+      "optionalDependencies": {
+        "npmlog": "2 || ^3.1.0 || ^4.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/npm-registry-client/node_modules/concat-stream": {
+      "version": "1.6.0",
+      "engines": [
+        "node >= 0.8"
+      ],
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "readable-stream": "^2.2.2",
+        "typedarray": "^0.0.6"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/npm-registry-client/node_modules/concat-stream/node_modules/typedarray": {
+      "version": "0.0.6",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/npm-user-validate": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/npmlog": {
+      "version": "4.1.2",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "are-we-there-yet": "~1.1.2",
+        "console-control-strings": "~1.1.0",
+        "gauge": "~2.7.3",
+        "set-blocking": "~2.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/npmlog/node_modules/are-we-there-yet": {
+      "version": "1.1.4",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "delegates": "^1.0.0",
+        "readable-stream": "^2.0.6"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/npmlog/node_modules/are-we-there-yet/node_modules/delegates": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/npmlog/node_modules/console-control-strings": {
+      "version": "1.1.0",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/npmlog/node_modules/gauge": {
+      "version": "2.7.4",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "aproba": "^1.0.3",
+        "console-control-strings": "^1.0.0",
+        "has-unicode": "^2.0.0",
+        "object-assign": "^4.1.0",
+        "signal-exit": "^3.0.0",
+        "string-width": "^1.0.1",
+        "strip-ansi": "^3.0.1",
+        "wide-align": "^1.1.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/npmlog/node_modules/gauge/node_modules/object-assign": {
+      "version": "4.1.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/npmlog/node_modules/gauge/node_modules/signal-exit": {
+      "version": "3.0.2",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/npmlog/node_modules/gauge/node_modules/string-width": {
+      "version": "1.0.2",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "code-point-at": "^1.0.0",
+        "is-fullwidth-code-point": "^1.0.0",
+        "strip-ansi": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/npmlog/node_modules/gauge/node_modules/string-width/node_modules/code-point-at": {
+      "version": "1.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/npmlog/node_modules/gauge/node_modules/string-width/node_modules/is-fullwidth-code-point": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "number-is-nan": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/npmlog/node_modules/gauge/node_modules/string-width/node_modules/is-fullwidth-code-point/node_modules/number-is-nan": {
+      "version": "1.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/npmlog/node_modules/gauge/node_modules/strip-ansi": {
+      "version": "3.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/npmlog/node_modules/gauge/node_modules/strip-ansi/node_modules/ansi-regex": {
+      "version": "2.1.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/npmlog/node_modules/gauge/node_modules/wide-align": {
+      "version": "1.1.2",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^1.0.2"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/npmlog/node_modules/set-blocking": {
+      "version": "2.0.0",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/once": {
+      "version": "1.4.0",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/opener": {
+      "version": "1.4.3",
+      "inBundle": true,
+      "license": "(WTFPL OR MIT)",
+      "bin": {
+        "opener": "opener.js"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/osenv": {
+      "version": "0.1.4",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "os-homedir": "^1.0.0",
+        "os-tmpdir": "^1.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/osenv/node_modules/os-homedir": {
+      "version": "1.0.2",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/osenv/node_modules/os-tmpdir": {
+      "version": "1.0.2",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote": {
+      "version": "2.7.38",
+      "inBundle": true,
+      "license": "CC0-1.0",
+      "dependencies": {
+        "bluebird": "^3.5.0",
+        "cacache": "^9.2.9",
+        "glob": "^7.1.2",
+        "lru-cache": "^4.1.1",
+        "make-fetch-happen": "^2.4.13",
+        "minimatch": "^3.0.4",
+        "mississippi": "^1.2.0",
+        "normalize-package-data": "^2.4.0",
+        "npm-package-arg": "^5.1.2",
+        "npm-pick-manifest": "^1.0.4",
+        "osenv": "^0.1.4",
+        "promise-inflight": "^1.0.1",
+        "promise-retry": "^1.1.1",
+        "protoduck": "^4.0.0",
+        "safe-buffer": "^5.1.1",
+        "semver": "^5.3.0",
+        "ssri": "^4.1.6",
+        "tar-fs": "^1.15.3",
+        "tar-stream": "^1.5.4",
+        "unique-filename": "^1.1.0",
+        "which": "^1.2.12"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen": {
+      "version": "2.4.13",
+      "inBundle": true,
+      "license": "CC0-1.0",
+      "dependencies": {
+        "agentkeepalive": "^3.3.0",
+        "cacache": "^9.2.9",
+        "http-cache-semantics": "^3.7.3",
+        "http-proxy-agent": "^2.0.0",
+        "https-proxy-agent": "^2.0.0",
+        "lru-cache": "^4.1.1",
+        "mississippi": "^1.2.0",
+        "node-fetch-npm": "^2.0.1",
+        "promise-retry": "^1.1.1",
+        "socks-proxy-agent": "^3.0.0",
+        "ssri": "^4.1.6"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/agentkeepalive": {
+      "version": "3.3.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "humanize-ms": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/agentkeepalive/node_modules/humanize-ms": {
+      "version": "1.2.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/agentkeepalive/node_modules/humanize-ms/node_modules/ms": {
+      "version": "2.0.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/http-cache-semantics": {
+      "version": "3.7.3",
+      "inBundle": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/http-proxy-agent": {
+      "version": "2.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "4",
+        "debug": "2"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/http-proxy-agent/node_modules/agent-base": {
+      "version": "4.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "es6-promisify": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/http-proxy-agent/node_modules/agent-base/node_modules/es6-promisify": {
+      "version": "5.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "es6-promise": "^4.0.3"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/http-proxy-agent/node_modules/agent-base/node_modules/es6-promisify/node_modules/es6-promise": {
+      "version": "4.1.1",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/http-proxy-agent/node_modules/debug": {
+      "version": "2.6.8",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/http-proxy-agent/node_modules/debug/node_modules/ms": {
+      "version": "2.0.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/https-proxy-agent": {
+      "version": "2.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^4.1.0",
+        "debug": "^2.4.1"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/https-proxy-agent/node_modules/agent-base": {
+      "version": "4.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "es6-promisify": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/https-proxy-agent/node_modules/agent-base/node_modules/es6-promisify": {
+      "version": "5.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "es6-promise": "^4.0.3"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/https-proxy-agent/node_modules/agent-base/node_modules/es6-promisify/node_modules/es6-promise": {
+      "version": "4.1.1",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/https-proxy-agent/node_modules/debug": {
+      "version": "2.6.8",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/https-proxy-agent/node_modules/debug/node_modules/ms": {
+      "version": "2.0.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/node-fetch-npm": {
+      "version": "2.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "encoding": "^0.1.11",
+        "json-parse-helpfulerror": "^1.0.3",
+        "safe-buffer": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/node-fetch-npm/node_modules/encoding": {
+      "version": "0.1.12",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "iconv-lite": "~0.4.13"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/node-fetch-npm/node_modules/encoding/node_modules/iconv-lite": {
+      "version": "0.4.18",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/node-fetch-npm/node_modules/json-parse-helpfulerror": {
+      "version": "1.0.3",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "jju": "^1.1.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/node-fetch-npm/node_modules/json-parse-helpfulerror/node_modules/jju": {
+      "version": "1.3.0",
+      "inBundle": true,
+      "license": "WTFPL"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/socks-proxy-agent": {
+      "version": "3.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^4.0.1",
+        "socks": "^1.1.10"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/socks-proxy-agent/node_modules/agent-base": {
+      "version": "4.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "es6-promisify": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/socks-proxy-agent/node_modules/agent-base/node_modules/es6-promisify": {
+      "version": "5.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "es6-promise": "^4.0.3"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/socks-proxy-agent/node_modules/agent-base/node_modules/es6-promisify/node_modules/es6-promise": {
+      "version": "4.1.1",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/socks-proxy-agent/node_modules/socks": {
+      "version": "1.1.10",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "ip": "^1.1.4",
+        "smart-buffer": "^1.0.13"
+      },
+      "engines": {
+        "node": ">= 0.10.0",
+        "npm": ">= 1.3.5"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/socks-proxy-agent/node_modules/socks/node_modules/ip": {
+      "version": "1.1.5",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/socks-proxy-agent/node_modules/socks/node_modules/smart-buffer": {
+      "version": "1.1.15",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10.15",
+        "npm": ">= 1.3.5"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/minimatch": {
+      "version": "3.0.4",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/minimatch/node_modules/brace-expansion": {
+      "version": "1.1.8",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/minimatch/node_modules/brace-expansion/node_modules/balanced-match": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/minimatch/node_modules/brace-expansion/node_modules/concat-map": {
+      "version": "0.0.1",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/npm-pick-manifest": {
+      "version": "1.0.4",
+      "inBundle": true,
+      "license": "CC0-1.0",
+      "dependencies": {
+        "npm-package-arg": "^5.1.2",
+        "semver": "^5.3.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/promise-retry": {
+      "version": "1.1.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "err-code": "^1.0.0",
+        "retry": "^0.10.0"
+      },
+      "engines": {
+        "node": ">=0.12"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/promise-retry/node_modules/err-code": {
+      "version": "1.1.2",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/protoduck": {
+      "version": "4.0.0",
+      "inBundle": true,
+      "license": "CC0-1.0",
+      "dependencies": {
+        "genfun": "^4.0.1"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/protoduck/node_modules/genfun": {
+      "version": "4.0.1",
+      "inBundle": true,
+      "license": "CC0-1.0"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/tar-fs": {
+      "version": "1.15.3",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "chownr": "^1.0.1",
+        "mkdirp": "^0.5.1",
+        "pump": "^1.0.0",
+        "tar-stream": "^1.1.2"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/tar-fs/node_modules/pump": {
+      "version": "1.0.2",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/tar-fs/node_modules/pump/node_modules/end-of-stream": {
+      "version": "1.4.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/tar-stream": {
+      "version": "1.5.4",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "bl": "^1.0.0",
+        "end-of-stream": "^1.0.0",
+        "readable-stream": "^2.0.0",
+        "xtend": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/tar-stream/node_modules/bl": {
+      "version": "1.2.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "readable-stream": "^2.0.5"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/tar-stream/node_modules/end-of-stream": {
+      "version": "1.4.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/pacote/node_modules/tar-stream/node_modules/xtend": {
+      "version": "4.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/path-is-inside": {
+      "version": "1.0.2",
+      "inBundle": true,
+      "license": "(WTFPL OR MIT)"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/promise-inflight": {
+      "version": "1.0.1",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/read": {
+      "version": "1.0.7",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "mute-stream": "~0.0.4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/read-cmd-shim": {
+      "version": "1.0.1",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "graceful-fs": "^4.1.2"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/read-installed": {
+      "version": "4.0.3",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "debuglog": "^1.0.1",
+        "read-package-json": "^2.0.0",
+        "readdir-scoped-modules": "^1.0.0",
+        "semver": "2 || 3 || 4 || 5",
+        "slide": "~1.1.3",
+        "util-extend": "^1.0.1"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.2"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/read-installed/node_modules/util-extend": {
+      "version": "1.0.3",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/read-package-json": {
+      "version": "2.0.9",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "glob": "^7.1.1",
+        "json-parse-helpfulerror": "^1.0.2",
+        "normalize-package-data": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.2"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/read-package-json/node_modules/json-parse-helpfulerror": {
+      "version": "1.0.3",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "jju": "^1.1.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/read-package-json/node_modules/json-parse-helpfulerror/node_modules/jju": {
+      "version": "1.3.0",
+      "inBundle": true,
+      "license": "WTFPL"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/read-package-tree": {
+      "version": "5.1.6",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "debuglog": "^1.0.1",
+        "dezalgo": "^1.0.0",
+        "once": "^1.3.0",
+        "read-package-json": "^2.0.0",
+        "readdir-scoped-modules": "^1.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/read/node_modules/mute-stream": {
+      "version": "0.0.7",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/readable-stream": {
+      "version": "2.3.2",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~1.0.6",
+        "safe-buffer": "~5.1.0",
+        "string_decoder": "~1.0.0",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/readable-stream/node_modules/core-util-is": {
+      "version": "1.0.2",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/readable-stream/node_modules/isarray": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/readable-stream/node_modules/process-nextick-args": {
+      "version": "1.0.7",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/readable-stream/node_modules/string_decoder": {
+      "version": "1.0.3",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/readable-stream/node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/readdir-scoped-modules": {
+      "version": "1.0.2",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "debuglog": "^1.0.1",
+        "dezalgo": "^1.0.0",
+        "graceful-fs": "^4.1.2",
+        "once": "^1.3.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request": {
+      "version": "2.81.0",
+      "inBundle": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "aws-sign2": "~0.6.0",
+        "aws4": "^1.2.1",
+        "caseless": "~0.12.0",
+        "combined-stream": "~1.0.5",
+        "extend": "~3.0.0",
+        "forever-agent": "~0.6.1",
+        "form-data": "~2.1.1",
+        "har-validator": "~4.2.1",
+        "hawk": "~3.1.3",
+        "http-signature": "~1.1.0",
+        "is-typedarray": "~1.0.0",
+        "isstream": "~0.1.2",
+        "json-stringify-safe": "~5.0.1",
+        "mime-types": "~2.1.7",
+        "oauth-sign": "~0.8.1",
+        "performance-now": "^0.2.0",
+        "qs": "~6.4.0",
+        "safe-buffer": "^5.0.1",
+        "stringstream": "~0.0.4",
+        "tough-cookie": "~2.3.0",
+        "tunnel-agent": "^0.6.0",
+        "uuid": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/aws-sign2": {
+      "version": "0.6.0",
+      "inBundle": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/aws4": {
+      "version": "1.6.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/caseless": {
+      "version": "0.12.0",
+      "inBundle": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/combined-stream": {
+      "version": "1.0.5",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/combined-stream/node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/extend": {
+      "version": "3.0.1",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/forever-agent": {
+      "version": "0.6.1",
+      "inBundle": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/form-data": {
+      "version": "2.1.4",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.5",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 0.12"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/form-data/node_modules/asynckit": {
+      "version": "0.4.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/har-validator": {
+      "version": "4.2.1",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "ajv": "^4.9.1",
+        "har-schema": "^1.0.5"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/har-validator/node_modules/ajv": {
+      "version": "4.11.8",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "co": "^4.6.0",
+        "json-stable-stringify": "^1.0.1"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/har-validator/node_modules/ajv/node_modules/co": {
+      "version": "4.6.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">= 1.0.0",
+        "node": ">= 0.12.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/har-validator/node_modules/ajv/node_modules/json-stable-stringify": {
+      "version": "1.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "jsonify": "~0.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/har-validator/node_modules/ajv/node_modules/json-stable-stringify/node_modules/jsonify": {
+      "version": "0.0.0",
+      "inBundle": true,
+      "license": "Public Domain",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/har-validator/node_modules/har-schema": {
+      "version": "1.0.5",
+      "inBundle": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/hawk": {
+      "version": "3.1.3",
+      "inBundle": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "boom": "2.x.x",
+        "cryptiles": "2.x.x",
+        "hoek": "2.x.x",
+        "sntp": "1.x.x"
+      },
+      "engines": {
+        "node": ">=0.10.32"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/hawk/node_modules/boom": {
+      "version": "2.10.1",
+      "inBundle": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "hoek": "2.x.x"
+      },
+      "engines": {
+        "node": ">=0.10.40"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/hawk/node_modules/cryptiles": {
+      "version": "2.0.5",
+      "inBundle": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "boom": "2.x.x"
+      },
+      "engines": {
+        "node": ">=0.10.40"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/hawk/node_modules/hoek": {
+      "version": "2.16.3",
+      "inBundle": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.40"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/hawk/node_modules/sntp": {
+      "version": "1.0.9",
+      "inBundle": true,
+      "dependencies": {
+        "hoek": "2.x.x"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/http-signature": {
+      "version": "1.1.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "assert-plus": "^0.2.0",
+        "jsprim": "^1.2.2",
+        "sshpk": "^1.7.0"
+      },
+      "engines": {
+        "node": ">=0.8",
+        "npm": ">=1.3.7"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/http-signature/node_modules/assert-plus": {
+      "version": "0.2.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/http-signature/node_modules/jsprim": {
+      "version": "1.4.0",
+      "engines": [
+        "node >=0.6.0"
+      ],
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "assert-plus": "1.0.0",
+        "extsprintf": "1.0.2",
+        "json-schema": "0.2.3",
+        "verror": "1.3.6"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/http-signature/node_modules/jsprim/node_modules/assert-plus": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/http-signature/node_modules/jsprim/node_modules/extsprintf": {
+      "version": "1.0.2",
+      "engines": [
+        "node >=0.6.0"
+      ],
+      "inBundle": true
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/http-signature/node_modules/jsprim/node_modules/json-schema": {
+      "version": "0.2.3",
+      "inBundle": true
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/http-signature/node_modules/jsprim/node_modules/verror": {
+      "version": "1.3.6",
+      "engines": [
+        "node >=0.6.0"
+      ],
+      "inBundle": true,
+      "dependencies": {
+        "extsprintf": "1.0.2"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/http-signature/node_modules/sshpk": {
+      "version": "1.13.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "asn1": "~0.2.3",
+        "assert-plus": "^1.0.0",
+        "dashdash": "^1.12.0",
+        "getpass": "^0.1.1"
+      },
+      "bin": {
+        "sshpk-conv": "bin/sshpk-conv",
+        "sshpk-sign": "bin/sshpk-sign",
+        "sshpk-verify": "bin/sshpk-verify"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "optionalDependencies": {
+        "bcrypt-pbkdf": "^1.0.0",
+        "ecc-jsbn": "~0.1.1",
+        "jsbn": "~0.1.0",
+        "tweetnacl": "~0.14.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/http-signature/node_modules/sshpk/node_modules/asn1": {
+      "version": "0.2.3",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/http-signature/node_modules/sshpk/node_modules/assert-plus": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/http-signature/node_modules/sshpk/node_modules/bcrypt-pbkdf": {
+      "version": "1.0.1",
+      "inBundle": true,
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "dependencies": {
+        "tweetnacl": "^0.14.3"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/http-signature/node_modules/sshpk/node_modules/dashdash": {
+      "version": "1.14.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "assert-plus": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/http-signature/node_modules/sshpk/node_modules/ecc-jsbn": {
+      "version": "0.1.1",
+      "inBundle": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "jsbn": "~0.1.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/http-signature/node_modules/sshpk/node_modules/getpass": {
+      "version": "0.1.7",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "assert-plus": "^1.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/http-signature/node_modules/sshpk/node_modules/jsbn": {
+      "version": "0.1.1",
+      "inBundle": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/http-signature/node_modules/sshpk/node_modules/tweetnacl": {
+      "version": "0.14.5",
+      "inBundle": true,
+      "license": "Unlicense",
+      "optional": true
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/is-typedarray": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/isstream": {
+      "version": "0.1.2",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/json-stringify-safe": {
+      "version": "5.0.1",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/mime-types": {
+      "version": "2.1.15",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "~1.27.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/mime-types/node_modules/mime-db": {
+      "version": "1.27.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/oauth-sign": {
+      "version": "0.8.2",
+      "inBundle": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/performance-now": {
+      "version": "0.2.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/qs": {
+      "version": "6.4.0",
+      "inBundle": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/stringstream": {
+      "version": "0.0.5",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/tough-cookie": {
+      "version": "2.3.2",
+      "inBundle": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "punycode": "^1.4.1"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/tough-cookie/node_modules/punycode": {
+      "version": "1.4.1",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/request/node_modules/tunnel-agent": {
+      "version": "0.6.0",
+      "inBundle": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "safe-buffer": "^5.0.1"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/retry": {
+      "version": "0.10.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/rimraf": {
+      "version": "2.6.1",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "glob": "^7.0.5"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/safe-buffer": {
+      "version": "5.1.1",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/semver": {
+      "version": "5.3.0",
+      "inBundle": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/sha": {
+      "version": "2.0.1",
+      "inBundle": true,
+      "license": "(BSD-2-Clause OR MIT)",
+      "dependencies": {
+        "graceful-fs": "^4.1.2",
+        "readable-stream": "^2.0.2"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/slide": {
+      "version": "1.1.6",
+      "inBundle": true,
+      "license": "ISC",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/sorted-object": {
+      "version": "2.0.1",
+      "inBundle": true,
+      "license": "(WTFPL OR MIT)"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/sorted-union-stream": {
+      "version": "2.1.3",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "from2": "^1.3.0",
+        "stream-iterate": "^1.1.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/sorted-union-stream/node_modules/from2": {
+      "version": "1.3.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "~2.0.1",
+        "readable-stream": "~1.1.10"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/sorted-union-stream/node_modules/from2/node_modules/readable-stream": {
+      "version": "1.1.14",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.1",
+        "isarray": "0.0.1",
+        "string_decoder": "~0.10.x"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/sorted-union-stream/node_modules/from2/node_modules/readable-stream/node_modules/core-util-is": {
+      "version": "1.0.2",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/sorted-union-stream/node_modules/from2/node_modules/readable-stream/node_modules/isarray": {
+      "version": "0.0.1",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/sorted-union-stream/node_modules/from2/node_modules/readable-stream/node_modules/string_decoder": {
+      "version": "0.10.31",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/sorted-union-stream/node_modules/stream-iterate": {
+      "version": "1.2.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "readable-stream": "^2.1.5",
+        "stream-shift": "^1.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/sorted-union-stream/node_modules/stream-iterate/node_modules/stream-shift": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/ssri": {
+      "version": "4.1.6",
+      "inBundle": true,
+      "license": "CC0-1.0",
+      "dependencies": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/strip-ansi": {
+      "version": "4.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/strip-ansi/node_modules/ansi-regex": {
+      "version": "3.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/tar": {
+      "version": "2.2.1",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "block-stream": "*",
+        "fstream": "^1.0.2",
+        "inherits": "2"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/tar/node_modules/block-stream": {
+      "version": "0.0.9",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "inherits": "~2.0.0"
+      },
+      "engines": {
+        "node": "0.4 || >=0.5.8"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/text-table": {
+      "version": "0.2.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/uid-number": {
+      "version": "0.0.6",
+      "inBundle": true,
+      "license": "ISC",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/umask": {
+      "version": "1.1.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/unique-filename": {
+      "version": "1.1.0",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "unique-slug": "^2.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/unique-filename/node_modules/unique-slug": {
+      "version": "2.0.0",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "imurmurhash": "^0.1.4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/unpipe": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier": {
+      "version": "2.2.0",
+      "inBundle": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boxen": "^1.0.0",
+        "chalk": "^1.0.0",
+        "configstore": "^3.0.0",
+        "import-lazy": "^2.1.0",
+        "is-npm": "^1.0.0",
+        "latest-version": "^3.0.0",
+        "semver-diff": "^2.0.0",
+        "xdg-basedir": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/boxen": {
+      "version": "1.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-align": "^2.0.0",
+        "camelcase": "^4.0.0",
+        "chalk": "^1.1.1",
+        "cli-boxes": "^1.0.0",
+        "string-width": "^2.0.0",
+        "term-size": "^0.1.0",
+        "widest-line": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/boxen/node_modules/ansi-align": {
+      "version": "2.0.0",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^2.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/boxen/node_modules/camelcase": {
+      "version": "4.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/boxen/node_modules/cli-boxes": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/boxen/node_modules/string-width": {
+      "version": "2.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-fullwidth-code-point": "^2.0.0",
+        "strip-ansi": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/boxen/node_modules/string-width/node_modules/is-fullwidth-code-point": {
+      "version": "2.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/boxen/node_modules/string-width/node_modules/strip-ansi": {
+      "version": "4.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/boxen/node_modules/term-size": {
+      "version": "0.1.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "execa": "^0.4.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/boxen/node_modules/term-size/node_modules/execa": {
+      "version": "0.4.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn-async": "^2.1.1",
+        "is-stream": "^1.1.0",
+        "npm-run-path": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "path-key": "^1.0.0",
+        "strip-eof": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.12"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/boxen/node_modules/term-size/node_modules/execa/node_modules/cross-spawn-async": {
+      "version": "2.2.5",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "lru-cache": "^4.0.0",
+        "which": "^1.2.8"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/boxen/node_modules/term-size/node_modules/execa/node_modules/is-stream": {
+      "version": "1.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/boxen/node_modules/term-size/node_modules/execa/node_modules/npm-run-path": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/boxen/node_modules/term-size/node_modules/execa/node_modules/object-assign": {
+      "version": "4.1.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/boxen/node_modules/term-size/node_modules/execa/node_modules/path-key": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/boxen/node_modules/term-size/node_modules/execa/node_modules/strip-eof": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/boxen/node_modules/widest-line": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "string-width": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/boxen/node_modules/widest-line/node_modules/string-width": {
+      "version": "1.0.2",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "code-point-at": "^1.0.0",
+        "is-fullwidth-code-point": "^1.0.0",
+        "strip-ansi": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/boxen/node_modules/widest-line/node_modules/string-width/node_modules/code-point-at": {
+      "version": "1.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/boxen/node_modules/widest-line/node_modules/string-width/node_modules/is-fullwidth-code-point": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "number-is-nan": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/boxen/node_modules/widest-line/node_modules/string-width/node_modules/is-fullwidth-code-point/node_modules/number-is-nan": {
+      "version": "1.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/boxen/node_modules/widest-line/node_modules/string-width/node_modules/strip-ansi": {
+      "version": "3.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/boxen/node_modules/widest-line/node_modules/string-width/node_modules/strip-ansi/node_modules/ansi-regex": {
+      "version": "2.1.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/chalk": {
+      "version": "1.1.3",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^2.2.1",
+        "escape-string-regexp": "^1.0.2",
+        "has-ansi": "^2.0.0",
+        "strip-ansi": "^3.0.0",
+        "supports-color": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/chalk/node_modules/ansi-styles": {
+      "version": "2.2.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/chalk/node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/chalk/node_modules/has-ansi": {
+      "version": "2.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/chalk/node_modules/has-ansi/node_modules/ansi-regex": {
+      "version": "2.1.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/chalk/node_modules/strip-ansi": {
+      "version": "3.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/chalk/node_modules/strip-ansi/node_modules/ansi-regex": {
+      "version": "2.1.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/chalk/node_modules/supports-color": {
+      "version": "2.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/configstore": {
+      "version": "3.1.0",
+      "inBundle": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "dot-prop": "^4.1.0",
+        "graceful-fs": "^4.1.2",
+        "make-dir": "^1.0.0",
+        "unique-string": "^1.0.0",
+        "write-file-atomic": "^2.0.0",
+        "xdg-basedir": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/configstore/node_modules/dot-prop": {
+      "version": "4.1.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-obj": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/configstore/node_modules/dot-prop/node_modules/is-obj": {
+      "version": "1.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/configstore/node_modules/make-dir": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "pify": "^2.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/configstore/node_modules/make-dir/node_modules/pify": {
+      "version": "2.3.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/configstore/node_modules/unique-string": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "crypto-random-string": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/configstore/node_modules/unique-string/node_modules/crypto-random-string": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/import-lazy": {
+      "version": "2.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/is-npm": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/latest-version": {
+      "version": "3.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "package-json": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/latest-version/node_modules/package-json": {
+      "version": "4.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "got": "^6.7.1",
+        "registry-auth-token": "^3.0.1",
+        "registry-url": "^3.0.3",
+        "semver": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/latest-version/node_modules/package-json/node_modules/got": {
+      "version": "6.7.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "create-error-class": "^3.0.0",
+        "duplexer3": "^0.1.4",
+        "get-stream": "^3.0.0",
+        "is-redirect": "^1.0.0",
+        "is-retry-allowed": "^1.0.0",
+        "is-stream": "^1.0.0",
+        "lowercase-keys": "^1.0.0",
+        "safe-buffer": "^5.0.1",
+        "timed-out": "^4.0.0",
+        "unzip-response": "^2.0.1",
+        "url-parse-lax": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/latest-version/node_modules/package-json/node_modules/got/node_modules/create-error-class": {
+      "version": "3.0.2",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "capture-stack-trace": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/latest-version/node_modules/package-json/node_modules/got/node_modules/create-error-class/node_modules/capture-stack-trace": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/latest-version/node_modules/package-json/node_modules/got/node_modules/duplexer3": {
+      "version": "0.1.4",
+      "inBundle": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/latest-version/node_modules/package-json/node_modules/got/node_modules/get-stream": {
+      "version": "3.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/latest-version/node_modules/package-json/node_modules/got/node_modules/is-redirect": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/latest-version/node_modules/package-json/node_modules/got/node_modules/is-retry-allowed": {
+      "version": "1.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/latest-version/node_modules/package-json/node_modules/got/node_modules/is-stream": {
+      "version": "1.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/latest-version/node_modules/package-json/node_modules/got/node_modules/lowercase-keys": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/latest-version/node_modules/package-json/node_modules/got/node_modules/timed-out": {
+      "version": "4.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/latest-version/node_modules/package-json/node_modules/got/node_modules/unzip-response": {
+      "version": "2.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/latest-version/node_modules/package-json/node_modules/got/node_modules/url-parse-lax": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "prepend-http": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/latest-version/node_modules/package-json/node_modules/got/node_modules/url-parse-lax/node_modules/prepend-http": {
+      "version": "1.0.4",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/latest-version/node_modules/package-json/node_modules/registry-auth-token": {
+      "version": "3.3.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "rc": "^1.1.6",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/latest-version/node_modules/package-json/node_modules/registry-auth-token/node_modules/rc": {
+      "version": "1.2.1",
+      "inBundle": true,
+      "license": "(BSD-2-Clause OR MIT OR Apache-2.0)",
+      "dependencies": {
+        "deep-extend": "~0.4.0",
+        "ini": "~1.3.0",
+        "minimist": "^1.2.0",
+        "strip-json-comments": "~2.0.1"
+      },
+      "bin": {
+        "rc": "index.js"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/latest-version/node_modules/package-json/node_modules/registry-auth-token/node_modules/rc/node_modules/deep-extend": {
+      "version": "0.4.2",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/latest-version/node_modules/package-json/node_modules/registry-auth-token/node_modules/rc/node_modules/minimist": {
+      "version": "1.2.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/latest-version/node_modules/package-json/node_modules/registry-auth-token/node_modules/rc/node_modules/strip-json-comments": {
+      "version": "2.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/latest-version/node_modules/package-json/node_modules/registry-url": {
+      "version": "3.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "rc": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/latest-version/node_modules/package-json/node_modules/registry-url/node_modules/rc": {
+      "version": "1.2.1",
+      "inBundle": true,
+      "license": "(BSD-2-Clause OR MIT OR Apache-2.0)",
+      "dependencies": {
+        "deep-extend": "~0.4.0",
+        "ini": "~1.3.0",
+        "minimist": "^1.2.0",
+        "strip-json-comments": "~2.0.1"
+      },
+      "bin": {
+        "rc": "index.js"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/latest-version/node_modules/package-json/node_modules/registry-url/node_modules/rc/node_modules/deep-extend": {
+      "version": "0.4.2",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/latest-version/node_modules/package-json/node_modules/registry-url/node_modules/rc/node_modules/minimist": {
+      "version": "1.2.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/latest-version/node_modules/package-json/node_modules/registry-url/node_modules/rc/node_modules/strip-json-comments": {
+      "version": "2.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/semver-diff": {
+      "version": "2.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^5.0.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/update-notifier/node_modules/xdg-basedir": {
+      "version": "3.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/uuid": {
+      "version": "3.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "bin": {
+        "uuid": "bin/uuid"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/validate-npm-package-license": {
+      "version": "3.0.1",
+      "inBundle": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "spdx-correct": "~1.0.0",
+        "spdx-expression-parse": "~1.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/validate-npm-package-license/node_modules/spdx-correct": {
+      "version": "1.0.2",
+      "inBundle": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "spdx-license-ids": "^1.0.2"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/validate-npm-package-license/node_modules/spdx-correct/node_modules/spdx-license-ids": {
+      "version": "1.2.2",
+      "inBundle": true,
+      "license": "Unlicense"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/validate-npm-package-license/node_modules/spdx-expression-parse": {
+      "version": "1.0.4",
+      "inBundle": true,
+      "license": "(MIT AND CC-BY-3.0)"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/validate-npm-package-name": {
+      "version": "3.0.0",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "builtins": "^1.0.3"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/validate-npm-package-name/node_modules/builtins": {
+      "version": "1.0.3",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/which": {
+      "version": "1.2.14",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/which/node_modules/isexe": {
+      "version": "2.0.0",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/worker-farm": {
+      "version": "1.3.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "errno": ">=0.1.1 <0.2.0-0",
+        "xtend": ">=4.0.0 <4.1.0-0"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/worker-farm/node_modules/errno": {
+      "version": "0.1.4",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "prr": "~0.0.0"
+      },
+      "bin": {
+        "errno": "cli.js"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/worker-farm/node_modules/errno/node_modules/prr": {
+      "version": "0.0.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/worker-farm/node_modules/xtend": {
+      "version": "4.0.1",
+      "inBundle": true,
+      "engines": {
+        "node": ">=0.4"
+      }
+    },
+    "node_modules/npx/node_modules/npm/node_modules/wrappy": {
+      "version": "1.0.2",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/npm/node_modules/write-file-atomic": {
+      "version": "2.1.0",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "graceful-fs": "^4.1.11",
+        "imurmurhash": "^0.1.4",
+        "slide": "^1.1.5"
+      }
+    },
+    "node_modules/npx/node_modules/number-is-nan": {
+      "version": "1.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/once": {
+      "version": "1.4.0",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/npx/node_modules/os-homedir": {
+      "version": "1.0.2",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/os-locale": {
+      "version": "3.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "execa": "^1.0.0",
+        "lcid": "^2.0.0",
+        "mem": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/npx/node_modules/os-locale/node_modules/cross-spawn": {
+      "version": "6.0.5",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "nice-try": "^1.0.4",
+        "path-key": "^2.0.1",
+        "semver": "^5.5.0",
+        "shebang-command": "^1.2.0",
+        "which": "^1.2.9"
+      },
+      "engines": {
+        "node": ">=4.8"
+      }
+    },
+    "node_modules/npx/node_modules/os-locale/node_modules/execa": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "^6.0.0",
+        "get-stream": "^4.0.0",
+        "is-stream": "^1.1.0",
+        "npm-run-path": "^2.0.0",
+        "p-finally": "^1.0.0",
+        "signal-exit": "^3.0.0",
+        "strip-eof": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/npx/node_modules/os-locale/node_modules/get-stream": {
+      "version": "4.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "pump": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/npx/node_modules/os-tmpdir": {
+      "version": "1.0.2",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/osenv": {
+      "version": "0.1.5",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "os-homedir": "^1.0.0",
+        "os-tmpdir": "^1.0.0"
+      }
+    },
+    "node_modules/npx/node_modules/p-defer": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/p-finally": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/p-is-promise": {
+      "version": "2.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/npx/node_modules/p-limit": {
+      "version": "1.3.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-try": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/p-locate": {
+      "version": "2.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/p-try": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/package-json": {
+      "version": "4.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "got": "^6.7.1",
+        "registry-auth-token": "^3.0.1",
+        "registry-url": "^3.0.3",
+        "semver": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/path-exists": {
+      "version": "3.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/path-is-inside": {
+      "version": "1.0.2",
+      "inBundle": true,
+      "license": "(WTFPL OR MIT)"
+    },
+    "node_modules/npx/node_modules/path-key": {
+      "version": "2.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/pify": {
+      "version": "3.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/prepend-http": {
+      "version": "1.0.4",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/pseudomap": {
+      "version": "1.0.2",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/pump": {
+      "version": "3.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "node_modules/npx/node_modules/rc": {
+      "version": "1.2.8",
+      "inBundle": true,
+      "license": "(BSD-2-Clause OR MIT OR Apache-2.0)",
+      "dependencies": {
+        "deep-extend": "^0.6.0",
+        "ini": "~1.3.0",
+        "minimist": "^1.2.0",
+        "strip-json-comments": "~2.0.1"
+      },
+      "bin": {
+        "rc": "cli.js"
+      }
+    },
+    "node_modules/npx/node_modules/registry-auth-token": {
+      "version": "3.4.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "rc": "^1.1.6",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/npx/node_modules/registry-url": {
+      "version": "3.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "rc": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/require-directory": {
+      "version": "2.1.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/require-main-filename": {
+      "version": "1.0.1",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/rimraf": {
+      "version": "2.7.1",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      }
+    },
+    "node_modules/npx/node_modules/safe-buffer": {
+      "version": "5.2.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
+    "node_modules/npx/node_modules/semver": {
+      "version": "5.7.1",
+      "inBundle": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/npx/node_modules/semver-diff": {
+      "version": "2.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^5.0.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/set-blocking": {
+      "version": "2.0.0",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/shebang-command": {
+      "version": "1.2.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/shebang-regex": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/signal-exit": {
+      "version": "3.0.2",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/string-width": {
+      "version": "2.1.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-fullwidth-code-point": "^2.0.0",
+        "strip-ansi": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/strip-ansi": {
+      "version": "4.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/strip-eof": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/strip-json-comments": {
+      "version": "2.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/supports-color": {
+      "version": "5.5.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/term-size": {
+      "version": "1.2.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "execa": "^0.7.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/timed-out": {
+      "version": "4.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/unique-string": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "crypto-random-string": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/unzip-response": {
+      "version": "2.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/update-notifier": {
+      "version": "2.5.0",
+      "inBundle": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boxen": "^1.2.1",
+        "chalk": "^2.0.1",
+        "configstore": "^3.0.0",
+        "import-lazy": "^2.1.0",
+        "is-ci": "^1.0.10",
+        "is-installed-globally": "^0.1.0",
+        "is-npm": "^1.0.0",
+        "latest-version": "^3.0.0",
+        "semver-diff": "^2.0.0",
+        "xdg-basedir": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/url-parse-lax": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "prepend-http": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/validate-npm-package-name": {
+      "version": "3.0.0",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "builtins": "^1.0.3"
+      }
+    },
+    "node_modules/npx/node_modules/which": {
+      "version": "1.3.1",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
+    "node_modules/npx/node_modules/which-module": {
+      "version": "2.0.0",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/widest-line": {
+      "version": "2.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "string-width": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/wrap-ansi": {
+      "version": "2.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "string-width": "^1.0.1",
+        "strip-ansi": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/wrap-ansi/node_modules/ansi-regex": {
+      "version": "2.1.1",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/wrap-ansi/node_modules/is-fullwidth-code-point": {
+      "version": "1.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "number-is-nan": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/wrap-ansi/node_modules/string-width": {
+      "version": "1.0.2",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "code-point-at": "^1.0.0",
+        "is-fullwidth-code-point": "^1.0.0",
+        "strip-ansi": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/wrap-ansi/node_modules/strip-ansi": {
+      "version": "3.0.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npx/node_modules/wrappy": {
+      "version": "1.0.2",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/write-file-atomic": {
+      "version": "2.4.3",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "graceful-fs": "^4.1.11",
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^3.0.2"
+      }
+    },
+    "node_modules/npx/node_modules/xdg-basedir": {
+      "version": "3.0.0",
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npx/node_modules/y18n": {
+      "version": "4.0.0",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/yallist": {
+      "version": "2.1.2",
+      "inBundle": true,
+      "license": "ISC"
+    },
+    "node_modules/npx/node_modules/yargs": {
+      "version": "11.1.1",
+      "inBundle": true,
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^4.0.0",
+        "decamelize": "^1.1.1",
+        "find-up": "^2.1.0",
+        "get-caller-file": "^1.0.1",
+        "os-locale": "^3.1.0",
+        "require-directory": "^2.1.1",
+        "require-main-filename": "^1.0.1",
+        "set-blocking": "^2.0.0",
+        "string-width": "^2.0.0",
+        "which-module": "^2.0.0",
+        "y18n": "^3.2.1",
+        "yargs-parser": "^9.0.2"
+      }
+    },
+    "node_modules/npx/node_modules/yargs-parser": {
+      "version": "9.0.2",
+      "inBundle": true,
+      "license": "ISC",
+      "dependencies": {
+        "camelcase": "^4.1.0"
+      }
+    },
+    "node_modules/npx/node_modules/yargs/node_modules/y18n": {
+      "version": "3.2.1",
+      "inBundle": true,
+      "license": "ISC"
+    }
+  }
+}
diff --git a/packages/opsxdb-mcp/package.json b/packages/opsxdb-mcp/package.json
index 560b07c..ef6127c 100644
--- a/packages/opsxdb-mcp/package.json
+++ b/packages/opsxdb-mcp/package.json
@@ -26,4 +26,5 @@
   "publishConfig": {
     "access": "public"
   }
+
 }
diff --git a/packages/ui/assets/databases/dameng.svg b/packages/ui/assets/databases/dameng.svg
deleted file mode 100644
index 5315156..0000000
--- a/packages/ui/assets/databases/dameng.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" class="icon" viewBox="0 0 1024 1024"><path fill="#ea4646" d="M295.526 392.14c19.456-16.486 40.704-33.177 62.67-47.615-16.692 55.04-19.866 173.568 106.905 193.536 95.232 15.001 119.296 45.21 108.083 195.942-19.558 9.216-39.014 16.896-58.88 24.064 12.544-62.464 26.47-174.592-64.307-192.819-110.541-22.272-167.936-36.864-154.47-173.107"/><path fill="#ea4646" d="M373.248 334.643a889 889 0 0 1 58.368-33.536c-21.504 100.864-14.336 188.416 103.782 206.848 69.99 10.957 124.263 36.25 110.234 186.368a714 714 0 0 1-54.374 31.027c10.393-59.904 10.65-180.838-72.192-193.587-124.57-19.2-162.253-53.248-145.818-197.12"/><path fill="#ea4646" d="M449.075 292.71c19.61-8.755 47.053-20.48 57.856-23.552-21.35 75.93-10.496 195.994 86.835 211.968 90.983 14.9 132.813 65.69 123.188 162.356-18.484 14.694-35.482 27.238-54.426 39.936 16.128-93.082-18.432-172.237-82.79-181.556-138.138-20.07-153.6-77.875-130.663-209.152"/><path fill="#1a2781" d="M267.008 418.918c-89.702 84.685-137.78 197.786-100.915 280.064 41.984 93.799 195.891 111.002 315.494 68.71 25.395-110.796 38.298-172.338-63.488-191.897-148.173-28.57-149.913-87.193-151.091-156.877m484.3 193.536c87.758-85.81 148.583-202.547 104.346-289.075-50.022-97.792-207.974-100.454-316.006-64.46-31.744 86.527-23.04 194.355 65.946 207.308 129.228 18.74 134.348 72.858 145.715 146.227"/><path fill="#de1a1b" d="M295.526 392.09c19.456-16.538 40.704-33.178 62.67-47.668-16.692 55.092-19.866 173.62 106.905 193.536 95.232 15.053 119.296 45.261 108.083 195.994-19.558 9.216-39.014 16.896-58.88 24.064 12.544-62.515 26.47-174.592-64.307-192.87-110.541-22.221-167.936-36.864-154.47-173.056"/><path fill="#de1a1b" d="M373.248 334.643c18.842-11.98 37.427-22.323 58.368-33.536-21.504 100.864-14.336 188.416 103.782 206.848 69.99 10.957 124.263 36.25 110.234 186.368-18.534 11.879-35.533 21.095-54.374 31.027 10.393-59.904 10.65-180.838-72.192-193.587-124.57-19.2-162.253-53.248-145.818-197.12"/><path fill="#de1a1b" d="M449.075 292.71c19.61-8.755 47.053-20.48 57.856-23.552-21.35 75.93-10.496 195.994 86.835 211.968 90.983 14.9 132.813 65.69 123.188 162.407-18.484 14.592-35.482 27.136-54.426 39.885 16.128-93.03-18.432-172.237-82.79-181.556-138.138-20.07-153.6-77.875-130.663-209.152"/></svg>
\ No newline at end of file
diff --git a/packages/ui/assets/databases/elasticsearch.svg b/packages/ui/assets/databases/elasticsearch.svg
deleted file mode 100644
index 0da0d70..0000000
--- a/packages/ui/assets/databases/elasticsearch.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="2500" height="2500" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 256"><path fill="#FFF" d="M255.96 134.393c0-21.521-13.373-40.117-33.223-47.43a75 75 0 0 0 1.253-13.791c0-39.909-32.386-72.295-72.295-72.295-23.193 0-44.923 11.074-58.505 30.088-6.686-5.224-14.835-7.94-23.402-7.94-21.104 0-38.446 17.133-38.446 38.446 0 4.597.836 9.194 2.298 13.373C13.582 81.739 0 100.962 0 122.274c0 21.522 13.373 40.327 33.431 47.64q-1.253 6.582-1.253 13.79c0 39.7 32.386 72.087 72.086 72.087 23.402 0 44.924-11.283 58.505-30.088 6.686 5.223 15.044 8.149 23.611 8.149 21.104 0 38.446-17.134 38.446-38.446 0-4.597-.836-9.194-2.298-13.373 19.64-7.104 33.431-26.327 33.431-47.64z"/><path fill="#F4BD19" d="m100.085 110.364 57.043 26.119 57.669-50.565a64.3 64.3 0 0 0 1.253-12.746c0-35.52-28.834-64.355-64.355-64.355-21.313 0-41.162 10.447-53.072 27.998l-9.612 49.73 11.074 23.82z"/><path fill="#3CBEB1" d="M40.953 170.75c-.835 4.179-1.253 8.567-1.253 12.955 0 35.52 29.043 64.564 64.564 64.564 21.522 0 41.372-10.656 53.49-28.208l9.403-49.729-12.746-24.238-57.251-26.118z"/><path fill="#E9478C" d="m40.536 71.918 39.073 9.194 8.775-44.506c-5.432-4.179-11.91-6.268-18.805-6.268-16.925 0-30.924 13.79-30.924 30.924 0 3.552.627 7.313 1.88 10.656z"/><path fill="#2C458F" d="M37.192 81.32c-17.551 5.642-29.67 22.567-29.67 40.954 0 17.97 11.074 34.059 27.79 40.327l54.953-49.73-10.03-21.52-43.043-10.03z"/><path fill="#95C63D" d="M167.784 219.852c5.432 4.18 11.91 6.478 18.596 6.478 16.925 0 30.924-13.79 30.924-30.924q0-5.642-1.88-10.657l-39.073-9.193z"/><path fill="#176655" d="m175.724 165.317 43.043 10.03c17.551-5.85 29.67-22.566 29.67-40.954 0-17.97-11.074-33.849-27.79-40.326l-56.415 49.311 11.492 21.94z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/assets/databases/gaussdb.svg b/packages/ui/assets/databases/gaussdb.svg
deleted file mode 100644
index f115a85..0000000
--- a/packages/ui/assets/databases/gaussdb.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="209.961" height="200" class="icon" viewBox="0 0 1075 1024"><path fill="#9f53e6" d="M170.24 333.005a20.5 20.5 0 0 0-3.84 8.601h-.205v84.122a19.87 19.87 0 0 0 11.367 16.691l269.363 158.26a136.45 136.45 0 0 0 125.542 0l269.517-157.697a19.87 19.87 0 0 0 11.366-16.742l1.024-83.968-217.241-116.838-160.461 92.979a19.35 19.35 0 0 0-11.315 16.691v83.814c2.048 5.888 6.093 10.957 11.315 14.336 2.56-35.84 42.496-58.265 42.496-58.265l116.94-66.765 152.577 82.893-216.218 128.307a137.47 137.47 0 0 1-125.491 0l-226.509-133.58 226.407-133.53a126.5 126.5 0 0 1 62.873-15.207V153.6a126.8 126.8 0 0 0-62.873 15.155l-269.21 158.31a20.5 20.5 0 0 0-7.373 5.94zm679.22 236.851a19.9 19.9 0 0 0 3.378-9.882l-.307-83.302a19.87 19.87 0 0 1-11.366 16.691L572.109 651.571a136.5 136.5 0 0 1-125.491 0L177.05 492.75a19.87 19.87 0 0 1-11.367-16.691v83.456a19.87 19.87 0 0 0 11.367 16.69l269.568 158.414a137.42 137.42 0 0 0 125.49 0l269.364-157.901a19.97 19.97 0 0 0 7.987-6.81zm3.378 119.654a19.92 19.92 0 0 1-11.366 16.692L572.109 863.949a136.5 136.5 0 0 1-125.491 0L177.05 705.74a19.87 19.87 0 0 1-11.367-16.743v-83.456a19.71 19.71 0 0 0 11.367 16.692l269.568 158.412a137.47 137.47 0 0 0 125.49 0l269.057-157.9a19.56 19.56 0 0 0 11.366-16.692z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/assets/databases/influxdb.svg b/packages/ui/assets/databases/influxdb.svg
deleted file mode 100644
index a6ed507..0000000
--- a/packages/ui/assets/databases/influxdb.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M507.2 308.1 458.3 96c-2.7-11.4-13.2-23.3-25.1-26.5L210.5.9c-2.8-.9-6-.9-9.6-.9-9.6 0-19.2 3.6-26.1 9.6L15.3 158.2C6.6 166 2 181.5 4.8 192.4l52.1 227.2c2.7 11.4 13.2 23.3 25.1 26.5L290.5 511c2.7.9 5.9.9 9.6.9 9.6 0 19.2-3.6 26-9.6l170.5-158.6c8.8-9.1 13.4-23.7 10.6-35.6M233.8 51.2 387 98.3c6 1.8 6 4.6 0 6l-80.4 18.3c-6 1.8-14.6-.9-18.8-5.5L232 56.7c-5-5.1-4.1-7.3 1.8-5.5m95.6 274.3c1.8 6-2.3 9.6-8.2 7.8l-165-51.2c-6-1.8-7.3-6.8-2.8-11l126.2-117.5c4.6-4.6 9.6-2.8 11 3.2zM57.4 176 191.3 51.2c4.6-4.6 11.4-3.6 16 .4l67.2 72.7c4.6 4.6 3.6 11.4-.5 16L140.1 265.2c-4.6 4.6-11.4 3.6-16-.5L56.9 192c-4.5-5-4.1-12.4.5-16m32.5 197.5L54.7 218c-1.8-5.9.9-7.3 5-2.7l55.8 60.3c4.6 4.6 5.9 13.3 4.6 19.2l-24.2 78.6c-1.9 6.5-4.7 6.5-6 .1M286 464.9l-175.1-54.4c-6.1-2-9.6-8.5-7.8-14.6l29.3-94.2c2-6.1 8.4-9.6 14.6-7.8l175.1 53.9c6 1.8 9.6 8.2 7.8 14.6l-29.3 94.2c-2.1 6.1-8.4 9.6-14.6 8.3m155.4-127.5-117 108.8c-4.6 4.6-6.9 2.8-5-3.2l24.2-78.6c1.8-6 8.2-12.4 14.6-13.3l80.5-18.3c5.9-2.3 6.8.4 2.7 4.6m12.8-23.8-96.4 22c-6 1.8-12.4-2.3-13.7-8.2L302.9 149c-1.8-6 2.3-12.4 8.2-13.7l96.5-22c5.9-1.8 12.3 2.3 13.7 8.2l41.2 178.3c1.3 7-2.4 12.9-8.3 13.8" style="fill:#4aabf4"/></svg>
\ No newline at end of file
diff --git a/packages/ui/assets/databases/kingbase.svg b/packages/ui/assets/databases/kingbase.svg
deleted file mode 100644
index 9d7f076..0000000
--- a/packages/ui/assets/databases/kingbase.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" class="icon" viewBox="0 0 1024 1024"><path fill="#c9151e" d="M339.2 204.8v236.083l-148.531 73.421 148.48 69.99v239.104h130.457V650.342L833.28 823.398V687.872L469.606 514.304 833.28 338.381V209.05L469.606 377.702V204.8z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/assets/databases/mariadb.svg b/packages/ui/assets/databases/mariadb.svg
deleted file mode 100644
index 33794b1..0000000
--- a/packages/ui/assets/databases/mariadb.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 85.79 512.01 340.29"><style>.st0{fill-rule:evenodd;clip-rule:evenodd}.st0,.st3{fill:#002b64}</style><path d="M500.7 86.5c-7.9.3-5.4 2.5-22.5 6.7-17.3 4.2-38.4 2.9-57 10.7-55.5 23.3-66.6 102.8-117.1 131.3-37.6 21.3-75.8 23-109.9 33.6-22.5 7.1-47 21.5-67.5 39-15.8 13.6-16.2 25.6-32.8 42.7C76.3 368.9 23.6 351 0 379c7.7 7.7 11.1 9.9 26.2 7.9-3.1 5.9-21.6 10.9-18 19.7 3.8 9.2 48.4 15.4 88.9-9.1 18.9-11.4 33.9-27.9 63.2-31.9 38.2-5.1 82 3.2 125.9 9.6-6.6 19.5-19.7 32.5-30.2 47.8-3.2 3.5 6.6 3.9 17.7 1.8 20.1-5 34.5-9 49.8-17.8 18.6-10.9 21.4-38.7 44.4-44.7 12.7 19.6 47.3 24.2 68.9 8.5-18.9-5.4-24.1-45.6-17.7-63.2 6-16.7 12-43.6 18.1-65.8 6.5-23.8 8.9-53.8 16.8-65.8 11.9-18.2 25-24.5 36.5-34.7C501.9 131 512.3 121 512 97.4c-.1-7.6-4-11.8-11.2-11.6z" class="st0"/><path d="M16.5 405.5c28.8 4.1 46.4 0 69.8-10.1 19.7-8.6 38.7-26.2 62.1-33.6 34.2-11 71.8 0 108.5 2.2 8.9.5 17.8.5 26.5-.4 13.6-8.4 13.4-39.6 26.6-42.7-.4 43.9-18.4 70.3-37.3 95.7 39.9-7 63.5-29.9 79.5-60.7 4.9-9.3 9-19.3 12.7-29.9 5.7 4.4 2.5 17.7 5.3 24.8 27.4-15.2 43-50.1 53.5-85.2 12-40.7 16.9-82 24.7-94 7.5-11.8 19.3-19 30.2-26.5 12.2-8.6 23.1-17.5 24.9-33.9-12.9-1.2-15.8-4.2-17.7-10.7-6.4 3.6-12.4 4.4-19.1 4.6-5.8.2-12.2-.1-20 .7-64.4 6.6-72.6 77.8-113.9 117.9-3 2.9-6.3 5.7-9.7 8.2-14.5 10.8-32.2 18.5-48.4 24.7-26.4 10.1-51.5 10.8-76.3 19.5-18.2 6.4-36.7 15.7-51.5 25.9-3.7 2.6-7.3 5.2-10.5 7.8-8.8 7.2-14.5 15.1-20.1 23.3-5.8 8.4-11.3 17.1-19.7 25.4-13.7 13.4-64.9 3.9-82.9 16.4-2 1.4-3.6 3-4.7 5 9.8 4.5 16.4 1.7 27.7 3 1.5 10.7-23.3 17.1-19.7 22z" style="fill:#c49a6c"/><path d="M406.7 325.8c.8 12.3 7.9 36.7 14.2 42.7-12.4 3-33.6-2-39-10.7 2.8-12.6 17.4-24.1 24.9-31.9z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#c49a6c"/><path d="M423.8 132.1c9.1 7.9 28.3 1.6 24.8-14.2-14.1-1.2-22.3 3.7-24.8 14.2" class="st0"/><path d="M486.5 112.2c-2.4 5.1-7.1 11.6-7.1 24.6 0 2.2-1.7 3.8-1.7.3.1-12.7 3.5-18.1 7-25.3 1.7-3 2.7-1.8 1.8.4" class="st3"/><path d="M486.5 112.2c-2.8 4.8-9.7 13.7-10.9 26.6-.2 2.2-2 3.6-1.7.2 1.2-12.6 6.7-20.5 10.9-27.3 1.9-2.9 2.8-1.6 1.7.5m-2.9-2.9c-3.2 4.6-13.9 15.2-16.1 28-.4 2.2-2.3 3.4-1.7 0 2.3-12.4 11.4-22.2 16.2-28.8 2.1-2.6 2.9-1.2 1.6.8m-2.8-2.8c-3.9 4.1-16.5 17.7-20.5 29.9-.7 2.1-2.8 3-1.7-.2 4-12 15.1-24.9 20.7-30.8 2.5-2.3 3-.8 1.5.9z" class="st3"/></svg>
\ No newline at end of file
diff --git a/packages/ui/assets/databases/mongodb.svg b/packages/ui/assets/databases/mongodb.svg
deleted file mode 100644
index 8660ced..0000000
--- a/packages/ui/assets/databases/mongodb.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="141.14 0 229.74 512.1"><path d="M366.8 203.8c-27-119-83.2-150.7-97.5-173.1-5.9-9.9-11.2-20.1-15.7-30.7-.8 10.6-2.1 17.2-11.1 25.2-18 16.1-94.7 78.5-101.1 213.7-6 126.1 92.7 203.8 105.7 211.8 10 4.9 22.2.1 28.2-4.4 47.5-32.6 112.5-119.6 91.5-242.5" style="fill:#10aa50"/><path d="M257.7 383.7c-2.5 31.2-4.3 49.3-10.6 67.2 0 0 4.1 29.7 7 61.2h10.3c2.5-22.2 6.2-44.2 11.2-65.9-13.2-6.6-17.4-35.2-17.9-62.5" style="fill:#b8c4c2"/><path d="M275.7 446.1c-13.5-6.2-17.4-35.3-18-62.5 3.3-44.8 4.3-89.7 2.9-134.5-.7-23.5.3-218-5.8-246.5 4.2 9.6 9 19 14.5 28 14.3 22.4 70.6 54.1 97.5 173.1 21 122.8-43.6 209.6-91.1 242.4" style="fill:#12924f"/></svg>
\ No newline at end of file
diff --git a/packages/ui/assets/databases/mysql.svg b/packages/ui/assets/databases/mysql.svg
deleted file mode 100644
index 853c55f..0000000
--- a/packages/ui/assets/databases/mysql.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="800" width="1200" viewBox="-58.46985 -50.32625 506.7387 301.9575"><path d="M0 183.354h12.842v-50.711l19.88 44.208c2.346 5.35 5.557 7.244 11.854 7.244 6.298 0 9.385-1.893 11.732-7.244l19.88-44.208v50.71H89.03v-50.627c0-4.94-1.976-7.327-6.05-8.561-9.755-3.046-16.3-.412-19.264 6.174l-19.51 43.63-18.892-43.63c-2.84-6.586-9.508-9.22-19.263-6.174C1.976 125.399 0 127.787 0 132.725v50.629zm99.708-41.276h12.838v27.938c-.12 1.518.487 5.08 7.522 5.19 3.589.057 27.7 0 27.925 0v-33.264h12.868c.059 0-.013 45.364-.012 45.557.07 11.188-13.882 13.618-20.313 13.806h-40.55v-8.64c.072 0 40.52.009 40.622-.001 8.265-.873 7.289-4.981 7.288-6.364v-3.368H120.6c-12.7-.117-20.786-5.66-20.886-12.035-.01-.591.274-28.54-.007-28.82z" fill="#00618a"/><path d="M170.758 183.354h36.92c4.322 0 8.52-.905 11.855-2.47 5.556-2.551 8.273-6.008 8.273-10.537v-9.384c0-3.705-3.087-7.163-9.138-9.467-3.211-1.236-7.162-1.894-10.99-1.894h-15.56c-5.184 0-7.654-1.564-8.271-5.021-.124-.412-.124-.742-.124-1.153v-5.844c0-.33 0-.66.124-1.071.617-2.634 1.976-3.376 6.544-3.787.37 0 .864-.083 1.235-.083H228.3v-8.56h-36.057c-5.186 0-7.903.329-10.372 1.069-7.656 2.388-10.99 6.175-10.99 12.76v7.492c0 5.763 6.545 10.702 17.534 11.854 1.236.082 2.47.164 3.704.164h13.336c.495 0 .989 0 1.359.083 4.075.33 5.803 1.07 7.039 2.552.74.74.987 1.482.987 2.305v7.49c0 .907-.617 2.06-1.851 3.047-1.112.988-2.964 1.647-5.434 1.812-.494 0-.864.082-1.358.082h-35.44v8.56zm137.16-14.9c0 8.808 6.544 13.748 19.757 14.736 1.234.082 2.47.164 3.704.164h33.464v-8.561h-33.711c-7.532 0-10.372-1.894-10.372-6.421v-44.29h-12.842v44.372zm-71.916.449V138.38c0-7.754 5.445-12.457 16.209-13.942a24.63 24.63 0 013.465-.247h24.376c1.237 0 2.352.083 3.589.247 10.765 1.485 16.209 6.188 16.209 13.942v30.522c0 6.29-2.312 9.658-7.641 11.852l12.65 11.418h-14.911l-10.234-9.238-10.303.653h-13.735c-2.351 0-4.825-.331-7.548-1.073-8.166-2.227-12.126-6.517-12.126-13.612zm13.86-.742c0 .413.124.825.248 1.32.742 3.547 4.083 5.527 9.156 5.527h11.667l-10.717-9.675h14.91l9.348 8.438c1.722-.918 2.856-2.322 3.252-4.125.123-.412.123-.825.123-1.237v-29.285c0-.33 0-.743-.123-1.156-.743-3.3-4.084-5.196-9.033-5.196h-19.427c-5.691 0-9.403 2.475-9.403 6.352v29.037z" fill="#e48e00"/><path d="M376.14 109.88c-7.893-.214-13.923.52-19.078 2.694-1.465.618-3.801.634-4.04 2.47.805.844.93 2.104 1.57 3.142 1.23 1.992 3.309 4.661 5.163 6.061 2.026 1.53 4.114 3.165 6.286 4.49 3.863 2.355 8.176 3.7 11.896 6.06 2.192 1.391 4.37 3.143 6.509 4.713 1.057.776 1.768 1.983 3.142 2.47v-.225c-.722-.919-.908-2.183-1.571-3.143l-2.918-2.918c-2.853-3.787-6.475-7.113-10.325-9.876-3.07-2.204-9.942-5.18-11.223-8.754l-.225-.225c2.177-.245 4.726-1.033 6.735-1.57 3.375-.906 6.39-.672 9.876-1.572 1.57-.449 3.142-.899 4.714-1.347v-.898c-1.762-1.808-3.018-4.2-4.94-5.836-5.025-4.28-10.511-8.556-16.16-12.121-3.133-1.978-7.005-3.263-10.325-4.939-1.117-.563-3.08-.856-3.817-1.796-1.744-2.223-2.694-5.042-4.04-7.632-2.817-5.425-5.584-11.351-8.08-17.06-1.703-3.892-2.815-7.73-4.938-11.223-10.192-16.757-21.163-26.87-38.158-36.812-3.616-2.114-7.97-2.95-12.571-4.04l-7.407-.45c-1.507-.63-3.075-2.473-4.49-3.367-5.63-3.556-20.07-11.293-24.24-1.122-2.633 6.42 3.935 12.685 6.284 15.938 1.649 2.282 3.76 4.84 4.938 7.407.775 1.687.909 3.378 1.572 5.163 1.632 4.397 3.05 9.18 5.162 13.243 1.067 2.056 2.243 4.222 3.592 6.06.827 1.129 2.244 1.626 2.468 3.368-1.386 1.94-1.465 4.95-2.244 7.407-3.508 11.062-2.185 24.81 2.918 32.997 1.566 2.513 5.254 7.903 10.325 5.836 4.436-1.807 3.445-7.406 4.714-12.345.287-1.12.11-1.944.673-2.694v.225l4.04 8.08c2.99 4.815 8.298 9.848 12.795 13.244 2.332 1.761 4.168 4.806 7.183 5.836v-.225h-.225c-.584-.91-1.498-1.288-2.244-2.02-1.757-1.722-3.71-3.863-5.163-5.836-4.09-5.553-7.705-11.63-10.998-17.957-1.573-3.02-2.94-6.354-4.266-9.428-.511-1.185-.505-2.977-1.57-3.592-1.452 2.253-3.591 4.075-4.714 6.735-1.796 4.252-2.028 9.437-2.693 14.814-.394.141-.22.044-.45.224-3.126-.754-4.225-3.972-5.386-6.733-2.94-6.982-3.485-18.225-.9-26.262.67-2.08 3.694-8.63 2.47-10.55-.584-1.917-2.512-3.026-3.591-4.49-1.335-1.811-2.668-4.195-3.592-6.286-2.405-5.444-3.528-11.555-6.06-17.058-1.21-2.631-3.257-5.293-4.938-7.632-1.861-2.59-3.945-4.5-5.387-7.633-.513-1.113-1.21-2.895-.45-4.04.243-.772.584-1.095 1.348-1.347 1.302-1.003 4.928.334 6.284.898 3.6 1.495 6.604 2.919 9.653 4.938 1.464.971 2.944 2.848 4.713 3.368h2.02c3.16.726 6.7.225 9.652 1.122 5.218 1.586 9.894 4.052 14.14 6.734 12.939 8.169 23.517 19.798 30.753 33.67 1.164 2.233 1.668 4.365 2.693 6.734 2.069 4.778 4.675 9.694 6.733 14.366 2.054 4.66 4.056 9.365 6.959 13.244 1.527 2.039 7.422 3.133 10.1 4.264 1.879.794 4.956 1.621 6.735 2.693 3.398 2.05 6.69 4.49 9.877 6.735 1.593 1.122 6.489 3.583 6.733 5.611z" fill="#00618a"/><path d="M275.807 24.359c-1.646-.03-2.81.18-4.041.448v.225h.225c.785 1.613 2.17 2.651 3.142 4.04a6815.3 6815.3 0 002.245 4.714l.224-.224c1.39-.98 2.027-2.547 2.02-4.938-.557-.586-.64-1.322-1.122-2.021-.642-.932-1.884-1.46-2.693-2.244z" fill="#00618a" fill-rule="evenodd"/><path d="M370.87 174.549c0 5.654 4.468 9.464 9.465 9.464s9.464-3.81 9.464-9.464c0-5.653-4.467-9.463-9.464-9.463-4.997 0-9.464 3.81-9.464 9.463zm16.809 0c0 4.29-3.28 7.496-7.344 7.496-4.113 0-7.344-3.206-7.344-7.496 0-4.29 3.23-7.496 7.344-7.496 4.064 0 7.344 3.206 7.344 7.496zm-4.794 5.4h2.119l-3.103-4.743c1.665-.177 2.926-.985 2.926-2.953 0-2.196-1.387-3.104-4.062-3.104h-4.215v10.8h1.817v-4.668h1.69l2.828 4.669zm-4.518-6.182v-3.104h2.094c1.086 0 2.398.202 2.398 1.464 0 1.513-1.186 1.64-2.55 1.64h-1.942z" fill="#e48e00" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/ui/assets/databases/oceanbase.svg b/packages/ui/assets/databases/oceanbase.svg
deleted file mode 100644
index 2ace405..0000000
--- a/packages/ui/assets/databases/oceanbase.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" class="icon" viewBox="0 0 1024 1024"><path fill="#0181fd" d="M906.598 322.509v265.113a791.9 791.9 0 0 0-333.516 39.783 1051.55 1051.55 0 0 1-418.919 54.886V416.768c96.205 9.216 195.687.82 293.53-27.034 13.21-3.788 26.726-8.09 39.936-12.39a1055 1055 0 0 1 419.225-54.886h-.256z"/><path fill="#ffa005" d="M496.589 256a591 591 0 0 1-44.851 17.05c-7.066 2.406-14.08 4.608-21.35 7.014-5.684 1.638-11.367 3.533-17.306 5.12-86.784 24.064-174.592 30.566-259.482 21.094v88.628a770.3 770.3 0 0 0 303.77-31.079l22.732-7.27a762 762 0 0 0 43.52-16.487L496.332 256z"/><path fill="#07c846" d="M563.866 748.39a616 616 0 0 1 44.902-17.05c7.014-2.406 14.029-4.607 21.35-7.014 5.632-1.587 11.316-3.481 17.255-5.12a685.6 685.6 0 0 1 259.481-21.094v-88.627a770.3 770.3 0 0 0-286.72 25.958c-5.734 1.587-11.417 3.226-17.05 5.12l-22.732 7.27a762 762 0 0 0-43.52 16.487l27.34 84.07z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/assets/databases/opengauss.svg b/packages/ui/assets/databases/opengauss.svg
deleted file mode 100644
index 6f46971..0000000
--- a/packages/ui/assets/databases/opengauss.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" class="icon" viewBox="0 0 1024 1024"><path fill="#1f80c4" d="M158.208 333.005a20.5 20.5 0 0 0-3.942 8.601h-.154v84.122a19.87 19.87 0 0 0 11.366 16.691l269.364 158.26a136.45 136.45 0 0 0 125.49 0l269.569-157.697a19.92 19.92 0 0 0 11.366-16.742l1.024-83.968-217.293-116.838-160.41 92.979a19.35 19.35 0 0 0-11.366 16.691v83.814c2.1 5.888 6.144 10.957 11.367 14.336 2.56-35.84 42.496-58.265 42.496-58.265l116.94-66.765 152.577 82.893-216.27 128.307a137.47 137.47 0 0 1-125.44 0l-226.508-133.58 226.406-133.53a126.4 126.4 0 0 1 62.823-15.207V153.6a126.8 126.8 0 0 0-62.823 15.155l-269.312 158.31a20.5 20.5 0 0 0-7.321 5.94zm679.117 236.851a19.87 19.87 0 0 0 3.43-9.882l-.358-83.302a19.87 19.87 0 0 1-11.367 16.691L560.026 651.571a136.45 136.45 0 0 1-125.543 0L164.966 492.75a19.87 19.87 0 0 1-11.366-16.743v83.456a19.87 19.87 0 0 0 11.366 16.692l269.517 158.412a137.42 137.42 0 0 0 125.543 0l269.312-157.9a19.87 19.87 0 0 0 7.987-6.81m3.43 119.654a19.87 19.87 0 0 1-11.366 16.692L560.026 863.949a136.45 136.45 0 0 1-125.543 0L164.966 705.74a19.87 19.87 0 0 1-11.366-16.794v-83.456a19.71 19.71 0 0 0 11.366 16.691l269.517 158.413a137.47 137.47 0 0 0 125.543 0l269.004-157.9a19.56 19.56 0 0 0 11.367-16.692l.358 83.456z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/assets/databases/oracle.svg b/packages/ui/assets/databases/oracle.svg
deleted file mode 100644
index f5449b2..0000000
--- a/packages/ui/assets/databases/oracle.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Oracle</title><path fill="#C74634" d="M16.412 4.412h-8.82a7.588 7.588 0 0 0-.008 15.176h8.828a7.588 7.588 0 0 0 0-15.176zm-.193 12.502H7.786a4.915 4.915 0 0 1 0-9.828h8.433a4.914 4.914 0 1 1 0 9.828z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/assets/databases/polardb.png b/packages/ui/assets/databases/polardb.png
deleted file mode 100644
index 197ba75..0000000
Binary files a/packages/ui/assets/databases/polardb.png and /dev/null differ
diff --git a/packages/ui/assets/databases/postgresql.svg b/packages/ui/assets/databases/postgresql.svg
deleted file mode 100644
index abacb8f..0000000
--- a/packages/ui/assets/databases/postgresql.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 512 512"><style>.st2{fill:none;stroke:#fff;stroke-width:12.4651;stroke-linecap:round;stroke-linejoin:round}</style><g id="Layer_x0020_3"><path d="M378.5 372.5c3.2-26.9 2.3-30.8 22.3-26.5l5.1.4c15.4.7 35.5-2.5 47.4-8 25.5-11.8 40.6-31.5 15.5-26.4-57.3 11.8-61.2-7.6-61.2-7.6 60.5-89.7 85.8-203.6 63.9-231.5C411.9-3 308.8 33 307.1 33.9l-.5.1c-11.3-2.3-24-3.8-38.2-4-25.9-.4-45.6 6.8-60.5 18.1 0 0-183.8-75.7-175.2 95.2 1.8 36.4 52.1 275.2 112.1 203 21.9-26.4 43.1-48.7 43.1-48.7 10.5 7 23.1 10.6 36.3 9.3l1-.9c-.3 3.3-.2 6.5.4 10.3-15.5 17.3-10.9 20.3-41.8 26.7-31.3 6.4-12.9 17.9-.9 20.9 14.5 3.6 48.2 8.8 70.9-23l-.9 3.6c6.1 4.9 5.7 34.9 6.5 56.3.9 21.4 2.3 41.5 6.7 53.3s9.5 42.2 50.1 33.5c34-7.3 59.9-17.7 62.3-115.1" style="stroke:#000;stroke-width:37.3953"/><path d="M468.7 312.1c-57.3 11.8-61.2-7.6-61.2-7.6C468 214.8 493.3 100.9 471.4 73 411.9-3 308.8 33 307.1 33.9l-.6.1c-11.3-2.3-24-3.7-38.2-4-25.9-.4-45.6 6.8-60.5 18.1 0 0-183.8-75.7-175.2 95.2 1.8 36.4 52.1 275.2 112.1 203 21.9-26.4 43.1-48.7 43.1-48.7 10.5 7 23.1 10.6 36.3 9.3l1-.9c-.3 3.3-.2 6.5.4 10.3-15.5 17.3-10.9 20.3-41.8 26.7-31.3 6.4-12.9 17.9-.9 20.9 14.5 3.6 48.2 8.8 70.9-23l-.9 3.6c6.1 4.9 10.3 31.6 9.6 55.8s-1.2 40.8 3.6 53.8 9.5 42.2 50.1 33.5c33.9-7.3 51.5-26.1 54-57.6 1.7-22.4 5.7-19 5.9-39l3.2-9.5c3.6-30.3.6-40.1 21.5-35.5l5.1.4c15.4.7 35.5-2.5 47.4-8 25.5-11.7 40.5-31.4 15.5-26.3" style="fill:#336791"/><path d="M256.3 329.5c-1.6 56.4.4 113.2 5.9 126.9 5.5 13.8 17.3 40.6 58 31.9 33.9-7.3 46.3-21.4 51.6-52.4 3.9-22.9 11.6-86.4 12.5-99.4M207.6 46.9S23.7-28.3 32.2 142.7c1.8 36.4 52.1 275.2 112.1 203 21.9-26.4 41.8-47.1 41.8-47.1M306.9 33.2c-6.4 2 102.3-39.7 164.1 39.2 21.8 27.9-3.5 141.8-63.9 231.5" class="st2"/><path d="M407 303.9s3.9 19.4 61.2 7.6c25.1-5.2 10 14.5-15.5 26.4-20.9 9.7-67.7 12.2-68.5-1.2-1.9-34.7 24.8-24.2 22.8-32.8-1.7-7.8-13.6-15.5-21.5-34.5-6.9-16.7-94.3-144.4 24.2-125.5 4.3-.9-30.9-112.7-141.8-114.5S160.7 165.8 160.7 165.8" style="fill:none;stroke:#fff;stroke-width:12.4651;stroke-linecap:round;stroke-linejoin:bevel"/><path d="M225.2 315.7c-15.5 17.3-10.9 20.3-41.8 26.7-31.3 6.4-12.9 17.9-.9 20.9 14.5 3.6 48.2 8.8 70.9-23 6.9-9.7 0-25.1-9.5-29.1-4.6-2-10.8-4.4-18.7 4.5" class="st2"/><path d="M224.2 315.4c-1.6-10.2 3.3-22.2 8.6-36.4 7.9-21.2 26.1-42.4 11.5-109.7-10.8-50.1-83.6-10.4-83.6-3.6s3.3 34.5-1.2 66.7c-5.9 42 26.7 77.6 64.3 73.9" class="st2"/><path d="M206.9 164.7c-.3 2.3 4.3 8.5 10.2 9.3 6 .8 11.1-4 11.4-6.3s-4.2-4.9-10.2-5.7c-6-.9-11.1.3-11.4 2.7z" style="fill:#fff;stroke:#fff;stroke-width:4.155"/><path d="M388.4 159.9c.3 2.3-4.2 8.5-10.2 9.3s-11.1-4-11.4-6.3 4.3-4.9 10.2-5.7 11.1.4 11.4 2.7z" style="fill:#fff;stroke:#fff;stroke-width:2.0775"/><path d="M409.8 143.9c1 18.2-3.9 30.6-4.5 50-.9 28.2 13.4 60.4-8.2 92.7" class="st2"/></g></svg>
\ No newline at end of file
diff --git a/packages/ui/assets/databases/redis.svg b/packages/ui/assets/databases/redis.svg
deleted file mode 100644
index 1981b34..0000000
--- a/packages/ui/assets/databases/redis.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet" viewBox="0 0.58 256 218.59"><path fill="#912626" d="M245.97 168.943c-13.662 7.121-84.434 36.22-99.501 44.075s-23.437 7.78-35.34 2.09c-11.902-5.69-87.216-36.112-100.783-42.597C3.566 169.271 0 166.535 0 163.951v-25.876s98.05-21.345 113.879-27.024c15.828-5.679 21.32-5.884 34.79-.95 13.472 4.936 94.018 19.468 107.331 24.344l-.006 25.51c.002 2.558-3.07 5.364-10.024 8.988"/><path fill="#C6302B" d="M245.965 143.22c-13.661 7.118-84.431 36.218-99.498 44.072-15.066 7.857-23.436 7.78-35.338 2.09-11.903-5.686-87.214-36.113-100.78-42.594-13.566-6.485-13.85-10.948-.524-16.166 13.326-5.22 88.224-34.605 104.055-40.284 15.828-5.677 21.319-5.884 34.789-.948 13.471 4.934 83.819 32.935 97.13 37.81 13.316 4.881 13.827 8.9.166 16.02"/><path fill="#912626" d="M245.97 127.074c-13.662 7.122-84.434 36.22-99.501 44.078-15.067 7.853-23.437 7.777-35.34 2.087-11.903-5.687-87.216-36.112-100.783-42.597C3.566 127.402 0 124.67 0 122.085V96.206s98.05-21.344 113.879-27.023c15.828-5.679 21.32-5.885 34.79-.95C162.142 73.168 242.688 87.697 256 92.574l-.006 25.513c.002 2.557-3.07 5.363-10.024 8.987"/><path fill="#C6302B" d="M245.965 101.351c-13.661 7.12-84.431 36.218-99.498 44.075-15.066 7.854-23.436 7.777-35.338 2.087-11.903-5.686-87.214-36.112-100.78-42.594-13.566-6.483-13.85-10.947-.524-16.167C23.151 83.535 98.05 54.148 113.88 48.47c15.828-5.678 21.319-5.884 34.789-.949 13.471 4.934 83.819 32.933 97.13 37.81 13.316 4.88 13.827 8.9.166 16.02"/><path fill="#912626" d="M245.97 83.653c-13.662 7.12-84.434 36.22-99.501 44.078-15.067 7.854-23.437 7.777-35.34 2.087-11.903-5.687-87.216-36.113-100.783-42.595C3.566 83.98 0 81.247 0 78.665v-25.88s98.05-21.343 113.879-27.021c15.828-5.68 21.32-5.884 34.79-.95C162.142 29.749 242.688 44.278 256 49.155l-.006 25.512c.002 2.555-3.07 5.361-10.024 8.986"/><path fill="#C6302B" d="M245.965 57.93c-13.661 7.12-84.431 36.22-99.498 44.074-15.066 7.854-23.436 7.777-35.338 2.09C99.227 98.404 23.915 67.98 10.35 61.497-3.217 55.015-3.5 50.55 9.825 45.331 23.151 40.113 98.05 10.73 113.88 5.05c15.828-5.679 21.319-5.883 34.789-.948s83.819 32.934 97.13 37.811c13.316 4.876 13.827 8.897.166 16.017"/><path fill="#FFF" d="m159.283 32.757-22.01 2.285-4.927 11.856-7.958-13.23-25.415-2.284 18.964-6.839-5.69-10.498 17.755 6.944 16.738-5.48-4.524 10.855zm-28.251 57.518L89.955 73.238l58.86-9.035zm-56.95-50.928c17.375 0 31.46 5.46 31.46 12.194 0 6.736-14.085 12.195-31.46 12.195s-31.46-5.46-31.46-12.195c0-6.734 14.085-12.194 31.46-12.194"/><path fill="#621B1C" d="m185.295 35.998 34.836 13.766-34.806 13.753z"/><path fill="#9A2928" d="m146.755 51.243 38.54-15.245.03 27.519-3.779 1.478z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/assets/databases/sqlite.svg b/packages/ui/assets/databases/sqlite.svg
deleted file mode 100644
index dde0558..0000000
--- a/packages/ui/assets/databases/sqlite.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" role="img">
-  <title>SQLite</title>
-  <rect x="4" y="4" width="120" height="120" rx="22" fill="#E8F6FC"/>
-  <g transform="translate(8 8) scale(0.875)">
-<defs><linearGradient id="sqlite-dark-a" x1="-15.615" x2="-6.741" y1="-9.108" y2="-9.108" gradientTransform="rotate(90 -90.486 64.634) scale(9.2712)" gradientUnits="userSpaceOnUse"><stop stop-color="#B8ECFF" offset="0"/><stop stop-color="#5EC4F0" offset=".92"/><stop stop-color="#5EC4F0" offset="1"/></linearGradient></defs><path d="M69.5 99.176c-.059-.73-.094-1.2-.094-1.2S67.2 83.087 64.57 78.642c-.414-.707.043-3.594 1.207-7.88.68 1.169 3.54 6.192 4.118 7.81.648 1.824.78 2.347.78 2.347s-1.57-8.082-4.144-12.797a162.286 162.286 0 012.004-6.265c.973 1.71 3.313 5.859 3.828 7.3.102.293.192.543.27.774.023-.137.05-.274.074-.414-.59-2.504-1.75-6.86-3.336-10.082 3.52-18.328 15.531-42.824 27.84-53.754H16.9c-5.387 0-9.789 4.406-9.789 9.789v88.57c0 5.383 4.406 9.789 9.79 9.789h52.897a118.657 118.657 0 01-.297-14.652" fill="#5EC4F0"/><path d="M65.777 70.762c.68 1.168 3.54 6.188 4.117 7.809.649 1.824.781 2.347.781 2.347s-1.57-8.082-4.144-12.797a164.535 164.535 0 012.004-6.27c.887 1.567 2.922 5.169 3.652 6.872l.082-.961c-.648-2.496-1.633-5.766-2.898-8.328 3.242-16.871 13.68-38.97 24.926-50.898H16.899a6.94 6.94 0 00-6.934 6.933v82.11c17.527-6.731 38.664-12.88 56.855-12.614-.672-2.605-1.441-4.96-2.25-6.324-.414-.707.043-3.597 1.207-7.879" fill="url(#sqlite-dark-a)"/><path d="M115.95 2.781c-5.5-4.906-12.164-2.933-18.734 2.899a44.347 44.347 0 00-2.914 2.859c-11.25 11.926-21.684 34.023-24.926 50.895 1.262 2.563 2.25 5.832 2.894 8.328.168.64.32 1.242.442 1.754.285 1.207.437 1.996.437 1.996s-.101-.383-.515-1.582c-.078-.23-.168-.484-.27-.773-.043-.125-.105-.274-.172-.434-.734-1.703-2.765-5.305-3.656-6.867-.762 2.25-1.437 4.36-2.004 6.265 2.578 4.715 4.149 12.797 4.149 12.797s-.137-.523-.782-2.347c-.578-1.621-3.441-6.64-4.117-7.809-1.164 4.281-1.625 7.172-1.207 7.88.809 1.362 1.574 3.722 2.25 6.323 1.524 5.867 2.586 13.012 2.586 13.012s.031.469.094 1.2a118.653 118.653 0 00.297 14.651c.504 6.11 1.453 11.363 2.664 14.172l.828-.449c-1.781-5.535-2.504-12.793-2.188-21.156.48-12.793 3.422-28.215 8.856-44.289 9.191-24.27 21.938-43.738 33.602-53.035-10.633 9.602-25.023 40.684-29.332 52.195-4.82 12.891-8.238 24.984-10.301 36.574 3.55-10.863 15.047-15.53 15.047-15.53s5.637-6.958 12.227-16.888c-3.95.903-10.43 2.442-12.598 3.352-3.2 1.344-4.067 1.8-4.067 1.8s10.371-6.312 19.27-9.171c12.234-19.27 25.562-46.648 12.141-58.621" fill="#3BA3D8"/>
-  </g>
-</svg>
diff --git a/packages/ui/assets/databases/sqlserver.svg b/packages/ui/assets/databases/sqlserver.svg
deleted file mode 100644
index b23e83d..0000000
--- a/packages/ui/assets/databases/sqlserver.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0.03 0 633.27 511.9"><linearGradient id="a" x1="62.23" x2="62.483" y1="81.873" y2="81.873" gradientTransform="scale(115.9464 -115.9464)rotate(30.578 187.04 -69.817)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#909ca9"/><stop offset="1" style="stop-color:#ededee"/></linearGradient><path d="m429.3 163-69.9 22.8-60.8 26.9-17 4.5c-4.3 4.1-8.9 8.3-13.8 12.5-5.4 4.7-10.4 8.9-14.3 11.9-4.3 3.4-10.6 9.7-13.8 13.7-4.8 6-8.6 12.4-10.3 17.3-2.9 8.9-1.5 17.9 4.1 26.2 7.2 10.6 21.5 21.4 38.2 28.7 8.5 3.8 22.8 8.6 33.6 11.3 17.9 4.5 52.6 9.5 71.7 10.2 3.9.2 9 .2 9.3 0 .4-.3 3.4-5.9 6.8-13 11.7-23.9 20.2-46.4 24.8-65.6 2.7-11.6 4.9-27.1 6.3-45.5.4-5.1.5-22.3.2-28.1-.5-9.5-1.3-17.2-2.6-24.8-.2-1.1-.3-2.1-.2-2.2.2-.2.8-.4 9.5-2.9zm-15.9 9.4c.6 0 2.3 16.2 2.7 26.5.1 2.2.1 3.6-.1 3.6-.4 0-8.9-5-15-8.8-5.3-3.3-15.3-10-16.9-11.3-.5-.4-.5-.4 3.9-1.9 7.4-2.5 24.8-8.1 25.4-8.1m-35.6 11.7c.5 0 1.7.7 4.6 2.5 10.9 6.8 25.7 15.1 32 17.8 2 .8 2.2.5-2.3 3.6-9.6 6.6-21.6 13-36.3 19.5-2.6 1.2-4.8 2.1-4.8 2.1-.1 0 .2-1.3.6-2.9 3.5-13.2 5.6-26.5 5.7-37.2 0-5.3 0-5.3.5-5.4-.2 0-.1 0 0 0m-7.4 2.8c.3.3.1 12.2-.3 15.4-1 7.7-2.4 14.9-4.9 23-.6 2-1.1 3.6-1.2 3.7-.2.3-7.5-6.8-9.8-9.6-4.1-4.8-7.3-9.5-9.7-14.2-1.2-2.4-3.1-7-3-7.2.8-.5 28.7-11.3 28.9-11.1m-34.6 13.6c.1 0 .1 0 .2.1s.5 1 .8 1.9c1.7 4.6 5.5 11.4 8.8 15.7 3.6 4.8 8.3 9.8 12.2 13.2 1.3 1.1 2.4 2.1 2.6 2.2.3.3.4.3-8.2 3.5-10 3.8-20.9 7.6-33.4 11.6-3 1-6 1.9-8.9 2.9-.5.2-.3-.1 1.1-2.3 6.2-9.7 15.6-28.7 20.9-42.1.9-2.3 1.8-4.7 2-5.2.2-.7.5-1 1.2-1.4.2 0 .6-.1.7-.1m-10.5 4.4c.2.1-2.5 5.8-5.2 10.9-5.1 10-10.7 19.8-18.2 31.8-1.3 2.1-2.5 4-2.6 4.2-.3.4-.4.3-1.2-1.4-1.8-3.5-3.3-8.1-4.1-12.3-.8-4.1-.6-11.3.3-15.8.7-3.3.6-3.2 2.2-4 6.7-3.4 28.5-13.6 28.8-13.4m91.1 3.7v2.2c0 11.8-1.3 28-3.1 39.8-.3 2.1-.6 3.8-.6 3.8s-1.5-.4-3.3-1c-7.9-2.5-16.5-6.1-24.3-10.4-5.1-2.8-12.6-7.4-12.4-7.6.1-.1 2.3-1.2 4.9-2.6 10.4-5.4 20.3-11.2 28.9-17 3.2-2.2 8.1-5.7 9.1-6.6zm-131.1 15.6c.2 0 .2.4-.2 2.3-.2 1.4-.5 3.9-.6 5.7-.4 7.7.8 13.4 4.7 21.3 1.1 2.2 1.9 4 1.9 4-.4.3-35.4 10.6-46.4 13.6-3.3.9-6.1 1.7-6.3 1.7-.4.1-.4.1-.3-.8 1.2-7.8 7.1-17.9 15.4-26.5 5.5-5.7 9.9-9 17.4-13.3 5.4-3.1 13.7-7.7 14.3-7.9 0-.1.1-.1.1-.1m82.5 14.8c.1-.1 1.3.6 2.9 1.5 11.3 6.6 27.1 12.6 40.5 15.8l1.2.3-1.7 1c-7 3.9-30.1 13.5-53.8 22.4-3.4 1.3-6.8 2.5-7.5 2.8-.6.3-1.2.4-1.2.4 0-.1 1-1.9 2.2-4.2 6.6-12.4 13.3-27.4 16.7-37.9zm-8.4 2.7c.1.1-.4 1.2-.9 2.4-4.6 11.2-10.6 23.3-18.3 37l-3.6 6.3c-.1 0-1.6-1-3.5-2.1-11.2-6.9-21.1-15.3-27.6-23.5l-1-1.2 4.8-1.3c17.2-4.7 31.9-9.8 46.4-16 2-.9 3.7-1.6 3.7-1.6m52.2 18.3s.1 0 0 0c.1 1.2-2.6 12.1-4.9 20-1.8 6.6-3.4 11.8-6.3 20.9-1.3 4-2.4 7.3-2.4 7.3-.1 0-.4-.1-.7-.2-15.7-2.9-29.8-6.8-43-12.1-3.7-1.5-9-3.9-9.3-4.1-.1-.1 3.1-1.6 7.1-3.3 24.1-10.5 49-22.5 57.6-27.6 1-.6 1.8-.9 1.9-.9m-120.5 4.1c.1.1-6.6 9.8-16 22.9-3.3 4.6-7.1 10-8.5 12s-3.6 5.2-4.8 7.1l-2.2 3.4-2.4-2c-2.8-2.3-7.7-7.3-9.8-10-4.5-5.7-7.6-11.6-8.8-17.1-.6-2.5-.6-3.8-.1-4 .8-.2 14.9-3.5 28.1-6.6 7.3-1.7 15.9-3.7 18.9-4.4s5.5-1.3 5.6-1.3m6.7 2.6 1.7 1.9c7.6 8.5 15.4 14.8 24.8 20.3 1.7 1 3 1.8 2.9 1.9-.4.3-32.7 11.7-47.6 16.9-8.4 3-15.3 5.3-15.4 5.3s-.5-.3-1.1-.7l-1-.7 1.5-2.2c5-7.2 11.2-15.1 24.8-31.5zm42.2 30.2c.1-.1 2.4.8 5.2 1.9 6.9 2.6 12.3 4.2 19.6 6.1 9 2.3 22 4.5 29.7 5.1 1.2.1 1.8.2 1.6.4-.4.2-8.1 2.8-13.8 4.6-9.1 2.9-36.8 11-59.5 17.6-4.2 1.2-7.8 2.2-8 2.3-.5.1-2.3-.4-2.3-.6 0-.1 1.3-1.7 2.8-3.5 7.6-9.1 15.2-19.2 21.5-28.9 1.7-2.8 3.2-5 3.2-5m-9.3.2c.1.1-3.7 6.1-10.3 16.4-2.8 4.4-5.9 9.4-7 11.1s-2.6 4.3-3.5 5.8l-1.5 2.7-.8-.2c-1.9-.5-15.3-5.2-18.8-6.7-4.4-1.7-8.9-3.9-12.3-5.7-4.2-2.3-9.5-5.7-9.1-5.8.1-.1 7.3-2 16.1-4.4 23.2-6.3 36-9.9 44.4-12.6 1.4-.2 2.8-.6 2.8-.6m65.8 15.5c.3.5-8.3 24.3-11.4 31.8-.7 1.7-.9 2.1-1.3 2.1-.9-.1-13.3-1.8-20.9-2.9-13.2-2-35.3-5.9-40.8-7.1l-1.3-.3 7.9-1.8c16.9-3.8 25.1-5.9 33.3-8.4 10.4-3.2 20.7-7.1 31.1-12 1.7-.8 3-1.4 3.4-1.4" style="fill:url(#a)"/><linearGradient id="b" x1="61.44" x2="61.693" y1="73.151" y2="73.151" gradientTransform="matrix(80.3196 0 0 -80.3196 -4653.717 5908.5)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#939fab"/><stop offset="1" style="stop-color:#dcdee1"/></linearGradient><path d="M357.2 0c-1.2-.2-19.9 6.6-32 11.5-16.3 6.7-29 13-36.8 18.5-2.9 2.1-6.6 5.7-7.1 7.1-.2.5-.3 1.2-.3 1.8l7.1 6.7L305 51l40.1 7.2 45.9 7.9.5-4c-.2 0-.3-.1-.4-.1l-6-1-1.2-2.2c-6.2-11-13.1-24.6-17.1-33.8-3.1-7.1-6.1-15.4-7.7-21.3-1.2-3.4-1.3-3.6-1.9-3.7m-.8 2.7c.1.1.3 1.5.5 3.3.9 7.4 2.5 14.5 5.1 22.3 2 5.8 2 5.5-.3 4.8-5.4-1.5-29.5-5.7-47-8.1-2.8-.4-5.2-.7-5.2-.8-.2-.2 12.6-6.9 18.3-9.6C335 11.3 354.9 3 356.4 2.7m-51 23.7 2.1.7c11.2 3.8 39.4 9.2 54.9 10.5 1.7.2 3.2.3 3.3.3.1.1-1.4.8-3.3 1.7-7.5 3.8-15.8 8.4-21.5 11.9-1.7 1.1-3.2 1.9-3.4 1.9s-1.3-.2-2.5-.4l-2.1-.3-5.3-5.2c-9.3-9-16.6-16-19.4-18.7zm-2.1 1.6 7.5 9.3c4.1 5.1 8.2 10.1 9.1 11.3.9 1.1 1.6 2 1.6 2.1-.2.2-10.8-1.9-16.4-3.2-5.8-1.3-8.1-2-11.7-3.1l-2.9-1v-.7c.1-3.5 4.5-8.8 12.2-14.2zm63.4 12.7c.2 0 .5.5 1.1 1.9 1.8 4 7.4 14.6 8.8 16.7.4.7 1.2.7-6.3-.5-17.9-2.9-23.7-3.9-23.7-4s.5-.4 1.2-.8c5.6-3.1 11.2-7 16.1-11.2 1.2-1 2.3-2 2.5-2.1z" style="fill:url(#b)"/><radialGradient id="c" cx="62.555" cy="82.145" r=".146" gradientTransform="matrix(-177.6748 -26.6887 -53.9771 355.3494 15932.146 -27394.307)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#ee352c"/><stop offset="1" style="stop-color:#a91d22"/></radialGradient><path d="M281.6 36.4s-1.2 1.9-.1 4.6c.7 1.7 2.7 3.8 5 5.9 0 0 23.5 22.9 26.4 26.2 13 15 18.7 29.8 19.2 50.2.3 13.1-2.2 24.6-8.4 38-11 24-34.2 50.5-70 79.9l5.2-1.7c3.4-2.5 8-5.2 18.8-11.2 24.9-13.6 52.9-26.2 87.3-39.1 49.5-18.6 130.8-40.4 177.1-47.5l4.8-.7-.7-1.2c-4.2-6.6-7.1-10.6-10.6-15-10.1-12.6-22.5-22.8-37.5-31.2C477.4 82 450.6 73 416.6 66.3c-6.4-1.3-20.5-3.7-31.9-5.4-24.2-3.8-39.9-6.3-57.1-9.3-6.2-1.1-15.4-2.6-21.6-4-3.2-.7-9.3-2.1-14-3.8-3.7-1.4-9.2-2.9-10.4-7.4m13.6 13.2c.1-.1.9.3 2 .6 2 .7 4.6 1.5 7.7 2.3 2.3.6 4.6 1.3 7 1.9 3.2.8 5.8 1.5 5.9 1.5.4.4 5.7 17.4 7.5 24 .7 2.5 1.2 4.6 1.2 4.6-.1.1-.6-.8-1.3-2.1-6.2-10.9-16-21.9-27.3-30.8-1.6-1-2.7-1.9-2.7-2m26 7.2c.3 0 1.4.2 2.9.5 9 2 25.1 5.1 35.4 6.8 1.7.3 3.1.6 3.1.7s-.6.5-1.4.9c-1.7.9-8.8 5.1-11.1 6.7-5.9 3.9-11.2 8.1-15 11.9-1.5 1.5-2.9 2.8-2.9 2.8s-.3-.9-.6-2c-1.9-7.3-5.9-18.2-9.5-25.9-.4-1.2-.9-2.3-.9-2.4 0 .1 0 0 0 0m45.8 8.8c.3.1.8 1.9 1.9 5.9 2 7.7 2.9 16.2 2.5 24.2-.1 2.2-.2 4.3-.3 4.5l-.2.5-2.7-.9c-5.7-1.8-14.9-4.5-22.7-6.7-4.5-1.2-8.1-2.3-8.1-2.4 0-.3 6.6-6.9 9.4-9.4 5.3-4.7 19.7-15.9 20.2-15.7m3.7.5c.2-.2 21.9 3.6 31.8 5.5 7.3 1.4 18 3.6 18.7 3.9.3.1-.8.7-4.3 2.3-14 6.3-24.3 11.9-34.6 18.8-2.7 1.8-5 3.3-5 3.3-.1 0-.1-1.5-.1-3.4 0-10-2-20.2-5.7-28.8-.6-.8-.9-1.6-.8-1.6m56.2 11.1c.2.2-.5 4.4-1.2 7-1.9 7.9-7 19.6-13.3 30.6-1.1 2-2.1 3.5-2.2 3.6s-1.5-.7-3.2-1.7c-6.1-3.6-13.1-7-20.7-10.1-2.1-.9-4-1.6-4-1.7-.4-.3 16.7-11.6 25.6-17 7.1-4.5 18.7-10.9 19-10.7m4 .6c.5 0 10.1 2.6 15.1 4.1 12.4 3.7 26.7 8.9 36 13.2l3.9 1.7-2.7.6c-22.7 5.2-42.2 11.3-60.9 18.9-1.5.6-2.9 1.2-3 1.2s.4-1.2 1.1-2.7c5.7-12 9.3-24.5 10.2-35.2 0-1 .1-1.8.3-1.8m-95.8 22c.2-.2 7.5 1.6 11.5 2.7 6 1.7 18.8 6 18.8 6.3 0 .1-1.4 1.3-3.1 2.7-6.9 5.8-13.6 11.8-21.6 19.6-2.4 2.3-4.4 4.1-4.5 4.1s-.2-.3-.1-.7c1.2-8.9 1-20.3-.7-31.9-.2-1.5-.4-2.7-.3-2.8m154.4.2c.1.1-3.4 5.6-5.6 8.7-3.2 4.5-7.8 10.6-18.3 23.8-5.5 7-11.8 14.9-13.8 17.5-2.1 2.6-3.9 4.9-3.9 4.9-.1 0-.7-1-1.5-2.1-5.9-8.9-13-16.7-21.4-23.6-1.6-1.3-3.3-2.7-3.9-3.2-.6-.4-1.1-.8-1.1-.9 0-.2 9-4 15.8-6.8 11.9-4.9 28.2-10.7 40.4-14.4 6.4-2.1 13.2-4 13.3-3.9m4.1 1c.2-.1 1.5.6 3 1.5 12.8 7.3 25.4 16.8 35.4 26.5 2.8 2.7 9.7 9.9 9.6 10 0 0-2.4.2-5.3.4-22.3 1.7-50.7 6.4-78.1 13-1.9.4-3.5.8-3.6.8s2-2.1 4.5-4.5c16.1-15.5 23.4-25.3 32.1-42.7 1.2-2.6 2.3-4.8 2.4-5q-.15 0 0 0m-117.8 12.1c.7.2 7.6 3.4 12.8 6 4.8 2.4 11.9 6.2 12.3 6.5.1.1-2.5 1.4-5.6 2.9-9.9 5-18.4 9.7-27.3 15.1-2.5 1.5-4.7 2.8-4.7 2.8-.2 0-.2-.2 1.3-2.8 4.8-8.7 8.6-19 10.7-29.1.2-.9.4-1.4.5-1.4m-6.8 1.2c.2.2-1.6 6.7-2.7 10.2-2.2 6.7-5.8 15.1-9.4 21.5-.8 1.5-2.1 3.6-2.8 4.9l-1.3 2.1-3-2.9c-3.4-3.3-6.2-5.4-9.8-7.2-1.4-.7-2.5-1.4-2.5-1.5 0-.4 9-8.6 16-14.5 4.9-4.3 15.3-12.7 15.5-12.6m42 17.3 2.6 1.7c5.9 3.9 12.9 9 18.2 13.5 3 2.5 8.8 7.7 10 9l.6.7-4.3 1.2c-24.2 6.7-42.9 12.7-64.8 20.7-2.4.9-4.5 1.6-4.7 1.6-.3 0-.6.3 4.9-4.8 14-12.8 26.3-27 35.5-40.8zm-11 2.8c.1.1-7.1 10.3-11.5 16.1-5.2 6.9-14.4 18.4-20.7 25.9-2.6 3.1-4.9 5.7-5 5.8-.2.1-.2-.7-.2-2 0-6.4-1.6-13.2-4.5-19-1.2-2.4-1.4-3-1.2-3.3 1-.9 16.4-9.7 26.1-14.9 6.5-3.5 16.8-8.7 17-8.6m-66.9 16.4c.2 0 1.4.6 2.7 1.4 3.4 1.8 6.4 3.9 9.1 6.1.1.1-1.3 1.2-3.1 2.5-5 3.6-12.6 9.4-17.1 12.9-4.7 3.7-4.8 3.8-4.3 3 3.5-5.3 5.2-8.4 7.1-12.2 1.6-3.4 3.3-7.5 4.4-11 .6-1.6 1.1-2.7 1.2-2.7m17.9 13.9c.3-.1.6.4 2 2.5 3 4.5 5.3 10.5 5.9 15.4l.1 1.1-7.2 2.8c-13 5-24.9 10-33 13.7-2.3 1.1-6.2 3-8.8 4.2-2.6 1.3-4.7 2.3-4.7 2.3 0-.1 1.6-1.3 3.6-2.7 15.8-11.5 29.5-24.1 39.8-36.6 1.1-1.3 2.1-2.5 2.2-2.6zm-8.2 2c.2.2-5.8 7-9.9 11.2-10.2 10.4-20.3 18.6-32.8 26.5-1.6 1-3 1.9-3.2 2-.4.2.1-.3 5.6-6.3 3.5-3.8 6.1-6.9 9.1-10.8 2-2.6 2.4-3 5.3-5 7.7-5.6 25.6-17.8 25.9-17.6" style="fill:url(#c)"/><path d="M113.8 385.6c-1 0-2 .1-2.9.1-19.7 1-33 9.7-40.7 26.6-6.6 15.3-5.9 35.3.1 50.7 7 15.1 18.2 23 37 26 4 .7 6.6 2.8 14.3 11.8l9.5 11.1h17.2l-11.4-11.5c-6.3-6.3-11.4-11.8-11.4-12.3s2.4-1.5 5.3-2.4c9.6-2.9 17.7-10.4 23.3-21.8 4.5-9.2 5.2-12 5.8-23.4 1.7-33.9-16.2-55.1-46.1-54.9m15.1 88.8c-8.4 4-20.5 4.9-28.4 2-8.2-3-16.1-11.5-19.7-21.2-4-10.5-3.4-30 1.1-38.7 7.3-13.9 16.9-20.3 31-20.3 20.9 0 32.8 12.8 34.3 36.9 1.3 20-5.4 35.1-18.3 41.3m296.9-59.8c-7.2 0-12.7 2.9-16.4 8.7l-2.9 4.6V416H394v71h12.5v-22.7c0-20.7.3-23.2 3.2-28.8 4-7.8 10.9-11.7 17.5-9.8l4.5 1.3v-12.3zm-73.3-.6c-2.4 0-5 .3-7.6.9-16.7 4.4-26.1 20.3-25.5 36.8 0 13.8 2.7 20.7 9.3 27.9 13.6 11.2 25.9 12.1 42.5 6.1 2.8-1.2 5.9-2.6 5.9-2.6v-11.2l-5.9 3.1c-13.4 5.9-23.6 5.9-31.7-1-5.2-5.3-7.5-11.6-8.5-18.8h50.3v-9.6c0-19.6-11.7-31.9-28.8-31.6m-20.3 31.1s1.9-12.2 8.8-16.9c3.3-2.3 7.1-3.5 10.9-3.5 3.7 0 7.5 1.2 10.5 3.6 6.3 4.9 7.4 16.8 7.4 16.8zM31.4 432.3c-13.5-8.2-19.5-14.1-18.8-21.1 2.1-19.3 25.9-16.6 39.1-9.3l.1-13s-7.3-3.2-17.7-3.3c-16-.2-26.4 5-31.3 15.7-7.1 15.8-.8 27.7 22 41 12.8 7.5 18.5 13.9 18.5 21 0 14.6-17.6 19.7-35.7 10.5-3.7-1.9-6.9-3.4-7.1-3.4-.7 4.1-.3 14-.3 14s5.6 2.3 13.9 4c20.7 4.1 39.6-5.6 41.4-21.4 1.6-14.8-3.8-22.6-24.1-34.7m504.8-18.5c-2.4 0-5 .3-7.7.9-16.7 4.4-26.1 20.3-25.4 36.8 0 13.8 2.7 20.6 9.3 27.8 13.6 11.2 25.9 12.1 42.6 6.1 2.8-1.2 5.9-2.6 5.9-2.6v-11.2l-5.9 3.1c-13.5 5.8-23.6 5.8-31.7-1.1-5.2-5.3-7.5-11.5-8.5-18.8H565v-9.6c.1-19.4-11.7-31.7-28.8-31.4m-20.3 31.1s1.9-12.2 8.8-17c3.3-2.3 7.1-3.5 10.8-3.5s7.5 1.2 10.5 3.6c6.3 4.9 7.4 16.9 7.4 16.9zm-228.7-12.5c-13.5-8.2-19.5-14.1-18.8-21.1 2.1-19.3 25.9-16.6 39.1-9.3l.1-13s-7.3-3.2-17.7-3.3c-16-.2-26.4 5-31.3 15.7-7.1 15.8-.7 27.7 22 41 12.8 7.5 18.5 13.8 18.5 20.9 0 14.6-17.6 19.8-35.7 10.5-3.7-1.9-6.9-3.4-7.1-3.4-.7 4.1-.3 14-.3 14s5.5 2.3 13.8 4c20.8 4.1 39.6-5.6 41.4-21.4 1.6-14.6-3.7-22.4-24-34.6m322.4-17.9c-7.2 0-12.8 2.9-16.4 8.7l-2.9 4.5v-11.8h-12.5v71h12.5v-22.7c0-20.7.2-23.2 3.2-28.8 4-7.8 10.9-11.7 17.5-9.8l4.5 1.3v-12.3zM188 432v-45.2h-12.6V487h52.9v-11.8H188zm290.9 14.1-10.4 27-10-27.1-10.1-30.1h-12.9c8.3 23.7 17.4 47.7 26.6 71 4 .1 7.9 0 11.9 0l14-35.2 14.3-35.9H490c0 .1-5.5 14.4-11.1 30.3M217 359.5c2 0 3.7-.6 5.1-2s2.1-3 2.1-5-.7-3.7-2.1-5-3-2-5-2-3.7.7-5.1 2c-1.4 1.4-2 3.1-2 5 0 2 .7 3.7 2 5 1.3 1.4 2.9 2 5 2m-4.5-11.5c1.2-1.2 2.7-1.8 4.6-1.8 1.8 0 3.2.6 4.5 1.8 1.2 1.2 1.9 2.7 1.9 4.5s-.7 3.3-1.9 4.5q-1.8 1.8-4.5 1.8t-4.5-1.8c-1.2-1.2-1.9-2.7-1.9-4.5q0-2.7 1.8-4.5m3 5.1h.8c.6 0 1.1.6 1.6 1.6l1 2.2h1.5l-1.2-2.4c-.5-1-1-1.5-1.5-1.7.7-.2 1.3-.4 1.7-.9.4-.4.6-1 .6-1.6 0-.7-.2-1.3-.7-1.7-.6-.5-1.4-.7-2.6-.7h-2.6v9.1h1.3v-3.8zm0-4.2h1.1c.8 0 1.4.2 1.7.4s.4.6.4 1.1c0 1-.7 1.5-1.9 1.5h-1.4zM7.7 352.3c0-3.2-.1-5.5-.2-6.9h.1c.3 1.6.7 2.9 1 3.7l12.1 27h2l12.1-27.2c.3-.7.7-1.9 1.1-3.4h.1q-.3 4.05-.3 6.9v23.8h4.1v-35.4h-5.2l-11.1 24.6c-.4 1-1 2.4-1.7 4.4h-.2c-.2-1-.8-2.4-1.6-4.2L9.2 340.7H3.7v35.4h4zm41.2.1h3.6v22h-3.6zm1.8-8.1c.7 0 1.4-.3 1.9-.7.5-.5.8-1.1.8-1.9 0-.7-.2-1.4-.8-1.9-.5-.5-1.1-.7-1.9-.7-.7 0-1.4.3-1.9.7-.5.5-.8 1.1-.8 1.9s.3 1.4.8 1.9 1.1.7 1.9.7m27.2 30.6V371c-2 1.5-4.1 2.2-6.2 2.2-2.6 0-4.7-.9-6.3-2.6-1.5-1.7-2.3-4-2.3-7 0-3.1.8-5.5 2.5-7.4q2.4-2.7 6.3-2.7c2.1 0 4.1.7 6 2v-4.1c-1.7-.9-3.6-1.3-5.8-1.3-4.1 0-7.2 1.3-9.6 3.8-2.3 2.5-3.5 5.9-3.5 10 0 3.7 1 6.7 3.2 9.1 2.3 2.4 5.2 3.6 8.8 3.6 2.7 0 4.9-.5 6.9-1.7m10.2-11.7c0-2.9.7-5.3 1.9-6.9 1.1-1.5 2.5-2.2 4.1-2.2 1.4 0 2.4.3 3.1.8v-4.2q-.9-.3-2.4-.3c-1.5 0-2.8.5-3.9 1.4-1.2 1-2.2 2.4-2.7 4.3H88v-5.2h-4v25.3h4zm23.2 13.4c3.8 0 6.9-1.2 9.2-3.7 2.3-2.4 3.4-5.7 3.4-9.7 0-4.1-1-7.3-3.2-9.6-2.1-2.3-5-3.5-8.8-3.5s-6.9 1.1-9.2 3.3c-2.4 2.4-3.7 5.8-3.7 10.2 0 3.8 1 7 3.2 9.3 2.3 2.5 5.3 3.7 9.1 3.7m-5.7-20.5c1.5-1.6 3.6-2.4 6.1-2.4q3.9 0 6 2.4c1.5 1.7 2.2 4.1 2.2 7.4 0 3.1-.7 5.5-2 7.1-1.4 1.7-3.4 2.6-6.1 2.6-2.6 0-4.6-.9-6.2-2.6-1.5-1.7-2.3-4.1-2.3-7.1-.1-3.1.7-5.7 2.3-7.4m36 18.3c1.5-1.4 2.4-3.1 2.4-5.2 0-1.9-.7-3.4-1.9-4.6-1-1-2.5-1.9-4.7-2.8-2-.8-3.2-1.5-3.8-2.1s-1-1.5-1-2.6c0-1 .4-1.9 1.2-2.5s1.9-1 3.3-1c2.2 0 4.1.6 5.8 1.8v-4.1q-2.4-1.2-5.4-1.2c-2.6 0-4.8.7-6.4 2.1-1.7 1.4-2.5 3.2-2.5 5.3 0 1.9.6 3.4 1.6 4.5.9 1 2.4 2 4.5 2.8 2 .9 3.4 1.7 4.1 2.3.7.7 1 1.5 1 2.4q0 3.6-4.8 3.6-3.6 0-6.6-2.4v4.4c1.8 1.1 3.9 1.5 6.2 1.5 3 0 5.4-.7 7-2.2m19.3-24.3c-3.8 0-6.9 1.1-9.2 3.3-2.4 2.4-3.7 5.8-3.7 10.2 0 3.8 1.1 7 3.2 9.3 2.3 2.4 5.3 3.7 9.1 3.7 3.9 0 6.9-1.2 9.2-3.7 2.3-2.4 3.4-5.7 3.4-9.7 0-4.1-1.1-7.3-3.2-9.6s-5.1-3.5-8.8-3.5m7.9 13.3c0 3.1-.7 5.5-2 7.1-1.4 1.7-3.4 2.6-6.1 2.6-2.6 0-4.6-.9-6.2-2.6-1.5-1.7-2.3-4.1-2.3-7.1q0-4.95 2.4-7.5c1.5-1.6 3.6-2.4 6.1-2.4q3.75 0 6 2.4c1.3 1.9 2.1 4.3 2.1 7.5m10.9 12.7h4v-21.9h5.9v-3.4h-5.9v-3.9c0-3.5 1.4-5.3 4.2-5.3 1 0 1.9.2 2.7.7v-3.7c-.7-.3-1.7-.4-2.9-.4-2.2 0-4 .7-5.4 2-1.7 1.6-2.6 3.7-2.6 6.6v4.1h-4.3v3.4h4.3zm16.6-6.9c0 4.9 2.2 7.5 6.6 7.5 1.6 0 2.8-.3 3.8-.8v-3.5c-.7.6-1.6.8-2.6.8-1.4 0-2.3-.3-2.9-1.1-.6-.7-.9-2-.9-3.6v-14.3h6.4v-3.4h-6.4v-7.5c-1.4.5-2.8.9-4.1 1.3v6.1h-4.4v3.4h4.4zm434.8 46.6c-1.4-1.3-3-2-5-2s-3.7.7-5.1 2c-1.4 1.4-2 3.1-2 5 0 2 .7 3.7 2 5 1.4 1.3 3.1 2 5.1 2s3.7-.7 5.1-2c1.4-1.4 2.1-3 2.1-5-.1-2.1-.8-3.7-2.2-5m-.6 9.5q-1.8 1.8-4.5 1.8c-1.8 0-3.2-.6-4.5-1.8a6.42 6.42 0 0 1-1.9-4.6c0-1.8.6-3.2 1.8-4.5q1.8-1.8 4.5-1.8c1.8 0 3.2.6 4.5 1.8 1.2 1.2 1.9 2.7 1.9 4.5 0 1.9-.5 3.4-1.8 4.6m-3.7-4.1c.7-.2 1.3-.5 1.7-.9s.6-1 .6-1.6c0-.7-.2-1.3-.7-1.7-.6-.5-1.5-.7-2.6-.7h-2.6v9.1h1.3v-3.8h.8c.6 0 1.1.6 1.6 1.6l1 2.2h1.5l-1.2-2.4c-.4-1.2-.9-1.7-1.4-1.8m-.9-.8h-1.4v-3.1h1.1c.8 0 1.4.1 1.7.4.3.2.4.6.4 1.1.1 1.1-.6 1.6-1.8 1.6m-226-70.7h1.1v-9.1h3v-1.1h-7.1v1.1h3zm6.9-6.8c0-.9 0-1.6-.1-2 .1.5.2.8.3 1l3.5 7.8h.6l3.5-7.9c.1-.2.2-.6.3-1-.1.8-.1 1.5-.1 2v6.9h1.2v-10.2h-1.5l-3.2 7c-.1.3-.3.7-.5 1.3h-.1c-.1-.3-.2-.7-.5-1.2l-3.2-7.1h-1.6v10.2h1.1z" style="fill:#231f1f"/></svg>
\ No newline at end of file
diff --git a/packages/ui/assets/databases/tdsql.svg b/packages/ui/assets/databases/tdsql.svg
deleted file mode 100644
index 65627ff..0000000
--- a/packages/ui/assets/databases/tdsql.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0"?>
-<!-- Copyright Tencent Cloud. Sourced from TencentCloud/tencentcloud-monitor-grafana-app under Apache License 2.0. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 286.65 207.43">
-  <defs>
-    <style>.cls-1{fill:#00a3ff;}.cls-2{fill:#00c8dc;}.cls-3{fill:#006eff;}</style>
-  </defs>
-  <title>Tencent Cloud</title>
-  <g id="&#x56FE;&#x5C42;_2" data-name="&#x56FE;&#x5C42; 2">
-    <g id="&#x56FE;&#x5C42;_1-2" data-name="&#x56FE;&#x5C42; 1">
-      <path class="cls-1" d="M248.41,169.83c-5.11,5-14.21,10.79-29.16,11.3-6.91.23-15,.26-18.67.26h-80.3l57.59-55.94c2.65-2.57,8.61-8.27,13.75-12.9,11.28-10.15,21.43-12.2,28.61-12.13a40.46,40.46,0,0,1,28.18,69.41m19.23-75.5a66.15,66.15,0,0,0-47.31-20c-16.07,0-29.91,5.54-42,15.38-5.27,4.29-10.79,9.42-17.74,16.17-3.45,3.36-103.53,100.46-103.53,100.46a156.54,156.54,0,0,0,18.9,1c6,0,121,0,125.82,0,9.69,0,16,0,22.76-.5,15.53-1.13,30.21-6.83,42.07-18.48A66.49,66.49,0,0,0,267.64,94.33Z"/>
-      <path class="cls-2" d="M106.18,88.09C94.42,79.28,81.25,74.36,66.32,74.38A66.5,66.5,0,0,0,20,188.44a64.54,64.54,0,0,0,37.05,17.94l25.76-25c-4.16,0-10.14-.07-15.45-.25-14.94-.51-24-6.25-29.15-11.3a40.46,40.46,0,0,1,28.18-69.41c7,0,16.62,2,27.43,11,5.16,4.28,16.62,14.36,21.65,18.89a.62.62,0,0,0,.87,0L134.11,113a.64.64,0,0,0,0-1c-8.53-7.71-20.62-18.5-27.91-23.92"/>
-      <path class="cls-3" d="M227.3,59.36a89.08,89.08,0,0,0-172,16,65.32,65.32,0,0,1,11-.93,64.36,64.36,0,0,1,15,1.76,2.8,2.8,0,0,1,.28.06A63,63,0,0,1,200.56,62.78a.58.58,0,0,0,.7.38,76.32,76.32,0,0,1,25.14-2.62c.85.07,1.18-.41.9-1.18"/>
-    </g>
-  </g>
-</svg>
diff --git a/packages/ui/assets/databases/tidb.svg b/packages/ui/assets/databases/tidb.svg
deleted file mode 100644
index ee0b723..0000000
--- a/packages/ui/assets/databases/tidb.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" class="icon" viewBox="0 0 1024 1024"><path fill="#e80230" d="M855.654 512.154c0 56.422-.153 112.896.256 169.267 0 9.062-2.713 13.773-10.854 17.92a74510 74510 0 0 0-321.024 169.984c-7.68 3.993-13.824 4.813-22.22.358a62695 62695 0 0 0-323.84-170.7c-7.527-3.943-9.882-8.602-9.882-17.05.256-113.255.256-226.56 0-339.866 0-8.448 2.713-13.107 10.035-16.998A92518 92518 0 0 0 501.914 154.47c7.526-3.993 13.21-4.352 20.992-.256A65522 65522 0 0 0 847.462 326.4c7.783 4.096 8.295 9.267 8.295 16.538a25193 25193 0 0 0-.103 169.216M489.472 727.552V709.12c0-101.888.154-203.776-.358-305.664 0-11.622 2.713-17.971 13.363-23.194 28.774-14.182 56.832-29.696 85.248-44.697 3.174-1.946 6.246-4.096 9.216-6.349-27.648-14.643-53.402-28.672-79.616-41.83-3.482-1.741-9.728-.666-13.568 1.33a21905 21905 0 0 0-166.81 87.604c-13.517 7.168-32 11.878-38.502 23.398-6.912 12.186-2.355 31.13-2.714 47.104-.153 13.517 0 26.983 0 42.701l107.879-56.73v16.897c0 73.37 0 146.79.153 220.262 0 4.915 1.331 12.493 4.455 14.285 25.958 14.54 52.377 28.057 81.254 43.213zm85.248-22.528c4.915-2.15 8.397-3.43 11.674-5.12 20.787-11.008 41.37-22.323 62.464-32.666 8.857-4.352 12.185-9.523 12.134-19.814-.41-81.664-.205-163.328-.205-245.094 0-4.352-.46-8.704-.717-14.95-25.753 13.567-49.766 26.93-74.393 38.911-8.96 4.352-11.11 9.882-11.06 19.098.257 64.717 0 129.433 0 194.048.103 21.197.103 42.291.103 65.536v.102z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/assets/databases/zookeeper.svg b/packages/ui/assets/databases/zookeeper.svg
deleted file mode 100644
index a281bab..0000000
--- a/packages/ui/assets/databases/zookeeper.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="45.02 22.32 53.115 57.774"><style><![CDATA[.I{stroke-width:.5}.J{stroke-miterlimit:10}.K{stroke:#000}.L{fill:none}.M{fill:#f9c89a}.N{fill:#4f2e0e}.O{fill:#6d9758}.P{stroke-width:.1}]]></style><g transform="matrix(.159884 0 0 .159884 34.20631 17.28392)"><g class="K I"><ellipse cx="299.73" cy="339.813" rx="10.957" ry="5.14" fill="#331e09"/><g stroke-miterlimit="10"><path d="M217.706 319.453s4.363 18.614 4.944 24.142 11.635 8.145 12.798 1.745 5.236-22.105 5.236-22.105zm69.518 4.072s5.816 13.962 5.816 21.814 13.96 9.017 15.125 3.78 2.908-25.887 2.908-25.887z" class="M"/><path d="M234.77 336.03c-2.327.97-8.92 1.746-11.44.777s.195 9.113.97 12.217 8.92 2.52 8.92 2.52z" fill="#a15813"/></g><g class="N"><ellipse cx="220.979" cy="344.03" rx="4.872" ry="11.636"/><ellipse cx="236.249" cy="345.268" rx="5.018" ry="11.416"/></g><g stroke-miterlimit="10"><path d="M202.145 377.77L202 364.1c-.145-7.562 7.854-17.16 24.142-16.725s23.85 9.453 23.85 18.18-.728 15.707-1.6 17.452-42.6 2.327-44.2.728-2.036-5.964-2.036-5.964z" fill="#9e5613"/><path d="M202.145 389.55c-2.763-.727-3.78-3.636-3.927-6.398s2.182-5.1 3.927-5.382c1.308 1.746 3.926 2.474 6.253 2.9s32.14.727 35.63.436 4.363-2.326 4.946-3.197c2.473.87 3.5 3.488 3.635 5.96s-1.018 4.8-3.5 5.673-15.562 2.9-24.578 2.763-22.396-2.764-22.396-2.764z" class="N"/><path d="M310.638 342.43s-7.854 4.653-17.9 1.164c-6.544-.873-8.3-.873-8.145 2.327s1.02 11.926-2.035 15.56-6.255 13.1-1.6 17.452 71.988 3.927 74.607 3.2 4.218-5.382 4.218-5.382.87-9.9.58-15.124-7.562-14.834-19.925-14.397-17.45 9.162-22.978 10.325c-4.654-4.362-6.4-9.452-6.4-10.472s-.434-4.653-.434-4.653z" fill="#9e5613"/><path d="M295.585 358.355c4.363 0 7.5-1.963 7.854-6.472s-.727-6.98-3.928-7.198-7.126-.873-9.016-2.108-2.1-3.5-1.3-4.437 2.18-1.817 2.18-1.817l-.5-1.38s-7.2 2.763-6.544 10.47 4.508 12.943 11.27 12.943zm7.927-13.67c2.398.945 2.907 2.764 2.545 4.727s-1.164 7.636 2.98 7.417 5.236-8.3 4.873-11.998-2.764-7.272-3.854-8.145l-.218 1.1s.824.58.85 2.036-2.45 4.216-7.175 4.872z" class="N"/><path d="M317.473 357.556c-2.23 4.85-4.363 20.363-2.424 24.626" class="L"/><path d="M280.97 378.935s-3.346 2.036-3.054 5.234 2.763 3.928 6.4 4.8 38.103 1.9 44.356 2.18 27.632-1.3 31.268-2.763 6.836-7.854-.145-11.636c-2.765 3.055-4.945 3.637-9.454 4.22s-25.597.727-34.322.436l-31.995-.727c-2.18-.146-3.053-1.745-3.053-1.745z" class="N"/></g><g stroke-miterlimit="10" class="M"><path d="M265.554 115.412c-1.02 1.163-5.817 6.7-3.5 11.343s15.56 25.015 15.56 25.015 29.232-14.834 28.36-21.815-6.836-15.27-6.836-15.27zm71.9 105.63c.97-.97 3.1-5.72-2.618-7.466-4.556-.582-7.853 1.552-8.822 2.62s2.035 6.787 3.877 6.98 7.563-2.133 7.563-2.133z"/><path d="M341.42 226.28c.873-1.26 2.715-4.46-1.55-6.593s-9.988.098-11.442 2.327 2.424 7.175 3.2 7.175 9.792-2.9 9.792-2.9z"/><path d="M331.87 202.816l-5.38 9.454s3.005 3.927 4.168 8.87-.776 6.7.872 6.4 11.248-2.908 13.1-1.746 4.363 5.915 2.618 9.114-6.787 9.792-13.865 11.538-15.608-1.455-18.8-5.915-8.24-18.8-8.436-21.33 3.2-10.18 3.2-10.18l13.186-5.914z"/><path d="M325.035 211.542c2.423 1.357 6.303 4.363 7.27 9.502s-1.066 11.635-4.362 14.35"/><path d="M341.7 234.423s-2.328 3.298-7.758 2.52-5.04-7.562-2.424-9.404 6.786-3.296 9.6-2.812 4.167 1.745 4.167 1.745"/><path d="M334.343 228.897l2.617 4.848s-1.65 1.357-3.588.484-1.94-2.327-1.455-3.587 2.426-1.745 2.426-1.745z"/></g><g stroke-miterlimit="10" class="O"><path d="M314.466 123.992s10.764 5.672 12.5 12.653c5.235 1.745 11.392 9.428 10.8 15.052 5.623 2.327 8.12 5.587 8.12 9.27 3.104 2.715 7.744 9.678 2.12 19.76s-8.927 17.055-8.927 17.055l-22.495-1.944-1.94-6.8 10.47-19.392s-4.654-7.562-10.085-7.757c-1.356 5.817-2.714 14.155-2.714 14.155l.58 31.995-2.908 1.745-.582 7.175 7.175 14.93 2.52 2.327-6.594 10.278 1.553 2.9 8.92 21.912-.194 2.715 5.237 6.786-.195 2.908 2.9 7.175-5.624 12.798-3.5 6.98 3.297 10.083s-9.113 8.34-24.24 8.145-25.4-7.95-25.4-7.95l-2.908-1.744s3.297-19.002 2.52-29.668-3.104-26.76-3.104-30.444-.97-14.155-.97-14.155l-1.553 33.546c-.193 11.247-1.745 26.565-3.683 29.667s-4.072 4.072-4.072 4.072l2.132 3.686.582 4.458-2.327 2.9-4.267-1.165s-8.337 9.697-23.462 7.953-24.432-9.308-25.402-15.514c-3.5-2.52-3.878-4.266-3.878-4.266l9.9-11.44-5.624-3.296 4.654-8.34s3.297-8.145 3.878-10.86 2.327-9.307 2.327-9.307l-4.848.193 7.95-12.4-.58-8.533 14.542-30.83-.582-5.042-1.95-2.715-1.587-10.762 1.02-5.818s5.03-6.107 5.6-11.15-2.417-10.083-2.417-10.083l-33.98 22.3-4.87.388-13.973 6.205-3.303-1.358s-1.166-1.938-1.554-5.04-.001-17.064 1.162-19.003 3.877-1.94 3.877-1.94 4.46-.775 7.95-3.103 25.014-18.228 30.25-22.3 23.463-19.778 23.463-19.778 6.205-4.848 9.695-6 5.815-.97 5.815-.97l.195 16.677 15.706 17.8 17.065-10.23 13.574-12.604z"/><path d="M262.936 115.993l-2.327 1.455-10.036 16.724 10.9 1.02-3.927 7.562 20.65 10.907 1.744-2.036-14.98-18.47c-3.5-4.363-4.5-14.107-.582-16.725s-1.453-.437-1.453-.437"/><path d="M272.242 155.915l31.196-5.2-3.673-13.3 13.344 1.7 1.164-15.417-13.816-8.87-1.3-.145s3.346 4.363 3.5 9.744-4.798 9.453-8.87 12.943l-21.525 18.543zm21.668 10.688l20.652-6.834 2.182 11.052-19.343 12.362zm-22.297-10.325l.776 45.18-3.493 12.798-.2 12.4-.582 12.216 2.715 4.072 7.368-1.746m13.573-28.696l-11.44-.97.774 5.43 11.443 2.132z"/><path d="M310.008 209.797l-10.084 2.52 1.357 6.786 8.145-2.132m-51.386-6.786l8.726.775.386 6.98-10.276-.97zm-21.525-1.745l12.604.388-.582 7.174-11.44-1.745m4.848-55.07l-4.848 8.726 21.135 16.482 6.4-15.707zm97.342 43.483s0-6.254 1.9-8.726c-4.654-2.037-15.852-6.544-21.96-5.817-2.9 3.5-8.094 13.67-6.302 19.924 6.737-2.327 26.37-5.38 26.37-5.38zm-147.032-37.085l6.7 9.744 4.218 10.908s-2.618 3.635-5.526 4.944-13.283 5.624-13.283 5.624l-3.296-1.358s3.054-1.938 3.5-13-2.326-12.507-2.326-12.507l6.544-2.473zm98.75 102.53s4.217 14.688 10.326 24.143c3.053-2.035 24.287-3.5 29.426-3.345"/></g><g stroke-miterlimit="10"><path d="M209.174 293.566c3.878 1.018 20.312 3.344 20.312 3.344s8.872 2.182 13.67.146c2.472-5.527 9.9-31.123 9.9-31.123s-7.126-8.3-13.525-9.598-16.433-4.8-16.433-4.8" class="L"/><path d="M220.033 265.062c3.5-.437 20.796 0 30.686 7.125" class="O"/><path d="M214.797 296.862l2.764 9.647" class="L"/><path d="M209.416 312.472c6.544 4.653 23.706 13.963 46.83 3.637" class="O"/><path d="M276.025 319.308c7.997 3.198 27.775 4.07 38.103-1.745" class="L"/></g><g stroke-miterlimit="10" class="O"><path d="M310.056 315.963c10.324 3.345 25.306 3.927 27.05.3S321.64 308.7 321.64 308.7"/><path d="M302.202 309.418c12.65 1.9 26.905-.582 26.905-4.945s-19.488-3.78-19.488-3.78m3.926-53.666c4.22 5.1 7.418 9.9 11.054 11.054-8.726 1.454-29.668 5.817-32.868 9.45-1.453-3.344-2.617-5.1-4.507-6.398 3.78-5.1 26.32-14.107 26.32-14.107z"/></g><path d="M183.093 172.7c-5.236-.582-15.998-2.763-19.924-12.943-2.472-5.1-6.544-5.962-8.435-7.272-2.473-2.18-5.963-3.78-10.908-3.054s-12.798-.437-17.743-3.345-10.18-1.018-11.925 1.455-1.9 5.962-.146 7.853l2.9 3.055s-6.835 1.018-7.417 6.108 3.054 7.562 5.38 8.58 4.363 1.164 4.363 1.164-2.617 3.5-.727 6.834 6.545 4.8 6.545 4.8 2.18 3.054 4.508 3.5 16.434 1.164 16.434 1.164 5.816-2.18 9.162-2.472 11.198-.437 13.816.727 14.107 1.454 14.107 1.454 1.454-6.254 1.3-9.6-1.308-8-1.308-8z" class="J M"/></g><linearGradient id="A" gradientUnits="userSpaceOnUse" x1="103.3" y1="357.36" x2="179.524" y2="357.36"><stop offset="0" stop-color="#442b1f"/><stop offset="1" stop-color="#442b1f"/></linearGradient><path d="M162.055 327.5c-7.95.775-50.222-.582-58.754-5.624.582 29.087 8.726 54.876 13.96 60.5s21.524 10.47 38.395 10.47 27.212-5.067 22.88-11.828c-12.8-19.973-16.483-53.52-16.483-53.52z" fill="url(#A)"/><linearGradient id="B" gradientUnits="userSpaceOnUse" x1="131.029" y1="233.936" x2="143.5" y2="233.936"><stop offset="0" stop-color="#c8b091"/><stop offset=".199" stop-color="#c5a788"/><stop offset=".529" stop-color="#bc8e6e"/><stop offset=".948" stop-color="#ad6745"/><stop offset=".994" stop-color="#ab6240"/></linearGradient><path d="M143.5 363.373V104.5h-12.47l.313 222.514c0 11.053.314 19.196 1.57 23.852s5.293 10.762 7.177 11.634 3.412.873 3.412.873z" fill="url(#B)" class="J K"/><linearGradient id="C" gradientUnits="userSpaceOnUse" x1="131.998" y1="341.231" x2="142.76" y2="341.231"><stop offset="0" stop-color="#88786f"/><stop offset=".105" stop-color="#806f66"/><stop offset=".281" stop-color="#6b574c"/><stop offset=".503" stop-color="#493023"/><stop offset=".622" stop-color="#34180a"/><stop offset="1" stop-color="#3e2316"/></linearGradient><path d="M142.663 332h-10.665s0 15.88 1.357 18.207l9.405.253z" fill="url(#C)"/><g stroke-miterlimit="10" class="I K M"><path d="M127.345 163.938s-3.2 5.526-3.006 7.27 6.206.486 6.593-1.745-3.587-5.526-3.587-5.526zm3.1 25.8c2.62.145 7.417.437 9.163-1.892s5.962-4.508 5.962-7.125-.727-4.072-3.344-6.108-15.416 2.9-16.144 4.217-1.745 4.945-1.308 5.963 1.308 2.9 2.617 3.78 3.054 1.164 3.054 1.164z"/><path d="M138 178.965l3.5 2.472s3.5-2.763.292-4.8-4.072 1.018-4.072 1.018z"/><path d="M123.078 185.267c1.745.485 1.553 1.65 6.012.485s9.5-5.042 10.956-8.532-6.7-9.2-10.083-8.435-9.2 3.587-10.714 5.526-1.793 5.72-.824 7.174 4.653 3.782 4.653 3.782zm15.802-27.05c-1.066-1.55-2.132-4.654-3.5-5.527s-5.816-4.363-7.174-5.235-5.527-4.072-9.114-3.103-6.883 3.006-6.4 7.853 3.587 5.333 5.235 6.98 3.976 3.976 5.333 4.75 5.235 2.618 8.144 2.9 5.72-1.552 6.787-3.394.678-5.235.678-5.235z"/><path d="M133.162 155.3l-4.944 8.144s5.396 2 7.368-.97c2.714-4.072-2.424-7.174-2.424-7.174z"/><path d="M146.008 150.897c-4.364 1.3-15.27 11.343-17.452 16.725s-1.454 10.035 2.9 11.78 10.762-2.18 12.507-5.38 4.508-13.525 4.508-13.525m-17.054 8.3l9.792 4.944s-1.455 2.714-4.46 3.103-6.398-2.036-6.496-4.072 1.163-3.975 1.163-3.975zm14.93-.873c.97 1.745 6.302 6.787 9.2 7.078m-.862 13.185c2.036-.484 3.394-1.648 4.654-2.618"/></g><linearGradient id="D" gradientUnits="userSpaceOnUse" x1="277.188" y1="161.441" x2="284.604" y2="161.441"><stop offset="0" stop-color="#f8fb9b"/><stop offset=".126" stop-color="#f5f892"/><stop offset=".334" stop-color="#efef78"/><stop offset=".601" stop-color="#e3e14f"/><stop offset=".911" stop-color="#d4ce16"/><stop offset="1" stop-color="#cfc804"/></linearGradient><g class="K"><circle cx="280.896" cy="161.441" r="3.708" fill="url(#D)" class="I"/><circle cx="280.871" cy="161.417" r="2.908" class="L P"/></g><linearGradient id="E" gradientUnits="userSpaceOnUse" x1="276.025" y1="182.383" x2="283.44" y2="182.383"><stop offset="0" stop-color="#f8fb9b"/><stop offset=".126" stop-color="#f5f892"/><stop offset=".334" stop-color="#efef78"/><stop offset=".601" stop-color="#e3e14f"/><stop offset=".911" stop-color="#d4ce16"/><stop offset="1" stop-color="#cfc804"/></linearGradient><g class="K"><circle cx="279.733" cy="182.383" r="3.708" fill="url(#E)" class="I"/><circle cx="279.708" cy="182.358" r="2.909" class="L P"/></g><linearGradient id="F" gradientUnits="userSpaceOnUse" x1="274.86" y1="203.325" x2="282.278" y2="203.325"><stop offset="0" stop-color="#f8fb9b"/><stop offset=".126" stop-color="#f5f892"/><stop offset=".334" stop-color="#efef78"/><stop offset=".601" stop-color="#e3e14f"/><stop offset=".911" stop-color="#d4ce16"/><stop offset="1" stop-color="#cfc804"/></linearGradient><g class="K"><circle cx="278.569" cy="203.325" r="3.709" fill="url(#F)" class="I"/><circle cx="278.545" cy="203.301" r="2.909" class="L P"/><path d="M251.542 77.454l-3.2-.873s-1.745.388-1.552 1.262 1.455 1.94 1.357 3.5-.3 4.556.875 6.496 3.975 4.848 5.43 5.623 1.842-.388 1.842-.388 1.356 13.96 1.746 15.416 2.424 5.042 5.72 7.854 8.92 9.2 11.538 11.15 11.246 3.588 14.93-.194 11.635-12.507 12.507-13.768 3.393-4.266 3.297-5.43-.484-13.574-.484-14.06c.58.194 1.84-.484 2.52-1.066s4.945-5.236 4.85-7.272-1.358-7.66-.872-8.047 1.162-1.94.3-2.327-6.012 3.393-6.012 3.393-1.042-13.258-5.815-16.676-43.438-5.817-45.764-2.715-3.204 18.132-3.204 18.132z" class="I J M"/></g><path d="M258 88.797l.457 4.75-1.132-2.472-1.68-6.666-5.053-7.356L250 66.4v-2.036l14.006-4.557-4.05 6.1-3.092 9.598-.158 4.46L258 82.302z"/><path d="M309.328 71.5c10.035 6.544-3.054 4.654-13.815 1.018s-32.286-9.9-37.232-10.035 32.724-3.055 38.54-1.164 12.507 10.18 12.507 10.18z" fill="#161616" class="I J K"/><linearGradient id="G" gradientUnits="userSpaceOnUse" x1="280.96" y1="69.02" x2="280.96" y2="31.748"><stop offset=".372" stop-color="#1d2739"/><stop offset=".994" stop-color="#1d2739"/></linearGradient><g stroke-miterlimit="10" class="I K"><path d="M247.568 61.263c-12.4-6-12.4-13.767.776-22.105s37.23-8.726 48.476-5.624 28.698 14.155 26.566 25.015c-2.132 8.337-11.83 10.47-11.83 10.47z" fill="url(#G)"/><path d="M248.684 65.383l-1.456-6.544c17.9-10.617 50.9-10.908 65.735 7.126-.437 1.308-2.326 4.508-3.636 5.526-25.45-18.906-60.643-6.108-60.643-6.108z" fill="#03468b"/></g><path d="M275.007 56.657l6.688.873-.3 1.744-11.925-1.017 8.727-7.854-5.964-.3.147-1.9 10.906 1.3zm17.523-5.6c3.272 1.9 4.364 4.944 3.2 7.562s-5.382 2.835-7.198 2.254-6.037-3.345-4.072-7.708c1.308-2.544 4.798-4 8.07-2.108zm-5.94 3.288c-1.205 2.677 1.383 4.372 2.5 4.73s3.702.222 4.416-1.382.046-3.48-1.964-4.64-4.15-.268-4.95 1.294zm16.982-.007c3.012 1.603 4.454 4.764 3.977 7.76s-3.88 3.804-5.472 3.42-5.53-2.804-4.714-7.798c.6-2.936 3.196-4.987 6.2-3.382zm-4.256 4.37c-.504 3.065 1.918 4.55 2.9 4.786s3.063-.262 3.357-2.098-.6-3.777-2.44-4.763-3.435.273-3.808 2.075z" fill="#fff"/><path d="M303.187 73.48l1.277 6.787-1.8 4.945.336 5.43v2.8l1.6-2.327.663-8.144 3.045-5.526.262-3.2z"/><g stroke-miterlimit="10" class="K L"><path d="M300.7 81.624c-.97-.583-3.394-2.9-4.557-2.9s-4.364.97-5.817 1.066-5.914 1.84-6.303 2.23m-9.986.195c-.97 0-3.878-.97-4.46-1.26s-3.5-.194-3.5-.194l-2.23-1.455-3.006 2.812"/><path d="M275.782 85.016c.68.388 2.23 2.52 2.135 3.684s-1.747 12.313-1.553 12.604 3.78.872 4.267.485m2.617-1.163c.68-.097 1.552-.3 2.23.582M273.65 86.76c-1.647-3.5-8.34-3.5-10.86.098m23.367.194c.774-4.265 10.567-5.138 12.7-.872" class="I"/></g><ellipse cx="268.414" cy="86.713" rx="3.006" ry="2.375"/><ellipse cx="292.119" cy="85.744" rx="3.151" ry="2.472"/><g stroke-miterlimit="10" class="I K"><path d="M269.867 107.995c4.655 5.914 18.52 5.72 21.695-.97-1.067.3-2.752.92-2.752.92s-5.758.243-7.018.922c-.87 0-2.035.193-2.035.193s-5.72-.776-6.594-.193-3.296-.873-3.296-.873z" fill="#d8d8d8"/><path d="M288.3 112.648c-3.104 3.684-11.054 3.587-14.253.775" class="L"/></g><path d="M289.017 85.355l3.586.437-3.054 1.357c-.58-.58-.532-1.794-.532-1.794zm-23.27 1.165l3.586.437-3.053 1.358c-.582-.583-.533-1.795-.533-1.795z" fill="#fcfcfc"/><path d="M309.9 79.2c-.653 1.163-2.544 3.563-2.7 4.726s.8 4.145.728 4.727m1.162-2.183c-.146-.8-.655-2.98-1.455-3.418m-58.08-3.926c.728 1.02 4.436 4.072 4.58 5.3s-.8 3.127-.5 4.217 1.02 2.763 1.02 2.763m-2.4-3.854c-.22-1.163.072-3.7 1.162-4" class="I J K L"/></g></svg>
\ No newline at end of file
diff --git a/packages/ui/package.json b/packages/ui/package.json
deleted file mode 100644
index ad67c57..0000000
--- a/packages/ui/package.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-  "name": "@opsxdb/ui",
-  "version": "0.1.0",
-  "private": true,
-  "type": "module",
-  "main": "./src/index.ts",
-  "types": "./src/index.ts",
-  "exports": {
-    ".": "./src/index.ts"
-  },
-  "dependencies": {
-    "@codemirror/autocomplete": "^6.20.3",
-    "@codemirror/commands": "^6.11.1",
-    "@codemirror/lang-sql": "^6.10.0",
-    "@codemirror/language": "^6.12.4",
-    "@codemirror/state": "^6.7.5",
-    "@codemirror/theme-one-dark": "^6.1.3",
-    "@codemirror/view": "^6.43.12",
-    "sql-formatter": "^15.8.2",
-    "zustand": "^5.0.3"
-  },
-  "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
-  },
-  "scripts": {
-    "test": "vitest run",
-    "test:watch": "vitest"
-  },
-  "devDependencies": {
-    "@types/react": "^19.0.10",
-    "@types/react-dom": "^19.0.4",
-    "typescript": "^5.8.2",
-    "vitest": "^3.0.9"
-  }
-}
diff --git a/packages/ui/src/AiPanel.tsx b/packages/ui/src/AiPanel.tsx
deleted file mode 100644
index 06c2235..0000000
--- a/packages/ui/src/AiPanel.tsx
+++ /dev/null
@@ -1,425 +0,0 @@
-import { useEffect, useState } from "react";
-import { callAi, getAiConfig, saveAiConfig, schemaContextFor, type AiAction } from "./api";
-import { useWorkspaceStore } from "./store";
-
-const ACTIONS: { id: AiAction; label: string }[] = [
-  { id: "generate", label: "生成" },
-  { id: "explain", label: "解释" },
-  { id: "optimize", label: "优化" },
-  { id: "fix", label: "修复" },
-  { id: "dialect", label: "方言" },
-  { id: "sample", label: "样例" },
-];
-
-type ContentSeg = { kind: "text" | "code"; text: string };
-
-/** R2-F7:拆分 AI 回复中的 ``` 代码块(通常 sql);块外文本维持纯文本 */
-function splitContent(content: string): ContentSeg[] {
-  const segs: ContentSeg[] = [];
-  const re = /```[a-zA-Z]*\r?\n?([\s\S]*?)```/g;
-  let last = 0;
-  let m: RegExpExecArray | null;
-  while ((m = re.exec(content))) {
-    if (m.index > last) segs.push({ kind: "text", text: content.slice(last, m.index) });
-    segs.push({ kind: "code", text: m[1].replace(/\n$/, "") });
-    last = m.index + m[0].length;
-  }
-  if (last < content.length) segs.push({ kind: "text", text: content.slice(last) });
-  return segs.length ? segs : [{ kind: "text", text: content }];
-}
-
-/** R2-F7:等宽代码块 + 顶部「复制」「插入编辑器」小按钮 */
-function CodeBlock({ code }: { code: string }) {
-  const notify = useWorkspaceStore((s) => s.notify);
-  const copy = async () => {
-    await navigator.clipboard.writeText(code);
-    notify({ kind: "success", title: "已复制", message: "SQL 已复制", mode: "toast", durationMs: 1200 });
-  };
-  const insertToEditor = () => {
-    const st = useWorkspaceStore.getState();
-    const tab = st.tabs.find((t) => t.id === st.activeTabId);
-    const cur = tab?.sql ?? "";
-    st.updateActiveSql(cur.trim() ? `${cur.replace(/\s+$/, "")}\n\n${code}` : code);
-    notify({ kind: "success", title: "已插入编辑器", message: "SQL 已追加到当前查询", mode: "toast", durationMs: 1400 });
-  };
-  return (
-    <div className="my-1 overflow-hidden rounded border" style={{ borderColor: "var(--ops-border-soft)" }}>
-      <div
-        className="flex items-center justify-end gap-1.5 border-b px-1.5 py-0.5"
-        style={{ borderColor: "var(--ops-border-soft)" }}
-      >
-        <button
-          type="button"
-          className="text-[10px] hover:underline"
-          style={{ color: "var(--ops-accent)" }}
-          onClick={() => void copy()}
-        >
-          复制
-        </button>
-        <button
-          type="button"
-          className="text-[10px] hover:underline"
-          style={{ color: "var(--ops-accent)" }}
-          onClick={insertToEditor}
-        >
-          插入编辑器
-        </button>
-      </div>
-      <pre
-        className="m-0 overflow-auto whitespace-pre-wrap break-all px-2 py-1 font-mono"
-        style={{
-          fontSize: "var(--ops-text-xs)",
-          background: "var(--ops-editor-bg)",
-          color: "var(--ops-text)",
-        }}
-      >
-        {code}
-      </pre>
-    </div>
-  );
-}
-
-/** R2-F7:AI 消息渲染 —— 代码块走等宽块,其余纯文本(无代码块时整体不变) */
-function MessageContent({ content }: { content: string }) {
-  const segs = splitContent(content);
-  if (segs.length === 1 && segs[0].kind === "text") return <>{content}</>;
-  return (
-    <>
-      {segs.map((s, i) =>
-        s.kind === "code" ? <CodeBlock key={i} code={s.text} /> : <span key={i}>{s.text}</span>,
-      )}
-    </>
-  );
-}
-
-/** C4:AI 设置(baseURL / API Key / model + 保存/测试),配置持久化在服务端 ~/.opsxdb/ai.json */
-function AiSettings({ onClose }: { onClose: () => void }) {
-  const notify = useWorkspaceStore((s) => s.notify);
-  const set = useWorkspaceStore((s) => s.set);
-  const [provider, setProvider] = useState("openai");
-  const [baseURL, setBaseURL] = useState("");
-  const [apiKey, setApiKey] = useState("");
-  const [model, setModel] = useState("");
-  const [hasKey, setHasKey] = useState(false);
-  const [busy, setBusy] = useState(false);
-
-  useEffect(() => {
-    let alive = true;
-    getAiConfig()
-      .then((cfg) => {
-        if (!alive) return;
-        setProvider(cfg.provider || "stub");
-        setBaseURL(cfg.baseURL || "");
-        setModel(cfg.model || "");
-        setHasKey(!!cfg.hasKey);
-      })
-      .catch(() => {});
-    return () => {
-      alive = false;
-    };
-  }, []);
-
-  const save = async () => {
-    setBusy(true);
-    try {
-      await saveAiConfig({
-        provider,
-        baseURL: baseURL.trim(),
-        // 留空表示不改动已保存的 key(服务端掩码不回传明文)
-        apiKey: apiKey.trim() || undefined,
-        model: model.trim(),
-      });
-      if (model.trim()) set("aiModel", model.trim());
-      setHasKey(hasKey || !!apiKey.trim());
-      notify({ kind: "success", title: "AI 配置", message: "已保存", mode: "toast", durationMs: 1400 });
-      return true;
-    } catch (e) {
-      notify({ kind: "error", title: "AI 配置", message: e instanceof Error ? e.message : String(e), mode: "modal" });
-      return false;
-    } finally {
-      setBusy(false);
-    }
-  };
-
-  const test = async () => {
-    if (!(await save())) return;
-    setBusy(true);
-    try {
-      const res = await callAi({ action: "ask", prompt: "用一句话回答:连接正常", model: model.trim() || undefined });
-      notify({
-        kind: "success",
-        title: "AI 连接正常",
-        message: res.content.slice(0, 120) || "(空响应)",
-        mode: "toast",
-        durationMs: 4000,
-      });
-    } catch (e) {
-      notify({ kind: "error", title: "AI 连接失败", message: e instanceof Error ? e.message : String(e), mode: "modal" });
-    } finally {
-      setBusy(false);
-    }
-  };
-
-  return (
-    <div className="space-y-1.5 border-b px-1.5 py-1.5" style={{ borderColor: "var(--ops-border)" }}>
-      <div className="flex items-center gap-1">
-        <select
-          className="ops-input py-0.5 text-[11px]"
-          value={provider}
-          onChange={(e) => setProvider(e.target.value)}
-          aria-label="Provider"
-        >
-          <option value="stub">stub(离线占位)</option>
-          <option value="openai">openai(OpenAI 兼容)</option>
-        </select>
-        <input
-          className="ops-input min-w-0 flex-1 py-0.5 text-[11px]"
-          placeholder="模型,如 gpt-4o-mini"
-          value={model}
-          onChange={(e) => setModel(e.target.value)}
-          aria-label="模型"
-        />
-      </div>
-      <input
-        className="ops-input w-full py-0.5 text-[11px]"
-        placeholder="Base URL,如 https://api.openai.com/v1"
-        value={baseURL}
-        onChange={(e) => setBaseURL(e.target.value)}
-        aria-label="Base URL"
-      />
-      <input
-        className="ops-input w-full py-0.5 text-[11px]"
-        type="password"
-        placeholder={hasKey ? "API Key(已配置,留空不改动)" : "API Key"}
-        value={apiKey}
-        onChange={(e) => setApiKey(e.target.value)}
-        aria-label="API Key"
-      />
-      <div className="flex gap-1">
-        <button type="button" className="ops-btn-primary h-6 px-2 text-[11px]" disabled={busy} onClick={() => void save()}>
-          保存
-        </button>
-        <button type="button" className="ops-btn-secondary h-6 px-2 text-[11px]" disabled={busy} onClick={() => void test()}>
-          {busy ? "…" : "测试"}
-        </button>
-        <button type="button" className="ops-btn-ghost ml-auto h-6 px-2 text-[11px]" onClick={onClose}>
-          收起
-        </button>
-      </div>
-    </div>
-  );
-}
-
-export function AiPanel() {
-  const messages = useWorkspaceStore((s) => s.aiMessages);
-  const ask = useWorkspaceStore((s) => s.aiAsk);
-  const model = useWorkspaceStore((s) => s.aiModel);
-  const busy = useWorkspaceStore((s) => s.aiBusy);
-  const connections = useWorkspaceStore((s) => s.connections);
-  const activeConnectionId = useWorkspaceStore((s) => s.activeConnectionId);
-  const tabs = useWorkspaceStore((s) => s.tabs);
-  const activeTabId = useWorkspaceStore((s) => s.activeTabId);
-  const result = useWorkspaceStore((s) => s.result);
-  const set = useWorkspaceStore((s) => s.set);
-  const pushAi = useWorkspaceStore((s) => s.pushAi);
-  const updateActiveSql = useWorkspaceStore((s) => s.updateActiveSql);
-  const [showSettings, setShowSettings] = useState(false);
-  /** C4:真实配置的模型清单(来自 /api/ai/config) */
-  const [cfgModel, setCfgModel] = useState<string>("");
-
-  useEffect(() => {
-    let alive = true;
-    getAiConfig()
-      .then((cfg) => {
-        if (!alive) return;
-        if (cfg.model) {
-          setCfgModel(cfg.model);
-          const cur = useWorkspaceStore.getState().aiModel;
-          if (!cur || cur === "opsxdb-stub") set("aiModel", cfg.model);
-        }
-      })
-      .catch(() => {});
-    return () => {
-      alive = false;
-    };
-  }, [set]);
-
-  const conn = connections.find((c) => c.id === activeConnectionId);
-  const tab = tabs.find((t) => t.id === activeTabId);
-  const sql = tab?.sql ?? "";
-
-  const run = async (action: AiAction, prompt?: string) => {
-    const text = (prompt ?? ask).trim();
-    if (action === "ask" && !text) return;
-    set("aiBusy", true);
-    if (action === "ask" || action === "generate") {
-      pushAi("user", text || ACTIONS.find((a) => a.id === action)?.label || action);
-    } else {
-      pushAi("user", `${ACTIONS.find((a) => a.id === action)?.label || action}`);
-    }
-    try {
-      // C8:注入当前连接的库表列上下文(按 connId 隔离,截断 4000 字符,见 api.ts)
-      const schema = schemaContextFor(conn?.id, conn?.database || tab?.database);
-      const res = await callAi({
-        action,
-        prompt: text,
-        sql,
-        driver: conn?.driver,
-        database: conn?.database || tab?.database,
-        error: result?.error,
-        schema: schema || undefined,
-        model: model && model !== "opsxdb-stub" ? model : undefined,
-      });
-      pushAi("assistant", res.content);
-      if (res.sql) updateActiveSql(res.sql);
-      if (action === "ask" || action === "generate") set("aiAsk", "");
-    } catch (e) {
-      pushAi("assistant", `失败：${e instanceof Error ? e.message : String(e)}`);
-    } finally {
-      set("aiBusy", false);
-    }
-  };
-
-  const modelOptions = Array.from(new Set([cfgModel, model, "opsxdb-stub"].filter(Boolean)));
-
-  return (
-    <aside className="ops-panel flex h-full w-full min-w-0 flex-col border-l">
-      <div className="ops-section-label justify-between border-b gap-1">
-        <span>AI</span>
-        <div className="flex items-center gap-1">
-          <select
-            className="ops-input h-6 py-0 text-[10px] normal-case tracking-normal"
-            value={model}
-            onChange={(e) => set("aiModel", e.target.value)}
-            title="模型(来自 /api/ai/config,可在设置中修改)"
-          >
-            {modelOptions.map((m) => (
-              <option key={m} value={m}>
-                {m}
-              </option>
-            ))}
-          </select>
-          <button
-            type="button"
-            className="ops-btn-ghost grid h-5 w-5 place-items-center p-0 text-[12px]"
-            title="AI 设置"
-            aria-label="AI 设置"
-            onClick={() => setShowSettings(!showSettings)}
-          >
-            ⚙
-          </button>
-          <button
-            type="button"
-            className="ops-close-faint"
-            title="关闭"
-            aria-label="关闭 AI"
-            onClick={() => {
-              set("showAi", false);
-              useWorkspaceStore.getState().persistPrefs();
-            }}
-          >
-            ×
-          </button>
-        </div>
-      </div>
-
-      {showSettings && <AiSettings onClose={() => setShowSettings(false)} />}
-
-      <div className="grid grid-cols-2 gap-1 border-b px-1.5 py-1.5" style={{ borderColor: "var(--ops-border)" }}>
-        <select
-          className="ops-input py-0.5 text-[11px]"
-          value={activeConnectionId ?? ""}
-          onChange={(e) => set("activeConnectionId", e.target.value || null)}
-        >
-          <option value="">连接</option>
-          {connections.map((c) => (
-            <option key={c.id} value={c.id}>
-              {c.name}
-            </option>
-          ))}
-        </select>
-        <input
-          className="ops-input py-0.5 text-[11px]"
-          placeholder="库"
-          value={conn?.database ?? ""}
-          readOnly
-        />
-      </div>
-
-      <div
-        className="flex flex-wrap gap-1 border-b px-1.5 py-1"
-        style={{ borderColor: "var(--ops-border)" }}
-      >
-        {ACTIONS.map((a) => (
-          <button
-            key={a.id}
-            type="button"
-            disabled={busy}
-            onClick={() => void run(a.id, ask)}
-            className="ops-btn-ai"
-            title={a.label}
-          >
-            {a.label}
-          </button>
-        ))}
-      </div>
-
-      <div className="min-h-0 flex-1 space-y-1.5 overflow-auto p-1.5">
-        {messages.length === 0 && (
-          <div
-            className="grid h-full place-items-center px-2 text-center text-[12px]"
-            style={{ color: "var(--ops-muted)" }}
-          >
-            描述需求，或点上方快捷操作
-          </div>
-        )}
-        {messages.map((m) => (
-          <div
-            key={m.id}
-            className="rounded border px-2 py-1.5 text-[12px] whitespace-pre-wrap"
-            style={
-              m.role === "user"
-                ? {
-                    borderColor: "color-mix(in srgb, var(--ops-accent) 35%, var(--ops-border))",
-                    background: "color-mix(in srgb, var(--ops-accent) 8%, transparent)",
-                  }
-                : {
-                    borderColor: "var(--ops-border)",
-                    background: "var(--ops-surface-2)",
-                  }
-            }
-          >
-            <div
-              className="mb-0.5 text-[10px]"
-              style={{ color: "var(--ops-muted)" }}
-            >
-              {m.role === "user" ? "你" : "AI"} · {m.at}
-            </div>
-            <MessageContent content={m.content} />
-          </div>
-        ))}
-      </div>
-
-      <div className="border-t p-1.5" style={{ borderColor: "var(--ops-border)" }}>
-        <div className="flex gap-1">
-          <input
-            className="ops-input flex-1"
-            placeholder="描述查询…"
-            value={ask}
-            disabled={busy}
-            onChange={(e) => set("aiAsk", e.target.value)}
-            onKeyDown={(e) => {
-              if (e.key === "Enter" && !e.shiftKey) {
-                e.preventDefault();
-                void run("ask");
-              }
-            }}
-          />
-          <button type="button" className="ops-btn-primary" disabled={busy} onClick={() => void run("ask")}>
-            {busy ? "…" : "发送"}
-          </button>
-        </div>
-      </div>
-    </aside>
-  );
-}
diff --git a/packages/ui/src/ConnectionForm.tsx b/packages/ui/src/ConnectionForm.tsx
deleted file mode 100644
index 5e6af8c..0000000
--- a/packages/ui/src/ConnectionForm.tsx
+++ /dev/null
@@ -1,558 +0,0 @@
-import { useState, type ReactNode } from "react";
-import { formKindOf, type DriverDef } from "./catalog";
-import type { SavedConnection } from "./store";
-
-const COLORS = ["#3b82f6", "#22c55e", "#f59e0b", "#ef4444", "#8b5cf6", "#64748b"];
-
-type TabId = "general" | "advanced" | "ssl" | "ssh";
-
-const TABS: { id: TabId; label: string }[] = [
-  { id: "general", label: "常规" },
-  { id: "advanced", label: "高级" },
-  { id: "ssl", label: "SSL" },
-  { id: "ssh", label: "SSH" },
-];
-
-function cx(...xs: Array<string | false | null | undefined>) {
-  return xs.filter(Boolean).join(" ");
-}
-
-function Row({ label, children }: { label: string; children: ReactNode }) {
-  return (
-    <div className="grid grid-cols-[7rem_1fr] items-center gap-x-2" style={{ minHeight: 30 }}>
-      <div className="text-right text-[12px] leading-none" style={{ color: "var(--ops-muted)" }}>
-        {label}
-      </div>
-      <div className="min-w-0">{children}</div>
-    </div>
-  );
-}
-
-function PasswordInput({
-  value,
-  placeholder,
-  onChange,
-}: {
-  value: string;
-  placeholder?: string;
-  onChange: (v: string) => void;
-}) {
-  const [show, setShow] = useState(false);
-  return (
-    <div className="relative">
-      <input
-        type={show ? "text" : "password"}
-        className="ops-input h-7 w-full pr-8 text-[12.5px]"
-        placeholder={placeholder}
-        value={value}
-        onChange={(e) => onChange(e.target.value)}
-        autoComplete="off"
-      />
-      <button
-        type="button"
-        className="absolute right-1 top-1/2 -translate-y-1/2 rounded px-1 text-[11px]"
-        style={{ color: "var(--ops-muted)" }}
-        onClick={() => setShow((s) => !s)}
-        tabIndex={-1}
-      >
-        {show ? "隐" : "显"}
-      </button>
-    </div>
-  );
-}
-
-export type ConnectionFormProps = {
-  selected: DriverDef;
-  form: Partial<SavedConnection>;
-  setForm: (next: Partial<SavedConnection>) => void;
-  dsn: string;
-  setDsn: (v: string) => void;
-  onApplyDsn: () => void;
-};
-
-export function ConnectionForm({ selected, form, setForm, dsn, setDsn, onApplyDsn }: ConnectionFormProps) {
-  const [tab, setTab] = useState<TabId>("general");
-  const kind = formKindOf(selected.id);
-  const patch = (p: Partial<SavedConnection>) => setForm({ ...form, ...p });
-
-  const text = (key: keyof SavedConnection, ph = "") => (
-    <input
-      className="ops-input h-7 w-full text-[12.5px]"
-      placeholder={ph}
-      value={String(form[key] ?? "")}
-      onChange={(e) => patch({ [key]: e.target.value } as Partial<SavedConnection>)}
-    />
-  );
-
-  const portInput = (
-    <input
-      className="ops-input h-7 w-full text-[12.5px]"
-      placeholder={String(selected.defaultPort)}
-      value={form.port === undefined || form.port === null ? "" : String(form.port)}
-      onChange={(e) => patch({ port: Number(e.target.value) || 0 })}
-    />
-  );
-
-  const general = () => {
-    if (kind === "file") {
-      return (
-        <>
-          <Row label="名称">{text("name", "我的数据库")}</Row>
-          <Row label="文件路径">
-            <input
-              className="ops-input h-7 w-full text-[12.5px]"
-              placeholder={selected.hints?.database ?? "/path/to/demo.sqlite"}
-              value={form.database ?? ""}
-              onChange={(e) => patch({ database: e.target.value })}
-            />
-          </Row>
-        </>
-      );
-    }
-
-    if (kind === "redis") {
-      const mode = form.redisMode ?? "standalone";
-      return (
-        <>
-          <Row label="名称">{text("name", "Redis 连接")}</Row>
-          <Row label="部署模式">
-            <div className="flex flex-wrap items-center gap-3 text-[12px]">
-              {(
-                [
-                  ["standalone", "单机"],
-                  ["sentinel", "Sentinel"],
-                  ["cluster", "Cluster"],
-                ] as const
-              ).map(([v, label]) => (
-                <label key={v} className="flex items-center gap-1">
-                  <input
-                    type="radio"
-                    name="redisMode"
-                    checked={mode === v}
-                    onChange={() => patch({ redisMode: v })}
-                  />
-                  {label}
-                </label>
-              ))}
-            </div>
-          </Row>
-          {mode === "standalone" && (
-            <>
-              <Row label="主机">{text("host", selected.hints?.host ?? "127.0.0.1")}</Row>
-              <Row label="端口">{portInput}</Row>
-            </>
-          )}
-          {mode === "sentinel" && (
-            <>
-              <Row label="Sentinel 节点">
-                <textarea
-                  className="ops-input min-h-[64px] w-full py-1 text-[12.5px]"
-                  placeholder={"127.0.0.1:26379\n127.0.0.1:26380"}
-                  value={form.redisNodes ?? ""}
-                  onChange={(e) => patch({ redisNodes: e.target.value })}
-                />
-              </Row>
-              <Row label="主节点名">
-                <input
-                  className="ops-input h-7 w-full text-[12.5px]"
-                  placeholder="mymaster"
-                  value={form.masterName ?? ""}
-                  onChange={(e) => patch({ masterName: e.target.value })}
-                />
-              </Row>
-              <Row label="Sentinel 密码">
-                <PasswordInput
-                  value={form.sentinelPassword ?? ""}
-                  onChange={(v) => patch({ sentinelPassword: v })}
-                />
-              </Row>
-            </>
-          )}
-          {mode === "cluster" && (
-            <Row label="种子节点">
-              <textarea
-                className="ops-input min-h-[64px] w-full py-1 text-[12.5px]"
-                placeholder={"127.0.0.1:7000\n127.0.0.1:7001"}
-                value={form.redisNodes ?? ""}
-                onChange={(e) => patch({ redisNodes: e.target.value })}
-              />
-            </Row>
-          )}
-          <Row label="密码">
-            <PasswordInput value={form.password ?? ""} onChange={(v) => patch({ password: v })} />
-          </Row>
-          <Row label="用户名">{text("user", "ACL ≥6 可选")}</Row>
-          {mode !== "cluster" && (
-            <Row label="DB 索引">
-              <input
-                className="ops-input h-7 w-full text-[12.5px]"
-                placeholder="0"
-                value={form.database ?? "0"}
-                onChange={(e) => patch({ database: e.target.value })}
-              />
-            </Row>
-          )}
-          <Row label="键分隔符">
-            <input
-              className="ops-input h-7 w-full text-[12.5px]"
-              placeholder=":"
-              value={form.keySeparator ?? ":"}
-              onChange={(e) => patch({ keySeparator: e.target.value || ":" })}
-            />
-          </Row>
-        </>
-      );
-    }
-
-    if (kind === "oracle") {
-      return (
-        <>
-          <Row label="名称">{text("name", "Oracle 连接")}</Row>
-          <Row label="主机">{text("host", selected.hints?.host ?? "127.0.0.1")}</Row>
-          <Row label="端口">{portInput}</Row>
-          <Row label="服务名">
-            <input
-              className="ops-input h-7 w-full text-[12.5px]"
-              placeholder={selected.hints?.database ?? "ORCL"}
-              value={form.service || form.database || ""}
-              onChange={(e) => patch({ service: e.target.value, database: e.target.value })}
-            />
-          </Row>
-          <Row label="用户">{text("user", selected.hints?.user ?? "system")}</Row>
-          <Row label="密码">
-            <PasswordInput value={form.password ?? ""} onChange={(v) => patch({ password: v })} />
-          </Row>
-          <Row label="保存密码">
-            <label className="flex items-center gap-1.5 text-[12px]">
-              <input
-                type="checkbox"
-                checked={form.savePassword !== false}
-                onChange={(e) => patch({ savePassword: e.target.checked })}
-              />
-              记住密码
-            </label>
-          </Row>
-        </>
-      );
-    }
-
-    // standard (mysql-like) + PG / SQL Server extras
-    const isPg = selected.id === "postgresql" || selected.id === "gaussdb" || selected.id === "kingbase";
-    const isMssql = selected.id === "sqlserver";
-    return (
-      <>
-        <Row label="名称">{text("name", "我的数据库")}</Row>
-        <Row label="主机">{text("host", selected.hints?.host ?? "127.0.0.1")}</Row>
-        <Row label="端口">{portInput}</Row>
-        <Row label="用户">{text("user", selected.hints?.user ?? "root")}</Row>
-        <Row label="密码">
-          <PasswordInput value={form.password ?? ""} onChange={(v) => patch({ password: v })} />
-        </Row>
-        <Row label="保存密码">
-          <label className="flex items-center gap-1.5 text-[12px]">
-            <input
-              type="checkbox"
-              checked={form.savePassword !== false}
-              onChange={(e) => patch({ savePassword: e.target.checked })}
-            />
-            记住密码
-          </label>
-        </Row>
-        {(isPg || isMssql || selected.id === "mysql" || selected.mysqlCompat) && (
-          <Row label={isPg || isMssql ? "初始数据库" : "库名"}>
-            <input
-              className="ops-input h-7 w-full text-[12.5px]"
-              placeholder={selected.hints?.database ?? (isPg ? "postgres" : isMssql ? "master" : "")}
-              value={form.database ?? ""}
-              onChange={(e) => patch({ database: e.target.value })}
-            />
-          </Row>
-        )}
-      </>
-    );
-  };
-
-  const advanced = () => (
-    <>
-      <Row label="默认连接">
-        <label className="flex items-center gap-1.5 text-[12px]">
-          <input
-            type="checkbox"
-            checked={!!form.isDefault}
-            onChange={(e) => patch({ isDefault: e.target.checked })}
-          />
-          设为默认
-        </label>
-      </Row>
-      <Row label="颜色">
-        <div className="flex items-center gap-1.5">
-          {COLORS.map((c) => (
-            <button
-              key={c}
-              type="button"
-              className="h-4 w-4 rounded-full border"
-              style={{
-                background: c,
-                borderColor: form.color === c ? "var(--ops-text)" : "transparent",
-              }}
-              onClick={() => patch({ color: c })}
-            />
-          ))}
-        </div>
-      </Row>
-      {kind === "redis" && (
-        <Row label="DB 索引">
-          <input
-            className="ops-input h-7 w-full text-[12.5px]"
-            placeholder="0–15（database index）"
-            inputMode="numeric"
-            value={form.database ?? ""}
-            onChange={(e) => {
-              const v = e.target.value.trim();
-              if (v === "") {
-                patch({ database: "" });
-                return;
-              }
-              if (!/^\d{1,2}$/.test(v)) return;
-              const n = Number(v);
-              if (n >= 0 && n <= 15) patch({ database: v });
-            }}
-          />
-        </Row>
-      )}
-      {kind !== "file" && (
-        <Row label="连接 URL">
-          <div className="flex gap-1">
-            <input
-              className="ops-input h-7 flex-1 text-[12.5px]"
-              placeholder="mysql://root:pass@127.0.0.1:3306/demo"
-              value={dsn}
-              onChange={(e) => setDsn(e.target.value)}
-              onKeyDown={(e) => {
-                if (e.key === "Enter") onApplyDsn();
-              }}
-            />
-            <button type="button" className="ops-btn-secondary h-7 px-2 text-[12px]" onClick={onApplyDsn}>
-              填入
-            </button>
-          </div>
-        </Row>
-      )}
-    </>
-  );
-
-  const sslOn = !!(form.ssl || (form.sslMode && form.sslMode !== "disable"));
-  const sslMode = (form.sslMode && form.sslMode !== "disable" ? form.sslMode : "require") as
-    | "require"
-    | "skip-verify"
-    | "verify-ca";
-
-  const ssl = () => (
-    <>
-      <Row label="SSL">
-        <label className="flex items-center gap-1.5 text-[12px]">
-          <input
-            type="checkbox"
-            checked={kind !== "file" && sslOn}
-            disabled={kind === "file"}
-            onChange={(e) => {
-              const on = e.target.checked;
-              patch(
-                on
-                  ? {
-                      ssl: true,
-                      sslMode: form.sslMode && form.sslMode !== "disable" ? form.sslMode : "require",
-                    }
-                  : { ssl: false, sslMode: "disable" },
-              );
-            }}
-          />
-          使用 SSL
-        </label>
-      </Row>
-      {kind === "file" ? (
-        <p className="pl-[7.5rem] text-[11px]" style={{ color: "var(--ops-muted)" }}>
-          文件库（SQLite）不支持 SSL。
-        </p>
-      ) : sslOn ? (
-        <>
-          <Row label="模式">
-            <select
-              className="ops-input h-7 w-full text-[12.5px]"
-              value={sslMode}
-              onChange={(e) =>
-                patch({
-                  ssl: true,
-                  sslMode: e.target.value as "require" | "skip-verify" | "verify-ca",
-                })
-              }
-            >
-              <option value="require">require（加密）</option>
-              <option value="skip-verify">skip-verify（跳过证书校验）</option>
-              <option value="verify-ca">verify-ca（校验 CA）</option>
-            </select>
-          </Row>
-          <Row label="CA 证书">
-            <input
-              className="ops-input h-7 w-full text-[12.5px]"
-              placeholder="可选，本机 PEM 路径 /path/to/ca.pem"
-              value={form.sslCA ?? ""}
-              onChange={(e) => patch({ sslCA: e.target.value })}
-            />
-          </Row>
-          <Row label="客户端证书">
-            <input
-              className="ops-input h-7 w-full text-[12.5px]"
-              placeholder="可选，客户端证书 PEM 路径"
-              value={form.sslCert ?? ""}
-              onChange={(e) => patch({ sslCert: e.target.value })}
-            />
-          </Row>
-          <Row label="客户端密钥">
-            <input
-              className="ops-input h-7 w-full text-[12.5px]"
-              placeholder="可选，客户端私钥 PEM 路径"
-              value={form.sslKey ?? ""}
-              onChange={(e) => patch({ sslKey: e.target.value })}
-            />
-          </Row>
-          <p className="pl-[7.5rem] text-[11px]" style={{ color: "var(--ops-muted)" }}>
-            {sslMode === "require"
-              ? "仅加密传输；路径可留空。verify-ca 需填 CA。"
-              : sslMode === "skip-verify"
-                ? "加密且不校验服务端证书（自签常用）；路径可留空。"
-                : "校验服务端证书链；请填写 CA 证书路径。客户端证书/密钥可选。"}
-          </p>
-        </>
-      ) : (
-        <p className="pl-[7.5rem] text-[11px]" style={{ color: "var(--ops-muted)" }}>
-          开启后可选择 require / skip-verify / verify-ca，并可选填证书路径。
-        </p>
-      )}
-    </>
-  );
-
-  const ssh = () => (
-    <>
-      {kind === "file" ? (
-        <p className="pl-[7.5rem] text-[11px]" style={{ color: "var(--ops-muted)" }}>
-          文件库（SQLite）为本机文件，无网络端点，无需 SSH 隧道。
-        </p>
-      ) : (
-        <>
-          <Row label="SSH 隧道">
-            <label className="flex items-center gap-1.5 text-[12px]">
-              <input
-                type="checkbox"
-                checked={!!form.sshEnabled}
-                onChange={(e) => patch({ sshEnabled: e.target.checked })}
-              />
-              使用 SSH 隧道
-            </label>
-          </Row>
-          {form.sshEnabled && (
-        <>
-          <Row label="SSH 主机">
-            <input
-              className="ops-input h-7 w-full text-[12.5px]"
-              placeholder="跳板机地址"
-              value={form.sshHost ?? ""}
-              onChange={(e) => patch({ sshHost: e.target.value })}
-            />
-          </Row>
-          <Row label="SSH 端口">
-            <input
-              className="ops-input h-7 w-full text-[12.5px]"
-              placeholder="22"
-              value={form.sshPort === undefined || form.sshPort === null ? "22" : String(form.sshPort)}
-              onChange={(e) => patch({ sshPort: Number(e.target.value) || 22 })}
-            />
-          </Row>
-          <Row label="SSH 用户">
-            <input
-              className="ops-input h-7 w-full text-[12.5px]"
-              placeholder="root"
-              value={form.sshUser ?? ""}
-              onChange={(e) => patch({ sshUser: e.target.value })}
-            />
-          </Row>
-          <Row label="认证方式">
-            <select
-              className="ops-input h-7 w-full text-[12.5px]"
-              value={form.sshAuth ?? "password"}
-              onChange={(e) => patch({ sshAuth: e.target.value as "password" | "privateKey" })}
-            >
-              <option value="password">密码</option>
-              <option value="privateKey">私钥</option>
-            </select>
-          </Row>
-          {(form.sshAuth ?? "password") === "password" ? (
-            <Row label="SSH 密码">
-              <PasswordInput
-                value={form.sshPassword ?? ""}
-                onChange={(v) => patch({ sshPassword: v })}
-              />
-            </Row>
-          ) : (
-            <>
-              <Row label="私钥">
-                <textarea
-                  className="ops-input min-h-[72px] w-full py-1 text-[11px] leading-snug"
-                  placeholder="PEM 内容或私钥路径 ~/.ssh/id_ed25519"
-                  value={form.sshPrivateKey ?? ""}
-                  onChange={(e) => patch({ sshPrivateKey: e.target.value })}
-                />
-              </Row>
-              <Row label="口令">
-                <PasswordInput
-                  value={form.sshPassphrase ?? ""}
-                  placeholder="私钥口令（可选）"
-                  onChange={(v) => patch({ sshPassphrase: v })}
-                />
-              </Row>
-            </>
-          )}
-          <p className="pl-[7.5rem] text-[11px]" style={{ color: "var(--ops-muted)" }}>
-            开启后，测试/连接先经本机端口转发再访问数据库。
-          </p>
-        </>
-      )}
-        </>
-      )}
-    </>
-  );
-
-  return (
-    <div className="flex min-h-0 flex-1 flex-col">
-      <div
-        className="flex shrink-0 gap-0 border-b px-1"
-        style={{ borderColor: "var(--ops-border)" }}
-      >
-        {TABS.map((t) => (
-          <button
-            key={t.id}
-            type="button"
-            className={cx(
-              "px-3 py-1.5 text-[12.5px] transition",
-              tab === t.id ? "border-b-2 font-medium" : "opacity-70 hover:opacity-100",
-            )}
-            style={
-              tab === t.id
-                ? { borderColor: "var(--ops-accent)", color: "var(--ops-text)" }
-                : { borderColor: "transparent", color: "var(--ops-muted)" }
-            }
-            onClick={() => setTab(t.id)}
-          >
-            {t.label}
-          </button>
-        ))}
-      </div>
-      <div className="min-h-0 flex-1 space-y-0.5 overflow-auto px-3 py-2">
-        {tab === "general" && general()}
-        {tab === "advanced" && advanced()}
-        {tab === "ssl" && ssl()}
-        {tab === "ssh" && ssh()}
-      </div>
-    </div>
-  );
-}
diff --git a/packages/ui/src/ConnectionList.tsx b/packages/ui/src/ConnectionList.tsx
deleted file mode 100644
index 9bceb8e..0000000
--- a/packages/ui/src/ConnectionList.tsx
+++ /dev/null
@@ -1,345 +0,0 @@
-import { useMemo, useRef, useState, type ChangeEvent, type ReactNode } from "react";
-import { driverById } from "./catalog";
-import { DriverIcon } from "./DriverIcon";
-import { DriverManager } from "./DriverManager";
-import { useWorkspaceStore, type ConnectionGroup, type SavedConnection, DEFAULT_CONN_GROUP } from "./store";
-
-function hostSummary(c: SavedConnection) {
-  const d = driverById(c.driver);
-  if (c.driver === "sqlite") {
-    return c.database || "本地文件";
-  }
-  const host = c.host || "127.0.0.1";
-  const port = c.port ? `:${c.port}` : "";
-  const db = c.database ? ` / ${c.database}` : "";
-  return `${host}${port}${db}`;
-}
-
-function matchesQuery(c: SavedConnection, needle: string): boolean {
-  if (!needle) return true;
-  const d = driverById(c.driver);
-  const hay = [c.name, c.host || "", c.driver, d?.name ?? "", c.database || "", String(c.port || "")]
-    .join(" ")
-    .toLowerCase();
-  return hay.includes(needle);
-}
-
-function ConnRow({
-  c,
-  onOpen,
-  onDelete,
-  setDefaultConnection,
-  editConnection,
-  notify,
-}: {
-  c: SavedConnection;
-  onOpen: (c: SavedConnection) => void;
-  onDelete: (c: SavedConnection) => void;
-  setDefaultConnection: (id: string) => void;
-  editConnection: (c: SavedConnection) => void;
-  notify: ReturnType<typeof useWorkspaceStore.getState>["notify"];
-}) {
-  const d = driverById(c.driver);
-  return (
-    <div className="ops-conn-row group">
-      <button type="button" className="flex min-w-0 flex-1 items-center gap-3 text-left" onClick={() => onOpen(c)}>
-        <DriverIcon driver={c.driver} size={22} />
-        <div className="min-w-0 flex-1">
-          <div className="flex items-center gap-2 truncate text-[12.5px] font-medium">
-            <span className="truncate">{c.name}</span>
-            {c.isDefault && (
-              <span
-                className="shrink-0 rounded px-1 text-[10px] font-semibold"
-                style={{
-                  color: "var(--ops-accent)",
-                  background: "color-mix(in srgb, var(--ops-accent) 14%, transparent)",
-                }}
-              >
-                默认
-              </span>
-            )}
-          </div>
-          <div className="truncate text-[11px]" style={{ color: "var(--ops-muted)" }}>
-            {d?.name ?? c.driver} · {hostSummary(c)}
-          </div>
-        </div>
-      </button>
-      <div className="flex shrink-0 items-center gap-1 opacity-0 transition group-hover:opacity-100">
-        {!c.isDefault && (
-          <button
-            type="button"
-            className="ops-btn-ghost text-[11px]"
-            onClick={() => {
-              setDefaultConnection(c.id);
-              notify({ kind: "success", title: "默认连接", message: `已设「${c.name}」为默认。`, mode: "toast" });
-            }}
-          >
-            设默认
-          </button>
-        )}
-        <button type="button" className="ops-btn-ghost text-[11px]" onClick={() => editConnection(c)}>
-          编辑
-        </button>
-        <button
-          type="button"
-          className="ops-btn-ghost text-[11px]"
-          style={{ color: "var(--ops-danger)" }}
-          onClick={() => void onDelete(c)}
-        >
-          删除
-        </button>
-      </div>
-    </div>
-  );
-}
-
-function SectionLabel({ children }: { children: ReactNode }) {
-  return (
-    <div
-      className="sticky top-0 z-[1] px-3 py-1 text-[10px] font-semibold uppercase tracking-wide"
-      style={{
-        color: "var(--ops-muted)",
-        background: "color-mix(in srgb, var(--ops-surface) 92%, transparent)",
-        borderBottom: "1px solid var(--ops-border)",
-      }}
-    >
-      {children}
-    </div>
-  );
-}
-
-const RECENT_N = 5;
-
-export function ConnectionList() {
-  const connections = useWorkspaceStore((s) => s.connections);
-  const openPicker = useWorkspaceStore((s) => s.openPicker);
-  const editConnection = useWorkspaceStore((s) => s.editConnection);
-  const removeConnection = useWorkspaceStore((s) => s.removeConnection);
-  const setDefaultConnection = useWorkspaceStore((s) => s.setDefaultConnection);
-  const askConfirm = useWorkspaceStore((s) => s.askConfirm);
-  const set = useWorkspaceStore((s) => s.set);
-  const notify = useWorkspaceStore((s) => s.notify);
-  const notifyError = useWorkspaceStore((s) => s.notifyError);
-  const [search, setSearch] = useState("");
-  const [showDrivers, setShowDrivers] = useState(false);
-  /** R2-F5:导入文件选择 */
-  const importFileRef = useRef<HTMLInputElement>(null);
-
-  const needle = search.trim().toLowerCase();
-
-  const filtered = useMemo(
-    () =>
-      [...connections]
-        .filter((c) => matchesQuery(c, needle))
-        .sort((a, b) => {
-          if (a.isDefault && !b.isDefault) return -1;
-          if (!a.isDefault && b.isDefault) return 1;
-          return (b.lastUsedAt ?? 0) - (a.lastUsedAt ?? 0);
-        }),
-    [connections, needle],
-  );
-
-  const recent = useMemo(() => {
-    const ids = new Set(filtered.map((c) => c.id));
-    return [...connections]
-      .filter((c) => (c.lastUsedAt ?? 0) > 0 && ids.has(c.id))
-      .sort((a, b) => (b.lastUsedAt ?? 0) - (a.lastUsedAt ?? 0))
-      .slice(0, RECENT_N);
-  }, [connections, filtered]);
-
-  /** 「全部」list: filtered, with recent still shown (pinned section above). */
-  const allList = filtered;
-
-  const onDelete = async (c: SavedConnection) => {
-    const ok = await askConfirm({
-      title: "删除连接",
-      message: `确认删除「${c.name}」？此操作不可撤销。`,
-      okLabel: "删除",
-      danger: true,
-    });
-    if (!ok) return;
-    removeConnection(c.id);
-    notify({ kind: "success", title: "已删除", message: `「${c.name}」已移除。`, mode: "toast" });
-  };
-
-  const onOpen = (c: SavedConnection) => {
-    set("activeConnectionId", c.id);
-    set("view", "workbench");
-    set("status", `已选择 ${c.name}`);
-  };
-
-  /** R2-F5:导出全部连接 —— 原样导出存储形态(含分组结构与加密态 secrets),文件头带版本 */
-  const exportAll = () => {
-    const st = useWorkspaceStore.getState();
-    const payload = {
-      exportedAt: new Date().toISOString(),
-      version: 1,
-      connections: st.connections,
-      connGroups: st.connGroups,
-    };
-    const blob = new Blob([JSON.stringify(payload, null, 2)], { type: "application/json;charset=utf-8" });
-    const a = document.createElement("a");
-    a.href = URL.createObjectURL(blob);
-    a.download = `opsxdb-connections-${new Date().toISOString().slice(0, 10)}.json`;
-    a.click();
-    URL.revokeObjectURL(a.href);
-    notify({ kind: "success", title: "已导出", message: `${st.connections.length} 条连接`, mode: "toast", durationMs: 1600 });
-  };
-
-  /** R2-F5:导入连接 —— 校验数组结构;id 冲突重新生成后追加;持久化走 store 现有 action */
-  const onImportFile = async (e: ChangeEvent<HTMLInputElement>) => {
-    const file = e.target.files?.[0];
-    e.target.value = "";
-    if (!file) return;
-    try {
-      const text = await file.text();
-      const parsed = JSON.parse(text) as { connections?: unknown; connGroups?: unknown } | unknown[];
-      const arr = Array.isArray(parsed) ? parsed : (parsed as { connections?: unknown }).connections;
-      if (!Array.isArray(arr)) throw new Error("不是有效的连接导出文件（缺少 connections 数组）");
-      const st = useWorkspaceStore.getState();
-      const existingIds = new Set(st.connections.map((c) => c.id));
-      const groupIds = new Set(st.connGroups.map((g) => g.id));
-      let n = 0;
-      for (const raw of arr) {
-        if (!raw || typeof raw !== "object") continue;
-        const item = { ...(raw as SavedConnection) };
-        if (!item.name || !item.driver) continue; // 跳过非法条目
-        if (!item.id || existingIds.has(item.id)) item.id = crypto.randomUUID();
-        existingIds.add(item.id);
-        if (!item.groupId || !groupIds.has(item.groupId)) item.groupId = DEFAULT_CONN_GROUP;
-        st.upsertConnection(item);
-        n++;
-      }
-      if (!n) throw new Error("文件中没有可导入的连接");
-      if (!Array.isArray(parsed) && Array.isArray((parsed as { connGroups?: unknown }).connGroups)) {
-        st.importConnGroups((parsed as { connGroups: ConnectionGroup[] }).connGroups);
-      }
-      notify({ kind: "success", title: "导入完成", message: `已导入 ${n} 条连接`, mode: "toast", durationMs: 2000 });
-    } catch (err) {
-      notifyError(err, "modal");
-    }
-  };
-
-  const rowProps = { onOpen, onDelete, setDefaultConnection, editConnection, notify };
-
-  return (
-    <div className="ops-shell flex h-screen flex-col">
-      <header className="ops-chrome-header px-3">
-        <div className="min-w-0">
-          <div className="truncate text-[14px] font-semibold leading-tight">连接</div>
-          <div className="text-[11px]" style={{ color: "var(--ops-muted)" }}>
-            选择或新建数据库连接
-          </div>
-        </div>
-        <div className="ml-auto flex flex-wrap items-center justify-end gap-1.5">
-          <button
-            type="button"
-            className="ops-btn-ghost grid h-6 w-6 place-items-center p-0 text-[13px]"
-            title="驱动管理（agent 驱动：MongoDB / ZooKeeper / 达梦）"
-            aria-label="驱动管理"
-            onClick={() => setShowDrivers(true)}
-          >
-            ⚙
-          </button>
-          {/* R2-F5:连接配置导入/导出 */}
-          {connections.length > 0 && (
-            <button
-              type="button"
-              className="ops-btn-ghost grid h-6 w-6 place-items-center p-0 text-[13px]"
-              title="导出全部连接(JSON,含分组与密码存储形态)"
-              aria-label="导出全部连接"
-              onClick={exportAll}
-            >
-              ⤓
-            </button>
-          )}
-          <button
-            type="button"
-            className="ops-btn-ghost grid h-6 w-6 place-items-center p-0 text-[13px]"
-            title="导入连接(JSON)"
-            aria-label="导入连接"
-            onClick={() => importFileRef.current?.click()}
-          >
-            ⤒
-          </button>
-          <input
-            ref={importFileRef}
-            type="file"
-            accept=".json,application/json"
-            className="hidden"
-            aria-label="选择连接导出文件"
-            onChange={(e) => void onImportFile(e)}
-          />
-          <button type="button" className="ops-btn-primary px-3" onClick={() => openPicker()} title="新建数据库连接">
-            新建
-          </button>
-          {connections.length > 0 && (
-            <button type="button" className="ops-btn-secondary px-3" onClick={() => set("view", "workbench")} title="返回工作台">
-              工作台
-            </button>
-          )}
-        </div>
-      </header>
-
-      {connections.length > 0 && (
-        <div
-          className="flex shrink-0 items-center gap-2 border-b px-3"
-          style={{ height: 36, borderColor: "var(--ops-border)", background: "var(--ops-surface)" }}
-        >
-          <input
-            type="search"
-            className="h-7 w-full max-w-md rounded border px-2 text-[12px] outline-none"
-            style={{
-              borderColor: "var(--ops-border)",
-              background: "var(--ops-bg)",
-              color: "var(--ops-text)",
-            }}
-            placeholder="搜索名称 / 主机 / 驱动…"
-            value={search}
-            onChange={(e) => setSearch(e.target.value)}
-            aria-label="搜索连接"
-          />
-          {search && (
-            <button type="button" className="ops-btn-ghost shrink-0 text-[11px]" onClick={() => setSearch("")}>
-              清除
-            </button>
-          )}
-        </div>
-      )}
-
-      {connections.length === 0 ? (
-        <div className="ops-empty">
-          <h2>还没有连接</h2>
-          <p>新建一个连接，保存后会出现在这里。</p>
-          <button type="button" className="ops-btn-primary px-3" onClick={() => openPicker()} title="新建数据库连接">
-            新建
-          </button>
-        </div>
-      ) : filtered.length === 0 ? (
-        <div className="ops-empty">
-          <h2>没有匹配的连接</h2>
-          <p>换个关键词试试，或清除搜索查看全部。</p>
-          <button type="button" className="ops-btn-secondary" onClick={() => setSearch("")}>
-            清除搜索
-          </button>
-        </div>
-      ) : (
-        <div className="min-h-0 flex-1 overflow-auto">
-          {recent.length > 0 && (
-            <>
-              <SectionLabel>最近</SectionLabel>
-              {recent.map((c) => (
-                <ConnRow key={`recent-${c.id}`} c={c} {...rowProps} />
-              ))}
-            </>
-          )}
-          <SectionLabel>全部{needle ? ` · ${allList.length}` : ""}</SectionLabel>
-          {allList.map((c) => (
-            <ConnRow key={c.id} c={c} {...rowProps} />
-          ))}
-        </div>
-      )}
-      {showDrivers && <DriverManager onClose={() => setShowDrivers(false)} />}
-    </div>
-  );
-}
diff --git a/packages/ui/src/ConnectionPicker.tsx b/packages/ui/src/ConnectionPicker.tsx
deleted file mode 100644
index 83d6580..0000000
--- a/packages/ui/src/ConnectionPicker.tsx
+++ /dev/null
@@ -1,337 +0,0 @@
-import { useMemo, useState } from "react";
-import { CATEGORIES, DRIVERS, driverById, isDriverReady, type DriverDef, type DriverId } from "./catalog";
-import { ConnectionForm } from "./ConnectionForm";
-import { ConnectionList } from "./ConnectionList";
-import { parseDSN } from "./dsn";
-import { sanitizeSecret } from "./secrets";
-import { useWorkspaceStore, type SavedConnection } from "./store";
-import { openSession, testConnection } from "./api";
-import { DriverIcon } from "./DriverIcon";
-
-function cx(...xs: Array<string | false | null | undefined>) {
-  return xs.filter(Boolean).join(" ");
-}
-
-
-export function ConnectionPicker() {
-  const search = useWorkspaceStore((s) => s.pickerSearch);
-  const category = useWorkspaceStore((s) => s.pickerCategory);
-  const driver = useWorkspaceStore((s) => s.pickerDriver);
-  const pickerMode = useWorkspaceStore((s) => s.pickerMode);
-  const form = useWorkspaceStore((s) => s.form);
-  const set = useWorkspaceStore((s) => s.set);
-  const openPicker = useWorkspaceStore((s) => s.openPicker);
-  const openConnectionList = useWorkspaceStore((s) => s.openConnectionList);
-  const upsert = useWorkspaceStore((s) => s.upsertConnection);
-  const notify = useWorkspaceStore((s) => s.notify);
-  const notifyError = useWorkspaceStore((s) => s.notifyError);
-  const [dsn, setDsn] = useState("");
-  const [testMsg, setTestMsg] = useState<{ ok: boolean; text: string } | null>(null);
-
-  const filtered = useMemo(() => {
-    const q = search.trim().toLowerCase();
-    return DRIVERS.filter((d) => {
-      if (category !== "全部" && d.category !== category) return false;
-      if (!q) return true;
-      return d.name.toLowerCase().includes(q) || d.id.includes(q);
-    });
-  }, [search, category]);
-
-  const selected = driver ? driverById(driver) : null;
-
-  const buildConnection = (): SavedConnection | null => {
-    if (!form.driver || !form.name?.trim()) {
-      notify({ kind: "warning", title: "保存", message: "请填写连接名称。", mode: "toast" });
-      return null;
-    }
-    const savePassword = form.savePassword !== false;
-    const sslOn = !!(form.ssl || (form.sslMode && form.sslMode !== "disable"));
-    // Keep live secrets for test/connect; upsertConnection clears them when savePassword=false.
-    return {
-      id: form.id || crypto.randomUUID(),
-      name: form.name.trim(),
-      driver: form.driver as DriverId,
-      host: form.host || "127.0.0.1",
-      port: Number(form.port ?? selected?.defaultPort ?? 3306),
-      user: form.user || "",
-      password: sanitizeSecret(form.password || ""),
-      database: form.database || "",
-      ssl: sslOn,
-      sslMode: (sslOn
-        ? form.sslMode && form.sslMode !== "disable"
-          ? form.sslMode
-          : "require"
-        : "disable") as SavedConnection["sslMode"],
-      sslCA: form.sslCA || "",
-      sslCert: form.sslCert || "",
-      sslKey: form.sslKey || "",
-      service: form.service || "",
-      color: form.color,
-      lastUsedAt: Date.now(),
-      groupId: form.groupId,
-      isDefault: !!form.isDefault,
-      savePassword,
-      keySeparator: form.keySeparator,
-      redisMode: form.redisMode,
-      redisNodes: form.redisNodes,
-      masterName: form.masterName,
-      sentinelPassword: sanitizeSecret(form.sentinelPassword || ""),
-      oracleConnType: form.oracleConnType,
-      oracleIdKind: form.oracleIdKind,
-      oracleRole: form.oracleRole,
-      authMode: form.authMode,
-      sshEnabled: !!form.sshEnabled,
-      sshHost: form.sshHost || "",
-      sshPort: Number(form.sshPort || 22),
-      sshUser: form.sshUser || "",
-      sshAuth: form.sshAuth || "password",
-      sshPassword: sanitizeSecret(form.sshPassword || ""),
-      sshPrivateKey: form.sshPrivateKey || "",
-      sshPassphrase: sanitizeSecret(form.sshPassphrase || ""),
-    };
-  };
-
-  const backToList = () => {
-    setTestMsg(null);
-    openConnectionList();
-  };
-
-  const onSave = () => {
-    const c = buildConnection();
-    if (!c) return;
-    upsert(c);
-    set("form", { ...form, id: c.id });
-    set("status", `已保存 ${c.name}`);
-    notify({ kind: "success", title: "保存", message: `已保存「${c.name}」。`, mode: "toast" });
-    backToList();
-  };
-
-  const onTest = async () => {
-    const c = buildConnection();
-    if (!c) return;
-    if (!isDriverReady(c.driver)) {
-      setTestMsg({ ok: false, text: `${driverById(c.driver)?.name ?? c.driver} 驱动未就绪。` });
-      return;
-    }
-    try {
-      await testConnection(c);
-      setTestMsg({ ok: true, text: "连接成功。" });
-      notify({ kind: "success", title: "测试", message: "连接成功。", mode: "toast" });
-    } catch (e) {
-      const msg = e instanceof Error ? e.message : String(e);
-      setTestMsg({ ok: false, text: msg });
-      notifyError(e, "modal");
-    }
-  };
-
-  const onConnect = async () => {
-    const c = buildConnection();
-    if (!c) return;
-    if (!isDriverReady(c.driver)) {
-      notify({ kind: "warning", title: "连接", message: `${driverById(c.driver)?.name ?? c.driver} 驱动未就绪，可先保存。`, mode: "toast" });
-      return;
-    }
-    try {
-      const { sessionId } = await openSession(c);
-      useWorkspaceStore.getState().setSession(c.id, sessionId);
-    } catch (e) {
-      notifyError(e, "modal");
-      return;
-    }
-    upsert(c);
-    set("activeConnectionId", c.id);
-    set("view", "workbench");
-    set("status", `已连接 ${c.name}`);
-  };
-
-  if (!selected) {
-    if (pickerMode === "list") {
-      return <ConnectionList />;
-    }
-    return (
-      <div className="ops-shell flex h-screen">
-        <aside className="ops-panel flex w-44 shrink-0 flex-col border-r">
-          <div className="border-b px-2.5 py-2" style={{ borderColor: "var(--ops-border)" }}>
-            <div className="text-[14px] font-semibold">新建</div>
-            <div className="text-[11px]" style={{ color: "var(--ops-muted)" }}>
-              选择引擎
-            </div>
-          </div>
-          <nav className="flex-1 space-y-px p-1.5">
-            {CATEGORIES.map((c) => (
-              <button
-                key={c}
-                type="button"
-                onClick={() => set("pickerCategory", c)}
-                className={cx(
-                  "block w-full rounded px-2 py-1 text-left text-[12.5px] transition",
-                  category === c ? "ops-tree-item-active" : "ops-tree-item",
-                )}
-              >
-                {c}
-              </button>
-            ))}
-          </nav>
-          <button type="button" className="m-1.5 ops-btn-secondary" onClick={backToList}>
-            返回列表
-          </button>
-        </aside>
-
-        <main className="flex min-w-0 flex-1 flex-col">
-          <div className="ops-chrome-header px-3">
-            <input
-              className="ops-input w-full max-w-sm"
-              placeholder="搜索类型…"
-              value={search}
-              onChange={(e) => set("pickerSearch", e.target.value)}
-            />
-          </div>
-          <section className="flex min-h-0 flex-1 flex-col overflow-hidden">
-            <div className="ops-section-label border-b">{category === "全部" ? "全部引擎" : category}</div>
-            <div className="min-h-0 flex-1 overflow-auto">
-              {filtered.map((d) => (
-                <button key={d.id} type="button" className={cx("ops-driver-row", !(d.ready || d.mysqlCompat) && "opacity-60")} onClick={() => openPicker(d.id)} title={!(d.ready || d.mysqlCompat) ? "驱动未接入" : d.verified === false ? "已接入，待验收" : undefined}>
-                  <DriverIcon driver={d.id} size={20} />
-                  <span className="min-w-0 truncate font-medium">{d.name}</span>
-                  {d.verified === false && (
-                    <span
-                      className="shrink-0 rounded px-1 text-[10px]"
-                      style={{
-                        color: "var(--ops-warning)",
-                        background: "color-mix(in srgb, var(--ops-warning) 12%, transparent)",
-                      }}
-                      title={d.notes?.trim() || "已接入，待验收"}
-                    >
-                      未验收
-                    </span>
-                  )}
-                  {d.ready || d.mysqlCompat ? (
-                    <span className="ops-driver-meta">可用</span>
-                  ) : (
-                    <span
-                      className="ops-driver-meta"
-                      style={{ color: "var(--ops-muted)", opacity: 0.85 }}
-                      title="驱动未接入"
-                    >
-                      未就绪
-                    </span>
-                  )}
-                </button>
-              ))}
-              {filtered.length === 0 && (
-                <div className="px-3 py-4 text-[12.5px]" style={{ color: "var(--ops-muted)" }}>
-                  没有匹配的引擎
-                </div>
-              )}
-            </div>
-          </section>
-        </main>
-      </div>
-    );
-  }
-
-  const ready = isDriverReady(selected.id);
-  const applyDsn = () => {
-    const parsed = parseDSN(dsn);
-    if (!parsed) {
-      notify({ kind: "warning", title: "URL", message: "无法解析。试试 mysql://user:pass@host:3306/db", mode: "toast" });
-      return;
-    }
-    set("form", {
-      ...form,
-      driver: parsed.driver,
-      host: parsed.host ?? form.host,
-      port: parsed.port ?? form.port,
-      user: parsed.user ?? form.user,
-      password: parsed.password ?? form.password,
-      database: parsed.database ?? form.database,
-      ssl: parsed.ssl ?? form.ssl,
-      name: form.name || `${driverById(parsed.driver)?.name ?? parsed.driver} 连接`,
-    });
-    if (parsed.driver !== selected.id) {
-      set("pickerDriver", parsed.driver);
-    }
-    notify({ kind: "success", title: "已填入", message: "从 URL 拆出字段。", mode: "toast" });
-  };
-
-  return (
-    <div className="ops-shell flex h-screen flex-col">
-      <header className="ops-chrome-header gap-2 px-3">
-        <button type="button" className="ops-btn-secondary" onClick={() => { setTestMsg(null); set("pickerDriver", null); set("pickerMode", "drivers"); }}>
-          返回
-        </button>
-        <DriverIcon driver={selected.id} size={20} />
-        <div className="min-w-0">
-          <div className="truncate text-[14px] font-semibold leading-tight">{selected.name}</div>
-          <div className="text-[11px]" style={{ color: ready ? "var(--ops-accent)" : "var(--ops-muted)" }}>
-            {ready ? "可连接" : "驱动未就绪"}
-          </div>
-        </div>
-        <button type="button" className="ops-btn-ghost ml-auto" onClick={backToList}>
-          返回
-        </button>
-      </header>
-
-      <div className="mx-auto flex w-full max-w-xl min-h-0 flex-1 flex-col">
-        <ConnectionForm
-          selected={selected}
-          form={form}
-          setForm={(next) => set("form", next)}
-          dsn={dsn}
-          setDsn={setDsn}
-          onApplyDsn={applyDsn}
-        />
-
-        {testMsg && (
-          <div
-            className="mx-3 mb-2 rounded border px-2.5 py-1.5 text-[12.5px]"
-            style={{
-              borderColor: testMsg.ok
-                ? "color-mix(in srgb, var(--ops-accent) 40%, var(--ops-border))"
-                : "color-mix(in srgb, var(--ops-danger) 40%, var(--ops-border))",
-              color: testMsg.ok ? "var(--ops-accent)" : "var(--ops-danger)",
-              background: testMsg.ok
-                ? "color-mix(in srgb, var(--ops-accent) 8%, transparent)"
-                : "color-mix(in srgb, var(--ops-danger) 8%, transparent)",
-            }}
-          >
-            {testMsg.text}
-          </div>
-        )}
-
-        {!ready && (
-          <div
-            className="mx-3 mb-2 rounded border px-2.5 py-1.5 text-[12.5px]"
-            style={{
-              borderColor: "color-mix(in srgb, var(--ops-warning) 40%, var(--ops-border))",
-              background: "color-mix(in srgb, var(--ops-warning) 8%, transparent)",
-              color: "var(--ops-warning)",
-            }}
-          >
-            {selected.name} 驱动未就绪，可先保存配置。
-          </div>
-        )}
-
-        <div
-          className="flex shrink-0 items-center gap-1.5 border-t px-3 py-2"
-          style={{ borderColor: "var(--ops-border)" }}
-        >
-          <button type="button" className="ops-btn-secondary" onClick={() => void onTest()}>
-            测试连接
-          </button>
-          <div className="ml-auto flex items-center gap-1.5">
-            <button type="button" className="ops-btn-ghost" onClick={backToList}>
-              取消
-            </button>
-            <button type="button" className="ops-btn-secondary" onClick={() => onSave()}>
-              保存
-            </button>
-            <button type="button" className="ops-btn-primary" onClick={() => void onConnect()}>
-              保存并连接
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/packages/ui/src/ConnectionSidebar.tsx b/packages/ui/src/ConnectionSidebar.tsx
deleted file mode 100644
index 12ff3b0..0000000
--- a/packages/ui/src/ConnectionSidebar.tsx
+++ /dev/null
@@ -1,349 +0,0 @@
-import { useEffect, useMemo, useRef, useState } from "react";
-import { closeSession } from "./api";
-import { driverById } from "./catalog";
-import { askInput } from "./dialogs";
-import { DriverIcon } from "./DriverIcon";
-import { ObjectTree } from "./ObjectTree";
-import { TreeChevron } from "./TreeChevron";
-import {
-  DEFAULT_CONN_GROUP,
-  useWorkspaceStore,
-  type SavedConnection,
-} from "./store";
-
-function cx(...xs: Array<string | false | null | undefined>) {
-  return xs.filter(Boolean).join(" ");
-}
-
-type DropHint = { groupId: string; index: number } | null;
-
-export function ConnectionSidebar({
-  onSelect,
-  onDelete,
-}: {
-  onSelect: (id: string) => void;
-  onDelete: (id: string) => void;
-}) {
-  const connections = useWorkspaceStore((s) => s.connections);
-  const groups = useWorkspaceStore((s) => s.connGroups);
-  const expanded = useWorkspaceStore((s) => s.expandedConnGroups);
-  const activeId = useWorkspaceStore((s) => s.activeConnectionId);
-  const addConnGroup = useWorkspaceStore((s) => s.addConnGroup);
-  const renameConnGroup = useWorkspaceStore((s) => s.renameConnGroup);
-  const removeConnGroup = useWorkspaceStore((s) => s.removeConnGroup);
-  const moveConnection = useWorkspaceStore((s) => s.moveConnection);
-  const toggleConnGroup = useWorkspaceStore((s) => s.toggleConnGroup);
-  const notify = useWorkspaceStore((s) => s.notify);
-  const editConnection = useWorkspaceStore((s) => s.editConnection);
-
-  const [ctxMenu, setCtxMenu] = useState<{ x: number; y: number; conn: SavedConnection } | null>(null);
-  /** 断开连接：关会话 + 清树 + 清激活 */
-  const disconnect = (c: SavedConnection) => {
-    const st = useWorkspaceStore.getState();
-    const sid = st.sessions[c.id];
-    if (sid) {
-      void closeSession(sid).catch(() => {});
-    }
-    st.setSession(c.id, null);
-    if (st.activeConnectionId === c.id) {
-      st.set("activeConnectionId", null);
-      st.set("tree", []);
-      st.set("connState", "down");
-      st.set("status", `已断开 ${c.name}`);
-    }
-  };
-
-  const [dragId, setDragId] = useState<string | null>(null);
-  const [dropHint, setDropHint] = useState<DropHint>(null);
-  const dragIdRef = useRef<string | null>(null);
-
-  const byGroup = useMemo(() => {
-    const map = new Map<string, SavedConnection[]>();
-    for (const g of groups) map.set(g.id, []);
-    for (const c of connections) {
-      const gid = c.groupId || DEFAULT_CONN_GROUP;
-      if (!map.has(gid)) map.set(gid, []);
-      map.get(gid)!.push(c);
-    }
-    for (const list of map.values()) {
-      list.sort((a, b) => (a.sortOrder ?? 0) - (b.sortOrder ?? 0));
-    }
-    return map;
-  }, [connections, groups]);
-
-  const onAddGroup = () => {
-    void (async () => {
-      // C6:askInput 替代 window.prompt(WKWebView 下 prompt 返回 null)
-      const name = await askInput({ title: "分组名称", defaultValue: "新分组" });
-      if (name == null) return;
-      const id = addConnGroup(name);
-      notify({ kind: "info", title: "分组", message: `已创建「${name.trim() || "新分组"}」`, mode: "toast" });
-      void id;
-    })();
-  };
-
-  const onRenameGroup = (id: string, cur: string) => {
-    if (id === DEFAULT_CONN_GROUP) return;
-    void (async () => {
-      const name = await askInput({ title: "重命名分组", defaultValue: cur });
-      if (name == null || !name.trim()) return;
-      renameConnGroup(id, name);
-    })();
-  };
-
-  const onRemoveGroup = (id: string, name: string) => {
-    if (id === DEFAULT_CONN_GROUP) return;
-    void (async () => {
-      const ok = await useWorkspaceStore.getState().askConfirm({
-        title: "删除分组",
-        message: `删除分组「${name}」？连接将移回默认。`,
-        okLabel: "删除",
-        danger: true,
-      });
-      if (!ok) return;
-      removeConnGroup(id);
-    })();
-  };
-
-  const setDrop = (groupId: string, index: number) => {
-    const id = dragIdRef.current;
-    if (!id) return;
-    setDropHint({ groupId, index });
-  };
-
-  const commitDrop = () => {
-    const id = dragIdRef.current;
-    const hint = dropHint;
-    dragIdRef.current = null;
-    setDragId(null);
-    setDropHint(null);
-    if (!id || !hint) return;
-    moveConnection(id, hint.groupId, hint.index);
-  };
-
-  return (
-    <div className="flex shrink-0 flex-col">
-      <div className="flex items-center justify-between px-1.5 py-1 text-[11px]" style={{ color: "var(--ops-muted)" }}>
-        <span>连接</span>
-        <button type="button" className="hover:underline" style={{ color: "var(--ops-accent)" }} onClick={onAddGroup} title="新建分组">
-          + 分组
-        </button>
-      </div>
-      <div className="min-h-0 flex-1 overflow-auto p-1">
-        {connections.length === 0 && (
-          <div className="px-1.5 py-1 text-[11px]" style={{ color: "var(--ops-muted)" }}>
-            暂无连接
-          </div>
-        )}
-        {groups.map((g) => {
-          const list = byGroup.get(g.id) ?? [];
-          const open = expanded.includes(g.id);
-          return (
-            <div
-              key={g.id}
-              className="mb-0.5"
-              data-group-id={g.id}
-              onDragOver={(e) => {
-                if (!dragIdRef.current) return;
-                e.preventDefault();
-                setDrop(g.id, list.length);
-              }}
-              onDrop={(e) => {
-                e.preventDefault();
-                commitDrop();
-              }}
-            >
-              <div className="ops-tree-item group/g cursor-pointer" onClick={() => toggleConnGroup(g.id)}>
-                <span className="ops-tree-chevron w-3 shrink-0 text-center text-[10px] opacity-50">{open ? "▾" : "▸"}</span>
-                <span
-                  className="mr-1 inline-block h-3 w-3 shrink-0 rounded-[2px] border"
-                  style={{ borderColor: "var(--ops-muted)", background: "color-mix(in srgb, var(--ops-muted) 25%, transparent)" }}
-                  aria-hidden
-                />
-                <span className="min-w-0 flex-1 truncate font-medium">{g.name}</span>
-                <span className="text-[10px] opacity-40">{list.length}</span>
-                {g.id !== DEFAULT_CONN_GROUP && (
-                  <span className="ml-1 hidden gap-0.5 group-hover/g:inline-flex" onClick={(e) => e.stopPropagation()}>
-                    <button type="button" className="px-0.5 text-[10px] opacity-60 hover:opacity-100" title="重命名" onClick={() => onRenameGroup(g.id, g.name)}>
-                      ✎
-                    </button>
-                    <button type="button" className="px-0.5 text-[10px] opacity-60 hover:opacity-100" style={{ color: "var(--ops-danger)" }} title="删除分组" onClick={() => onRemoveGroup(g.id, g.name)}>
-                      ×
-                    </button>
-                  </span>
-                )}
-              </div>
-
-              {open && (
-                <div className="ml-1 border-l pl-0.5" style={{ borderColor: "var(--ops-border-soft)" }}>
-                  {list.length === 0 && (
-                    <div
-                      className={cx("ops-drop-slot mx-0.5 my-0.5 rounded px-1.5 py-1 text-[10px]", dropHint?.groupId === g.id ? "ops-drop-slot-active" : "")}
-                      style={{ color: "var(--ops-muted)" }}
-                      onDragOver={(e) => {
-                        e.preventDefault();
-                        setDrop(g.id, 0);
-                      }}
-                    >
-                      拖到此处
-                    </div>
-                  )}
-                  {list.map((c, i) => (
-                    <div key={c.id}>
-                      {dropHint?.groupId === g.id && dropHint.index === i && <div className="ops-drop-line" />}
-                      <div
-                        className={cx(
-                          "group flex items-center gap-0.5 rounded",
-                          activeId === c.id ? "ops-tree-item-active" : "",
-                          dragId === c.id ? "opacity-45" : "",
-                        )}
-                        draggable
-                        onDragStart={(e) => {
-                          dragIdRef.current = c.id;
-                          setDragId(c.id);
-                          e.dataTransfer.effectAllowed = "move";
-                          e.dataTransfer.setData("text/plain", c.id);
-                        }}
-                        onDragEnd={() => {
-                          dragIdRef.current = null;
-                          setDragId(null);
-                          setDropHint(null);
-                        }}
-                        onDragOver={(e) => {
-                          if (!dragIdRef.current || dragIdRef.current === c.id) return;
-                          e.preventDefault();
-                          e.stopPropagation();
-                          const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();
-                          const before = e.clientY < rect.top + rect.height / 2;
-                          setDrop(g.id, before ? i : i + 1);
-                        }}
-                        onDrop={(e) => {
-                          e.preventDefault();
-                          e.stopPropagation();
-                          commitDrop();
-                        }}
-                      >
-                        <button
-                          type="button"
-                          className="ops-tree-item min-w-0 flex-1"
-                          onClick={() => onSelect(c.id)}
-                          onContextMenu={(e) => {
-                            e.preventDefault();
-                            e.stopPropagation();
-                            setCtxMenu({ x: e.clientX, y: e.clientY, conn: c });
-                          }}
-                        >
-                          {/* 实例级展开/收起箭头（行首树形 chevron，SVG 保证方向清晰） */}
-                          <span
-                            className="grid w-3.5 shrink-0 cursor-pointer place-items-center opacity-60 hover:opacity-100"
-                            title={activeId === c.id ? "点击收起对象树" : "点击展开对象树"}
-                            onClick={(e) => {
-                              e.stopPropagation();
-                              if (activeId === c.id) {
-                                // 已激活 → 收起（清空树）
-                                useWorkspaceStore.getState().set("tree", []);
-                                useWorkspaceStore.getState().set("activeConnectionId", null);
-                              } else {
-                                // 未激活 → 展开（激活并加载树）
-                                onSelect(c.id);
-                              }
-                            }}
-                          >
-                            <TreeChevron open={activeId === c.id} size={10} />
-                          </span>
-                          {c.color && (
-                            <span className="h-3 w-1 shrink-0 rounded-sm" style={{ background: c.color }} />
-                          )}
-                          <DriverIcon driver={c.driver} size={14} />
-                          <span className="min-w-0 truncate" title={`${driverById(c.driver)?.name ?? c.driver} · ${c.name}`}>
-                            {c.name}
-                          </span>
-                          <span
-                            className="ml-1 h-1.5 w-1.5 shrink-0 rounded-full"
-                            style={{
-                              background: activeId === c.id ? '#22c55e' : 'var(--ops-muted)',
-                              opacity: activeId === c.id ? 1 : 0.4,
-                            }}
-                            title={activeId === c.id ? '已连接' : '未激活'}
-                          />
-                        </button>
-                        <button
-                          type="button"
-                          className="hidden px-0.5 text-[10px] opacity-50 group-hover:inline hover:opacity-100"
-                          title="编辑"
-                          onClick={() => editConnection(c)}
-                        >
-                          ✎
-                        </button>
-                        <button
-                          type="button"
-                          className="mr-0.5 hidden px-1 text-[11px] opacity-50 group-hover:inline hover:opacity-100"
-                          style={{ color: "var(--ops-danger)" }}
-                          onClick={() => onDelete(c.id)}
-                          title="删除连接"
-                        >
-                          ×
-                        </button>
-                      </div>
-                      {activeId === c.id && <ObjectTree />}
-                      {dropHint?.groupId === g.id && dropHint.index === list.length && i === list.length - 1 && (
-                        <div className="ops-drop-line" />
-                      )}
-                    </div>
-                  ))}
-                </div>
-              )}
-            </div>
-          );
-        })}
-      </div>
-
-      {ctxMenu && (
-        <div
-          className="ops-ctx"
-          style={{ position: "fixed", left: ctxMenu.x, top: ctxMenu.y, zIndex: 1000 }}
-        >
-          {activeId === ctxMenu.conn.id && (
-            <button
-              type="button"
-              onClick={() => {
-                disconnect(ctxMenu.conn);
-                setCtxMenu(null);
-              }}
-            >
-              断开连接
-            </button>
-          )}
-          <button
-            type="button"
-            onClick={() => {
-              onSelect(ctxMenu.conn.id);
-              setCtxMenu(null);
-            }}
-          >
-            连接
-          </button>
-          <button
-            type="button"
-            onClick={() => {
-              editConnection(ctxMenu.conn);
-              setCtxMenu(null);
-            }}
-          >
-            编辑
-          </button>
-          <button
-            type="button"
-            style={{ color: "var(--ops-danger)" }}
-            onClick={() => {
-              onDelete(ctxMenu.conn.id);
-              setCtxMenu(null);
-            }}
-          >
-            删除
-          </button>
-        </div>
-      )}
-    </div>
-  );
-}
diff --git a/packages/ui/src/DdlModal.tsx b/packages/ui/src/DdlModal.tsx
deleted file mode 100644
index 16958ca..0000000
--- a/packages/ui/src/DdlModal.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-import { useCallback, useEffect, useState } from "react";
-import { getDdl } from "./api";
-import { ensureSession } from "./ObjectTree";
-import { useWorkspaceStore, type SavedConnection } from "./store";
-import { OpsModal } from "./OpsModal";
-
-/** 超长 DDL 截断阈值(R2-F3):超过只展示前 5000 字符并提示 */
-const DDL_CAP = 5000;
-
-type Props = {
-  conn: SavedConnection;
-  database: string;
-  table: string;
-  onClose: () => void;
-};
-
-/**
- * R2-F3:DDL 查看 —— OpsModal(info 变体)展示服务端返回的建表语句。
- * 等宽 pre + 加载态 + 错误重试;「复制」「插入编辑器」把 DDL 带到剪贴板/当前 Tab。
- */
-export function DdlModal({ conn, database, table, onClose }: Props) {
-  const notify = useWorkspaceStore((s) => s.notify);
-  const [ddl, setDdl] = useState<string | null>(null);
-  const [error, setError] = useState<string | null>(null);
-  const [loading, setLoading] = useState(true);
-
-  const load = useCallback(async () => {
-    setLoading(true);
-    setError(null);
-    try {
-      const sid = await ensureSession(conn);
-      const res = await getDdl(conn, table, { database, sessionId: sid });
-      if (res.error) throw new Error(res.error);
-      setDdl(res.ddl ?? "(空)");
-    } catch (e) {
-      setError(e instanceof Error ? e.message : String(e));
-      setDdl(null);
-    } finally {
-      setLoading(false);
-    }
-  }, [conn, database, table]);
-
-  useEffect(() => {
-    void load();
-  }, [load]);
-
-  const truncated = ddl != null && ddl.length > DDL_CAP;
-  const text = truncated ? (ddl ?? "").slice(0, DDL_CAP) : (ddl ?? "");
-
-  const copy = async () => {
-    await navigator.clipboard.writeText(text);
-    notify({ kind: "success", title: "已复制", message: `${database}.${table} DDL`, mode: "toast", durationMs: 1400 });
-  };
-
-  /** 插入编辑器:DDL 追加到当前激活 Tab 的 SQL 末尾 */
-  const insertToEditor = () => {
-    const st = useWorkspaceStore.getState();
-    const tab = st.tabs.find((t) => t.id === st.activeTabId);
-    const cur = tab?.sql ?? "";
-    st.updateActiveSql(cur.trim() ? `${cur.replace(/\s+$/, "")}\n\n${text}` : text);
-    notify({ kind: "success", title: "已插入编辑器", message: `${database}.${table} DDL`, mode: "toast", durationMs: 1600 });
-    onClose();
-  };
-
-  return (
-    <OpsModal variant="info" wide title={`DDL · ${database ? `${database}.` : ""}${table}`} okLabel="关闭" onOk={onClose}>
-      {loading ? (
-        <div style={{ color: "var(--ops-muted)" }}>加载 DDL…</div>
-      ) : error ? (
-        <div>
-          <div
-            className="rounded border px-2.5 py-1.5"
-            style={{
-              borderColor: "color-mix(in srgb, var(--ops-danger) 40%, var(--ops-border))",
-              background: "color-mix(in srgb, var(--ops-danger) 10%, transparent)",
-              color: "var(--ops-danger)",
-              fontSize: "var(--ops-text-sm)",
-            }}
-          >
-            {error}
-          </div>
-          <div className="mt-2 flex justify-end">
-            <button type="button" className="ops-btn-secondary h-6 px-2 text-[11px]" onClick={() => void load()}>
-              重试
-            </button>
-          </div>
-        </div>
-      ) : (
-        <>
-          <div className="mb-1.5 flex items-center justify-end gap-1.5">
-            <button type="button" className="ops-btn-secondary h-6 px-2 text-[11px]" onClick={() => void copy()}>
-              复制
-            </button>
-            <button type="button" className="ops-btn-secondary h-6 px-2 text-[11px]" onClick={insertToEditor}>
-              插入编辑器
-            </button>
-          </div>
-          <pre
-            className="m-0 max-h-[50vh] overflow-auto whitespace-pre-wrap break-all rounded border px-2.5 py-2 font-mono leading-relaxed"
-            style={{
-              fontSize: "var(--ops-text-xs)",
-              borderColor: "var(--ops-border-soft)",
-              background: "var(--ops-editor-bg)",
-              color: "var(--ops-text)",
-            }}
-          >
-            {text}
-          </pre>
-          {truncated && (
-            <div className="mt-1.5" style={{ fontSize: "var(--ops-text-xs)", color: "var(--ops-warning)" }}>
-              内容过长,仅显示前 {DDL_CAP} 字符(共 {ddl?.length} 字符)。
-            </div>
-          )}
-        </>
-      )}
-    </OpsModal>
-  );
-}
diff --git a/packages/ui/src/DriverIcon.tsx b/packages/ui/src/DriverIcon.tsx
deleted file mode 100644
index a4e5cd9..0000000
--- a/packages/ui/src/DriverIcon.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import { useState } from "react";
-import { driverById, type DriverId } from "./catalog";
-import { resolveDriverIconUrl } from "./driverIconUrls";
-
-function initials(name: string, id: string): string {
-  const raw = (name || id).replace(/[^a-zA-Z0-9\u4e00-\u9fff]/g, "");
-  if (!raw) return "?";
-  // Prefer 2-letter latin abbreviation from id
-  if (/^[a-z]/i.test(id)) return id.slice(0, 2).toUpperCase();
-  return raw.slice(0, 2).toUpperCase();
-}
-
-function LetterFallback({
-  label,
-  size,
-  className,
-  title,
-}: {
-  label: string;
-  size: number;
-  className?: string;
-  title?: string;
-}) {
-  return (
-    <span
-      className={`inline-grid shrink-0 place-items-center rounded-[3px] text-[9px] font-bold ${className ?? ""}`}
-      style={{
-        width: size,
-        height: size,
-        background: "color-mix(in srgb, var(--ops-muted) 22%, transparent)",
-        color: "var(--ops-muted)",
-      }}
-      title={title}
-    >
-      {label}
-    </span>
-  );
-}
-
-export function DriverIcon({
-  driver,
-  size = 16,
-  className = "",
-}: {
-  driver: DriverId | string;
-  size?: number;
-  className?: string;
-}) {
-  const d = driverById(driver);
-  const label = initials(d?.name ?? String(driver), String(driver));
-  const src = resolveDriverIconUrl(String(driver), d?.icon);
-  const [failed, setFailed] = useState(false);
-
-  if (src && !failed) {
-    return (
-      <img
-        src={src}
-        alt=""
-        width={size}
-        height={size}
-        className={`shrink-0 object-contain ${className}`}
-        draggable={false}
-        onError={() => setFailed(true)}
-      />
-    );
-  }
-  return <LetterFallback label={label} size={size} className={className} title={d?.name ?? String(driver)} />;
-}
diff --git a/packages/ui/src/DriverManager.tsx b/packages/ui/src/DriverManager.tsx
deleted file mode 100644
index b6c3d86..0000000
--- a/packages/ui/src/DriverManager.tsx
+++ /dev/null
@@ -1,182 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import { driverImportOffline, driverInstall, driverStatus, type DriverStatusItem } from "./api";
-import { driverById } from "./catalog";
-import { DriverIcon } from "./DriverIcon";
-import { OpsModal } from "./OpsModal";
-import { useWorkspaceStore } from "./store";
-
-const LABELS: Record<string, string> = {
-  mongodb: "MongoDB",
-  zookeeper: "ZooKeeper",
-  dameng: "达梦 DM8",
-};
-
-function fmtSize(n: number): string {
-  if (n >= 1 << 20) return `${(n / (1 << 20)).toFixed(1)} MB`;
-  if (n >= 1 << 10) return `${(n / (1 << 10)).toFixed(0)} KB`;
-  return `${n} B`;
-}
-
-/**
- * 驱动管理弹框：agent 驱动（MongoDB / ZooKeeper / 达梦）的运行时状态与维护入口。
- * 在线环境首次连接会自动下载；这里提供预装、离线包导入与商用 jar 指引。
- */
-export function DriverManager({ onClose }: { onClose: () => void }) {
-  const notify = useWorkspaceStore((s) => s.notify);
-  const notifyError = useWorkspaceStore((s) => s.notifyError);
-  const [items, setItems] = useState<DriverStatusItem[] | null>(null);
-  const [busy, setBusy] = useState<string | null>(null);
-  const fileRef = useRef<HTMLInputElement>(null);
-
-  const reload = async () => {
-    try {
-      setItems(await driverStatus());
-    } catch (e) {
-      notifyError(e, "toast");
-    }
-  };
-  useEffect(() => {
-    void reload();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  const install = async (id: string) => {
-    setBusy(id);
-    try {
-      const r = await driverInstall(id);
-      if (r.drivers) setItems(r.drivers);
-      if (r.ok) {
-        notify({ kind: "success", title: "安装完成", message: `${LABELS[id] ?? id} 驱动已就绪`, mode: "toast" });
-      } else {
-        notify({ kind: "error", title: "安装失败", message: r.error ?? "未知错误", mode: "modal" });
-      }
-    } catch (e) {
-      notifyError(e, "modal");
-    } finally {
-      setBusy(null);
-    }
-  };
-
-  const importZip = async (f: File) => {
-    setBusy("import");
-    try {
-      const r = await driverImportOffline(f);
-      if (r.drivers) setItems(r.drivers);
-      if (r.ok) {
-        notify({ kind: "success", title: "导入完成", message: `已导入 ${r.imported} 个文件`, mode: "toast" });
-      } else {
-        notify({ kind: "error", title: "导入失败", message: r.error ?? "包校验失败", mode: "modal" });
-      }
-    } catch (e) {
-      notifyError(e, "modal");
-    } finally {
-      setBusy(null);
-      if (fileRef.current) fileRef.current.value = "";
-    }
-  };
-
-  const jdk = items?.find((x) => x.jdkRequired);
-
-  return (
-    <OpsModal variant="info" title="驱动管理" onOk={onClose}>
-      <div className="space-y-2" style={{ minWidth: 480 }}>
-        {/* 环境状态行 */}
-        <div
-          className="flex items-center gap-3 rounded border px-2.5 py-1.5 text-[11.5px]"
-          style={{ borderColor: "var(--ops-border)", background: "var(--ops-surface-2)" }}
-        >
-          <span style={{ color: "var(--ops-muted)" }}>JVM：</span>
-          {jdk?.jdkOk ? (
-            <span style={{ color: "var(--ops-accent)" }}>已检测到 Java {jdk.javaVersion}</span>
-          ) : (
-            <span style={{ color: "var(--ops-danger)" }}>未找到 Java（agent 驱动需 JDK 17+）</span>
-          )}
-          <span style={{ color: "var(--ops-muted)" }}>·</span>
-          <span style={{ color: "var(--ops-muted)" }}>agent：</span>
-          <span style={{ color: items?.[0]?.agentInstalled ? "var(--ops-accent)" : "var(--ops-warning)" }}>
-            {items?.[0]?.agentInstalled ? "已安装" : "缺失（连接时自动下载）"}
-          </span>
-        </div>
-
-        {/* 驱动行 */}
-        {items === null && <div className="py-3 text-[12px]" style={{ color: "var(--ops-muted)" }}>加载中…</div>}
-        {items?.map((d) => {
-          const done = d.allInstalled;
-          const badge = !d.jdkOk
-            ? { t: "缺 JDK", c: "var(--ops-danger)" }
-            : done
-              ? { t: "已安装", c: "var(--ops-accent)" }
-              : d.license === "proprietary"
-                ? { t: "需自备 jar", c: "var(--ops-warning)" }
-                : { t: "未安装", c: "var(--ops-muted)" };
-          const total = d.jars.reduce((s, j) => s + (j.size || 0), 0);
-          const got = d.jars.filter((j) => j.installed).length;
-          return (
-            <div
-              key={d.id}
-              className="flex items-center gap-2.5 rounded border px-2.5 py-2"
-              style={{ borderColor: "var(--ops-border-soft)" }}
-            >
-              <DriverIcon driver={d.id} size={20} />
-              <div className="min-w-0 flex-1">
-                <div className="flex items-center gap-2">
-                  <span className="text-[12.5px] font-medium">{LABELS[d.id] ?? d.label}</span>
-                  <span
-                    className="rounded px-1 text-[10px]"
-                    style={{ color: badge.c, background: `color-mix(in srgb, ${badge.c} 12%, transparent)` }}
-                  >
-                    {badge.t}
-                  </span>
-                </div>
-                <div className="text-[10.5px]" style={{ color: "var(--ops-muted)" }}>
-                  {d.license === "proprietary"
-                    ? "商用许可不代下载：把官方 DmJdbcDriver jar 放到 ~/.opsxdb/drivers/dameng/"
-                    : d.jars.length > 0
-                      ? `驱动 jar ${got}/${d.jars.length}${total > 0 ? ` · ${fmtSize(total)}` : ""}${d.autoFetch ? " · 连接时自动下载" : ""}`
-                      : "—"}
-                </div>
-              </div>
-              {d.autoFetch && !done && d.jdkOk && (
-                <button
-                  type="button"
-                  className="ops-btn-secondary h-6 px-2 text-[11px]"
-                  disabled={busy !== null}
-                  onClick={() => void install(d.id)}
-                >
-                  {busy === d.id ? "安装中…" : "安装"}
-                </button>
-              )}
-            </div>
-          );
-        })}
-
-        {/* 离线包导入 */}
-        <div
-          className="flex items-center gap-2 border-t pt-2 text-[11px]"
-          style={{ borderColor: "var(--ops-border-soft)", color: "var(--ops-muted)" }}
-        >
-          <span>内网/离线：</span>
-          <button
-            type="button"
-            className="ops-btn-secondary h-6 px-2 text-[11px]"
-            disabled={busy !== null}
-            onClick={() => fileRef.current?.click()}
-          >
-            {busy === "import" ? "导入中…" : "导入离线驱动包…"}
-          </button>
-          <span className="truncate">（opsxdb-driver 仓库 pack.sh 产物 .zip）</span>
-          <input
-            ref={fileRef}
-            type="file"
-            accept=".zip"
-            className="hidden"
-            onChange={(e) => {
-              const f = e.target.files?.[0];
-              if (f) void importZip(f);
-            }}
-          />
-        </div>
-      </div>
-    </OpsModal>
-  );
-}
diff --git a/packages/ui/src/NotifyHost.tsx b/packages/ui/src/NotifyHost.tsx
deleted file mode 100644
index 3fffb0e..0000000
--- a/packages/ui/src/NotifyHost.tsx
+++ /dev/null
@@ -1,229 +0,0 @@
-import { useEffect } from "react";
-import { useWorkspaceStore } from "./store";
-import type { ConfirmRequest } from "./store";
-import type { NotifyKind, NotifyPayload } from "./notify";
-import { OpsModal } from "./OpsModal";
-import { settleInputRequest, useInputRequest } from "./dialogs";
-
-// C6:items 字段由 WS-C 在 store.ts 正式补充,此处本地类型扩展先行渲染
-type ConfirmRequestWithItems = ConfirmRequest & { items?: string[] };
-
-/**
- * 分级语义色:统一走 --ops-* 令牌(修 V2,去除 slate 硬编码),亮暗主题随行
- * error→danger / warning→warning / info→accent / success→success
- */
-const KIND_META: Record<NotifyKind, { color: string; label: string }> = {
-  error: { color: "var(--ops-danger)", label: "错误" },
-  warning: { color: "var(--ops-warning)", label: "提示" },
-  info: { color: "var(--ops-accent)", label: "信息" },
-  success: { color: "var(--ops-success)", label: "成功" },
-};
-
-function KindIcon({ kind }: { kind: NotifyKind }) {
-  const meta = KIND_META[kind];
-  const glyph =
-    kind === "error" ? "!" : kind === "warning" ? "!" : kind === "success" ? "✓" : "i";
-  return (
-    <div
-      className="grid h-9 w-9 shrink-0 place-items-center rounded-full text-sm font-bold"
-      style={{
-        background: `color-mix(in srgb, ${meta.color} 15%, transparent)`,
-        color: meta.color,
-      }}
-    >
-      {glyph}
-    </div>
-  );
-}
-
-/** 通知模态:走 OpsModal info 变体(Esc/遮罩关闭、焦点管理由 OpsModal 负责) */
-function ModalCard({ n, onClose }: { n: NotifyPayload; onClose: () => void }) {
-  const meta = KIND_META[n.kind];
-  return (
-    <OpsModal
-      variant="info"
-      title={
-        <span className="flex items-center gap-2.5">
-          <KindIcon kind={n.kind} />
-          <span>
-            <span
-              className="block font-semibold uppercase"
-              style={{ fontSize: "var(--ops-text-xs)", letterSpacing: "0.05em", color: meta.color }}
-            >
-              {meta.label}
-            </span>
-            <span className="block" style={{ fontSize: "var(--ops-text-lg)" }}>
-              {n.title}
-            </span>
-          </span>
-        </span>
-      }
-      onOk={onClose}
-    >
-      <p className="m-0">{n.message}</p>
-
-      {n.tips && n.tips.length > 0 && (
-        <ul
-          className="m-0 mt-2 space-y-1.5 rounded border px-3 py-2.5"
-          style={{
-            fontSize: "var(--ops-text-sm)",
-            borderColor: "var(--ops-border-soft)",
-            background: "var(--ops-surface-2)",
-            color: "var(--ops-muted)",
-            listStyle: "none",
-          }}
-        >
-          {n.tips.map((t) => (
-            <li key={t} className="flex gap-2">
-              <span className="mt-0.5" style={{ color: "var(--ops-accent)" }}>
-                •
-              </span>
-              <span>{t}</span>
-            </li>
-          ))}
-        </ul>
-      )}
-
-      {n.detail && (
-        <details
-          className="group mt-2 rounded border"
-          style={{ borderColor: "var(--ops-border-soft)", background: "var(--ops-editor-bg)" }}
-        >
-          <summary
-            className="cursor-pointer select-none px-3 py-2 hover:underline"
-            style={{ fontSize: "var(--ops-text-sm)", color: "var(--ops-muted)" }}
-          >
-            技术详情
-          </summary>
-          <pre
-            className="max-h-40 overflow-auto border-t px-3 py-2 font-mono leading-5 whitespace-pre-wrap break-all"
-            style={{
-              fontSize: "var(--ops-text-xs)",
-              borderColor: "var(--ops-border-soft)",
-              color: "var(--ops-muted)",
-            }}
-          >
-            {n.detail}
-          </pre>
-        </details>
-      )}
-    </OpsModal>
-  );
-}
-
-/** Toast:保留分级图标 + 自动关闭,样式走令牌 */
-function ToastCard({ n, onClose }: { n: NotifyPayload; onClose: () => void }) {
-  const meta = KIND_META[n.kind];
-  useEffect(() => {
-    const ms = n.durationMs ?? 3200;
-    const t = window.setTimeout(onClose, ms);
-    return () => window.clearTimeout(t);
-  }, [n.durationMs, onClose]);
-
-  return (
-    <div
-      className="ops-toast"
-      style={{ borderColor: `color-mix(in srgb, ${meta.color} 45%, var(--ops-border))` }}
-      role="status"
-    >
-      <KindIcon kind={n.kind} />
-      <div className="min-w-0 flex-1">
-        <div className="font-semibold" style={{ fontSize: "var(--ops-text-md)", color: "var(--ops-text)" }}>
-          {n.title}
-        </div>
-        <div className="mt-0.5 leading-relaxed" style={{ fontSize: "var(--ops-text-sm)", color: "var(--ops-muted)" }}>
-          {n.message}
-        </div>
-      </div>
-      <button
-        type="button"
-        className="ops-btn-ghost"
-        style={{ height: "auto", padding: "2px 6px" }}
-        aria-label="关闭"
-        onClick={onClose}
-      >
-        ✕
-      </button>
-    </div>
-  );
-}
-
-/** 危险/普通确认框:走 OpsModal confirm 变体;items 语句清单前 3 条 + 折叠其余(修 C2) */
-function ConfirmCard() {
-  const confirm = useWorkspaceStore((s) => s.confirm) as ConfirmRequestWithItems | null;
-  const resolveConfirm = useWorkspaceStore((s) => s.resolveConfirm);
-  if (!confirm) return null;
-  const items = confirm.items;
-  return (
-    <OpsModal
-      variant="confirm"
-      title={confirm.title}
-      danger={confirm.danger}
-      okLabel={confirm.okLabel || "确定"}
-      zIndex="var(--ops-z-confirm)"
-      onOk={() => resolveConfirm(true)}
-      onCancel={() => resolveConfirm(false)}
-    >
-      <p className="m-0">{confirm.message}</p>
-      {items && items.length > 0 && (
-        <div className="ops-modal-items">
-          {items.slice(0, 3).map((s, i) => (
-            <div key={i}>{s}</div>
-          ))}
-          {items.length > 3 && (
-            <details className="mt-1">
-              <summary className="cursor-pointer select-none" style={{ color: "var(--ops-accent)" }}>
-                还有 {items.length - 3} 条,展开查看
-              </summary>
-              {items.slice(3).map((s, i) => (
-                <div key={i + 3} className="mt-1">
-                  {s}
-                </div>
-              ))}
-            </details>
-          )}
-        </div>
-      )}
-    </OpsModal>
-  );
-}
-
-/** askInput(C6)渲染宿主:队列中的输入请求逐个以 OpsModal input 变体展示 */
-function DialogHost() {
-  const req = useInputRequest();
-  if (!req) return null;
-  return (
-    <OpsModal
-      key={req.id}
-      variant="input"
-      title={req.title}
-      label={req.label}
-      defaultValue={req.defaultValue}
-      placeholder={req.placeholder}
-      onOk={(v) => settleInputRequest(v ?? null)}
-      onCancel={() => settleInputRequest(null)}
-    />
-  );
-}
-
-export function NotifyHost() {
-  const modal = useWorkspaceStore((s) => s.notifyModal);
-  const toasts = useWorkspaceStore((s) => s.notifyToasts);
-  const dismissNotify = useWorkspaceStore((s) => s.dismissNotify);
-
-  return (
-    <>
-      {modal && <ModalCard n={modal} onClose={() => dismissNotify(modal.id)} />}
-      <ConfirmCard />
-      <DialogHost />
-      <div
-        className="pointer-events-none fixed bottom-4 right-4 flex flex-col-reverse gap-2"
-        style={{ zIndex: "var(--ops-z-toast)" }}
-      >
-        {toasts.map((n) => (
-          <ToastCard key={n.id} n={n} onClose={() => dismissNotify(n.id)} />
-        ))}
-      </div>
-    </>
-  );
-}
diff --git a/packages/ui/src/ObjectTree.tsx b/packages/ui/src/ObjectTree.tsx
deleted file mode 100644
index a915e5d..0000000
--- a/packages/ui/src/ObjectTree.tsx
+++ /dev/null
@@ -1,1948 +0,0 @@
-import { useEffect, useRef, useState, type KeyboardEvent as ReactKeyboardEvent, type MouseEvent as ReactMouseEvent, type ReactNode } from "react";
-import {
-  deleteRedisKey,
-  deleteRedisPattern,
-  execSql,
-  getRedisKey,
-  listColumns,
-  listRedisKeys,
-  listTables,
-  loadTree,
-  openSession,
-  searchObjects,
-  type SearchObjectHit,
-} from "./api";
-import { DdlModal } from "./DdlModal";
-import type { ColumnInfo } from "./store";
-import { isDriverReady, driverCaps, type TreeGroupKind } from "./catalog";
-import { TreeChevron } from "./TreeChevron";
-import {
-  buildRedisKeyTree,
-  createKeyCommand,
-  filterRedisTree,
-  formatRedisTtl,
-  redisHintForType,
-  redisLeafLabel,
-  redisTypeColor,
-  removeRedisKeyFromTree,
-} from "./redis";
-import { previewSelectSql, sampleSelectSql } from "./sql";
-import { useWorkspaceStore, type SavedConnection, type TreeNode } from "./store";
-
-export { formatRedisTtl };
-
-const GROUPS: { id: string; label: string; kind: TreeNode["kind"] }[] = [
-  { id: "tables", label: "表", kind: "group" },
-  { id: "views", label: "视图", kind: "group" },
-  { id: "procedures", label: "存储过程", kind: "group" },
-  { id: "functions", label: "函数", kind: "group" },
-];
-
-/** 对象树分类色板：高饱和色，深浅主题下都够亮 */
-const TREE_COLORS = {
-  database: "#10b981", // 库 · 祖母绿
-  tables: "#3b82f6", // 表 · 蓝
-  views: "#8b5cf6", // 视图 · 紫
-  procedures: "#f59e0b", // 存储过程 · 琥珀
-  functions: "#06b6d4", // 函数 · 青
-  keys: "#ef4444", // Redis 键 · 红
-  folder: "#f59e0b", // Redis 文件夹 · 琥珀
-  columns: "#22c55e", // 字段 · 绿
-} as const;
-
-type TreeColorKey = keyof typeof TREE_COLORS;
-
-function groupIdColor(groupId?: string): TreeColorKey {
-  switch (groupId) {
-    case "tables":
-      return "tables";
-    case "views":
-      return "views";
-    case "procedures":
-      return "procedures";
-    case "functions":
-      return "functions";
-    case "keys":
-      return "keys";
-    case "folder":
-      return "folder";
-    case "columns":
-      return "columns";
-    default:
-      return "tables";
-  }
-}
-
-/** 分类图标：实底 16×16 线面结合，颜色即分类色 */
-function TreeIcon({ kind, size = 13 }: { kind: TreeColorKey; size?: number }) {
-  const c = TREE_COLORS[kind];
-  const common = { stroke: c, fill: "none", strokeWidth: 1.7, strokeLinecap: "round" as const, strokeLinejoin: "round" as const };
-  return (
-    <svg width={size} height={size} viewBox="0 0 16 16" className="shrink-0" aria-hidden="true">
-      {kind === "database" && (
-        <g {...common}>
-          <ellipse cx="8" cy="3.6" rx="5.2" ry="2.1" fill={c} fillOpacity="0.35" />
-          <path d="M2.8 3.6v8.8c0 1.16 2.33 2.1 5.2 2.1s5.2-.94 5.2-2.1V3.6" />
-          <path d="M2.8 8c0 1.16 2.33 2.1 5.2 2.1S13.2 9.16 13.2 8" />
-        </g>
-      )}
-      {kind === "tables" && (
-        <g {...common}>
-          <rect x="2" y="2" width="12" height="12" rx="2" fill={c} fillOpacity="0.18" />
-          <path d="M2 6h12M2 10h12M6 2v12M10 2v12" strokeOpacity="0.85" />
-        </g>
-      )}
-      {kind === "views" && (
-        <g {...common}>
-          <path d="M1.8 8s2.2-4 6.2-4 6.2 4 6.2 4-2.2 4-6.2 4-6.2-4-6.2-4Z" fill={c} fillOpacity="0.15" />
-          <circle cx="8" cy="8" r="1.9" fill={c} stroke="none" />
-        </g>
-      )}
-      {kind === "procedures" && (
-        <g {...common}>
-          <rect x="2" y="2.5" width="12" height="11" rx="2" fill={c} fillOpacity="0.15" />
-          <path d="M6.5 5.8v4.4L10.4 8Z" fill={c} stroke="none" />
-        </g>
-      )}
-      {kind === "functions" && (
-        <g {...common}>
-          <rect x="2" y="2" width="12" height="12" rx="6" fill={c} fillOpacity="0.15" />
-          <path d="M9.4 5.2c-1.2 0-1.2 1-1.2 1.8v2c0 .8 0 1.8-1.3 1.8 1.3 0 1.3 1 1.3 1.8" />
-          <path d="M6.6 5.2c1.2 0 1.2 1 1.2 1.8" strokeOpacity="0" />
-        </g>
-      )}
-      {kind === "keys" && (
-        <g {...common}>
-          <circle cx="5.4" cy="10.6" r="3" fill={c} fillOpacity="0.2" />
-          <path d="m7.6 8.4 5-5M10 6l1.8 1.8M11.6 4.4l1.8 1.8" />
-        </g>
-      )}
-      {kind === "folder" && (
-        <g {...common}>
-          <path d="M2.2 4.2h4.2l1.2 1.4H13.8a1 1 0 0 1 1 1v6.2a1 1 0 0 1-1 1H2.2a1 1 0 0 1-1-1V5.2a1 1 0 0 1 1-1Z" fill={c} fillOpacity="0.2" />
-          <path d="M1.2 7.2h13.6" />
-        </g>
-      )}
-      {kind === "columns" && (
-        <g {...common}>
-          <rect x="2" y="2.5" width="12" height="11" rx="2" fill={c} fillOpacity="0.14" />
-          <path d="M4.6 5.6h6.8M4.6 8h6.8M4.6 10.4h4.4" />
-        </g>
-      )}
-    </svg>
-  );
-}
-
-/** 分类计数徽章：分类色底 12% 透明 + 分类色文字 */
-function CountBadge({ kind, count }: { kind: TreeColorKey; count: number }) {
-  const c = TREE_COLORS[kind];
-  return (
-    <span
-      className="ml-1.5 rounded px-1 text-[10px] font-semibold leading-4 tabular-nums"
-      style={{ background: `${c}1f`, color: c }}
-    >
-      {count}
-    </span>
-  );
-}
-
-
-function isRedisConn(driver?: string) {
-  return (driver || "").toLowerCase() === "redis";
-}
-
-/** 建连在途 promise:并发调用复用同一次 openSession(06-P1#8),避免重复建会话 */
-const sessionInflight = new Map<string, Promise<string>>();
-
-/** 可自动重连的错误：会话失效 / 连接类故障（Redis 重启、网络闪断等） */
-export function isReconnectableError(e: unknown): boolean {
-  const msg = (e instanceof Error ? e.message : String(e)).toLowerCase();
-  return (
-    msg.includes("会话已失效") ||
-    msg.includes("session") ||
-    /connection refused|broken pipe|eof|i\/o timeout|reset by peer|connect: bad|closed|unreachable/.test(msg)
-  );
-}
-
-/**
- * 会话自动重连包装：op 失败且属会话/连接类错误时，清本地会话缓存 →
- * 重新 openSession → 重试一次。用户无感恢复（对标 ARDM/Navicat 的自动重连）。
- */
-export async function withSessionRetry<T>(c: SavedConnection, op: (sid: string) => Promise<T>): Promise<T> {
-  try {
-    return await op(await ensureSession(c));
-  } catch (e) {
-    if (!isReconnectableError(e)) throw e;
-    useWorkspaceStore.getState().setSession(c.id, null);
-    return await op(await ensureSession(c));
-  }
-}
-
-export async function ensureSession(c: SavedConnection): Promise<string> {
-  const store = useWorkspaceStore.getState();
-  const existing = store.sessions[c.id];
-  if (existing) return existing;
-  const inflight = sessionInflight.get(c.id);
-  if (inflight) return inflight;
-  const p = (async () => {
-    const { sessionId } = await openSession(c);
-    useWorkspaceStore.getState().setSession(c.id, sessionId);
-    return sessionId;
-  })();
-  sessionInflight.set(c.id, p);
-  try {
-    return await p;
-  } finally {
-    sessionInflight.delete(c.id);
-  }
-}
-
-function emptyGroups(): TreeNode[] {
-  // 按驱动能力过滤分组：NoSQL 库不挂「视图/存储过程/函数」等名不副实的空组
-  const caps = driverCaps(useWorkspaceStore.getState().connections.find(
-    (c) => c.id === useWorkspaceStore.getState().activeConnectionId,
-  )?.driver ?? "");
-  return GROUPS.filter((g) => caps.treeGroups.includes(g.id as TreeGroupKind)).map((g) => ({
-    name: caps.groupLabel[g.id as TreeGroupKind] ?? g.label,
-    kind: "group" as const,
-    groupId: g.id,
-    count: 0,
-    children: [],
-    loaded: false,
-  }));
-}
-
-type CtxMenu = {
-  x: number;
-  y: number;
-  label: string;
-  /** 对象种类：决定 P0 菜单骨架 */
-  kind?: "database" | "table" | "view" | "key" | "group" | "folder";
-  /** Redis 文件夹：按此前缀过滤 */
-  onFilterPrefix?: () => void;
-  /** Redis 文件夹 / 键组：新建键 */
-  onNewKey?: () => void;
-  /** Redis 文件夹：删除整个目录（前缀批量删除，强确认） */
-  onDeleteFolder?: () => void;
-  /** Redis 键：批量删除多选的键 */
-  onDeleteSelected?: () => void;
-  onRefresh: () => void;
-  onSchema?: () => void;
-  onView?: () => void;
-  onDelete?: () => void;
-  /** R2-F3:表/视图 —— 查看 DDL(弹 DdlModal) */
-  onDdl?: () => void;
-  /** 表/视图：查看数据 */
-  onQueryData?: () => void;
-  /** 表/视图：生成 SQL（P1，菜单暂不展示） */
-  onGen?: (kind: GenSqlKind) => void;
-  /** 表：截断/清空 */
-  onTruncate?: () => void;
-  /** 表：DROP */
-  onDropTable?: () => void;
-  /** 库：新建查询 */
-  onNewQuery?: () => void;
-  /** 库：浏览对象（展开） */
-  onBrowse?: () => void;
-  /** 库：设为默认库 */
-  onSetDefaultDb?: () => void;
-  /** 库：删除库 */
-  onDropDatabase?: () => void;
-  /** 刷新按钮文案（Redis 键用「刷新 TTL」） */
-  refreshLabel?: string;
-  /** 复制名称按钮文案 */
-  copyLabel?: string;
-};
-
-type Ctx = CtxMenu | null;
-
-export type GenSqlKind = "select" | "insert" | "update" | "delete";
-
-/** 标识符按方言加引号（Oracle 裸名） */
-function quoteIdent(driver: string | undefined, ident: string): string {
-  const d = (driver || "mysql").toLowerCase();
-  if (d === "postgresql" || d === "postgres" || d === "gaussdb" || d === "kingbase" || d === "opengauss") return `"${ident}"`;
-  if (d === "sqlserver" || d === "mssql") return `[${ident}]`;
-  if (d === "sqlite") return `"${ident}"`;
-  if (d === "oracle") return ident;
-  return `\`${ident}\``;
-}
-
-/** 库.表 全限定（SQLite 为单文件无库级） */
-function qualTable(driver: string | undefined, db: string, table: string): string {
-  const d = (driver || "mysql").toLowerCase();
-  if (d === "sqlite") return quoteIdent(d, table);
-  return `${quoteIdent(d, db)}.${quoteIdent(d, table)}`;
-}
-
-/** 生成 SQL 模板：? 占位符，主键自动进 WHERE；无列信息时退化为骨架 */
-function buildGenSql(
-  kind: GenSqlKind,
-  driver: string | undefined,
-  db: string,
-  table: string,
-  cols: ColumnInfo[],
-): string {
-  const qt = qualTable(driver, db, table);
-  const q = (s: string) => quoteIdent(driver, s);
-  const names = cols.map((c) => c.name).filter(Boolean);
-  const pk = cols.find((c) => c.key === "PRI" || c.key === "PK")?.name;
-  if (kind === "insert") {
-    if (!names.length) return `INSERT INTO ${qt} (...) VALUES (...);`;
-    return `INSERT INTO ${qt}\n  (${names.map(q).join(", ")})\nVALUES\n  (${names.map(() => "?").join(", ")});`;
-  }
-  if (kind === "update") {
-    const sets = (names.length ? names : ["col"]).map((c) => `${q(c)} = ?`);
-    return `UPDATE ${qt}\nSET\n  ${sets.join(",\n  ")}\nWHERE ${pk ? `${q(pk)} = ?` : "/* WHERE 条件 */"};`;
-  }
-  if (kind === "delete") {
-    return `DELETE FROM ${qt}\nWHERE ${pk ? `${q(pk)} = ?` : "/* WHERE 条件 */"};`;
-  }
-  return sampleSelectSql(driver, db, table);
-}
-
-export function ObjectTree() {
-  const connections = useWorkspaceStore((s) => s.connections);
-  const activeId = useWorkspaceStore((s) => s.activeConnectionId);
-  const tree = useWorkspaceStore((s) => s.tree);
-  const treeLoading = useWorkspaceStore((s) => s.treeLoading);
-  const set = useWorkspaceStore((s) => s.set);
-  const updateActiveSql = useWorkspaceStore((s) => s.updateActiveSql);
-  const newQueryTab = useWorkspaceStore((s) => s.newQueryTab);
-  const askConfirm = useWorkspaceStore((s) => s.askConfirm);
-  const notify = useWorkspaceStore((s) => s.notify);
-  const notifyError = useWorkspaceStore((s) => s.notifyError);
-  const pushHistory = useWorkspaceStore((s) => s.pushHistory);
-  const setResultSets = useWorkspaceStore((s) => s.setResultSets);
-  const tabs = useWorkspaceStore((s) => s.tabs);
-  const activeTabId = useWorkspaceStore((s) => s.activeTabId);
-  const [ctx, setCtx] = useState<Ctx>(null);
-  const keyFilter = useWorkspaceStore((s) => s.sidebarFilter);
-  const setKeyFilter = (v: string) => useWorkspaceStore.getState().set("sidebarFilter", v);
-  /** Redis 类型过滤：全部 / string / hash / list / set / zset / stream（前端过滤） */
-  const redisTypeFilter = useWorkspaceStore((s) => s.sidebarTypeFilter);
-  const setRedisTypeFilter = (v: string) => useWorkspaceStore.getState().set("sidebarTypeFilter", v);
-  const [newKey, setNewKey] = useState<{ name: string; type: string; value: string } | null>(null);
-  /** 库/表过滤（非 Redis 连接）；只匹配库名与已加载的对象名 */
-  const treeFilter = useWorkspaceStore((s) => s.sidebarFilter);
-  const setTreeFilter = (v: string) => useWorkspaceStore.getState().set("sidebarFilter", v);
-  /** R2-F4:本地过滤无命中时的服务端搜索状态 */
-  const [dbSearchKw, setDbSearchKw] = useState("");
-  const [dbSearching, setDbSearching] = useState(false);
-  const [dbSearchResults, setDbSearchResults] = useState<SearchObjectHit[] | null>(null);
-  /** R2-F3:DDL 弹窗目标(库.表) */
-  const [ddlTarget, setDdlTarget] = useState<{ db: string; table: string } | null>(null);
-  const ddlRequest = useWorkspaceStore((s) => s.ddlRequest);
-  const viewDataRequest = useWorkspaceStore((s) => s.viewDataRequest);
-  /** 修 O1:单击选中的树节点 key(db 或 db/obj) */
-  const [selectedNode, setSelectedNode] = useState<string | null>(null);
-  /** 多选键（Cmd/Ctrl+Click 切换），用于批量删除 */
-  const [selectedKeys, setSelectedKeys] = useState<Set<string>>(new Set());
-  const toggleKeySelect = (dbName: string, key: string, additive: boolean) => {
-    const id = `${dbName}/${key}`;
-    setSelectedKeys((prev) => {
-      const next = additive ? new Set(prev) : new Set<string>();
-      if (additive && prev.has(id)) next.delete(id);
-      else next.add(id);
-      return next;
-    });
-  };
-  const treeScrollRef = useRef<HTMLDivElement>(null);
-
-  const conn = connections.find((c) => c.id === activeId);
-
-  const refresh = async (id: string) => {
-    const c = connections.find((x) => x.id === id);
-    if (!c) return;
-    if (!isDriverReady(c.driver)) {
-      set("tree", []);
-      set("status", "驱动未就绪");
-      return;
-    }
-    set("treeLoading", true);
-    set("status", `加载 ${c.name}…`);
-    try {
-      const sid = await ensureSession(c);
-      const nodes = await loadTree(c, sid);
-      set("tree", nodes);
-      set("status", `${c.name} · ${nodes.length} 库`);
-      // C8/§3.10:后台预热当前库表清单,喂给 SqlEditor 补全与 AiPanel 上下文
-      if (c.database && !isRedisConn(c.driver)) {
-        void listTables(c, c.database, sid).catch(() => {});
-      }
-    } catch (e) {
-      set("tree", []);
-      const msg = e instanceof Error ? e.message : String(e);
-      set("status", msg);
-      if (msg.includes("会话") || msg.toLowerCase().includes("session") || msg.toLowerCase().includes("connect")) {
-        set("connState", "down");
-      }
-      notifyError(e, "modal");
-    } finally {
-      set("treeLoading", false);
-    }
-  };
-
-  useEffect(() => {
-    if (activeId) void refresh(activeId);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [activeId]);
-
-  useEffect(() => {
-    if (!ctx) return;
-    const close = () => setCtx(null);
-    const onKey = (e: KeyboardEvent) => {
-      // 修 O2:Esc 关闭右键菜单
-      if (e.key === "Escape") {
-        e.preventDefault();
-        e.stopPropagation();
-        setCtx(null);
-      }
-    };
-    window.addEventListener("click", close);
-    window.addEventListener("keydown", onKey, true);
-    return () => {
-      window.removeEventListener("click", close);
-      window.removeEventListener("keydown", onKey, true);
-    };
-  }, [ctx]);
-
-  // 修 O2:视口边界翻转 —— 菜单渲染后测量,贴右/下缘时自动收回
-  const ctxRef = useRef<HTMLDivElement>(null);
-  const [ctxPos, setCtxPos] = useState<{ x: number; y: number } | null>(null);
-  useEffect(() => {
-    if (!ctx) {
-      setCtxPos(null);
-      return;
-    }
-    const el = ctxRef.current;
-    if (!el) return;
-    const r = el.getBoundingClientRect();
-    const x = ctx.x + r.width > window.innerWidth - 8 ? Math.max(8, window.innerWidth - r.width - 8) : ctx.x;
-    const y = ctx.y + r.height > window.innerHeight - 8 ? Math.max(8, window.innerHeight - r.height - 8) : ctx.y;
-    setCtxPos({ x, y });
-  }, [ctx]);
-
-  const patchDb = (dbName: string, patch: Partial<TreeNode> | ((n: TreeNode) => TreeNode)) => {
-    const cur = useWorkspaceStore.getState().tree;
-    set(
-      "tree",
-      cur.map((d) => {
-        if (d.name !== dbName || d.kind !== "database") return d;
-        return typeof patch === "function" ? patch(d) : { ...d, ...patch };
-      }),
-    );
-  };
-
-  const expandDb = async (dbName: string) => {
-    if (!conn) return;
-    const node = useWorkspaceStore.getState().tree.find((n) => n.name === dbName);
-    if (node?.loaded || node?.loading) return;
-    const redis = isRedisConn(conn.driver);
-    patchDb(dbName, {
-      loading: true,
-      children: redis ? [] : emptyGroups(),
-    });
-    try {
-      if (redis) {
-        // 模糊语义：无通配符的输入自动包 *q*（对标 ARDM），避免 "agent" 被当精确 glob 扫不到键
-        const raw = keyFilter.trim();
-        const pat = !raw ? undefined : /[*?[\]]/.test(raw) ? raw : `*${raw}*`;
-        const res = await withSessionRetry(conn, (sid2) => listRedisKeys(conn, dbName, { sessionId: sid2, pattern: pat }));
-        if (res.error) throw new Error(res.error);
-        const keys = res.keys ?? [];
-        const sep = conn.keySeparator || ":";
-        patchDb(dbName, {
-          loading: false,
-          loaded: true,
-          children: buildRedisKeyTree(keys, sep),
-        });
-        if (res.truncated) {
-          notify({
-            kind: "info",
-            title: "键列表已截断",
-            message: `最多展示 ${keys.length} 个键（SCAN）。可用过滤缩小范围。`,
-            mode: "toast",
-            durationMs: 2200,
-          });
-        }
-        return;
-      }
-      const sid = await ensureSession(conn);
-      const { tables } = await withSessionRetry(conn, (sid2) => listTables(conn, dbName, sid2));
-      // 仅当驱动声明对应分组时才发起元数据查询（ES/ZK/Influx/Mongo 等不查视图/过程/函数）
-      const caps = driverCaps(conn.driver);
-      let views: string[] = [];
-      let procedures: string[] = [];
-      let functions: string[] = [];
-      if (caps.treeGroups.includes("views")) {
-        try {
-          views = await listSchemaObjects(conn, sid, dbName, "views");
-        } catch {
-          /* optional */
-        }
-      }
-      if (caps.treeGroups.includes("procedures")) {
-        try {
-          procedures = await listSchemaObjects(conn, sid, dbName, "procedures");
-        } catch {
-          /* optional */
-        }
-      }
-      if (caps.treeGroups.includes("functions")) {
-        try {
-          functions = await listSchemaObjects(conn, sid, dbName, "functions");
-        } catch {
-          /* optional */
-        }
-      }
-      // flat 驱动（ES/Mongo/Influx/ZK）：对象直挂库节点，不包分组
-      if (caps.treeGroups.length === 0) {
-        patchDb(dbName, {
-          loading: false,
-          loaded: true,
-          children: tables.map((t) => ({ name: t, kind: "table" as const })),
-        });
-        return;
-      }
-      const label = (k: TreeGroupKind, fb: string) => caps.groupLabel[k] ?? fb;
-      patchDb(dbName, {
-        loading: false,
-        loaded: true,
-        children: [
-          {
-            name: label("tables", "表"),
-            kind: "group",
-            groupId: "tables",
-            count: tables.length,
-            loaded: true,
-            children: tables.map((t) => ({ name: t, kind: "table" as const })),
-          },
-          ...(caps.treeGroups.includes("views")
-            ? [{
-                name: label("views", "视图"),
-                kind: "group" as const,
-                groupId: "views",
-                count: views.length,
-                loaded: true,
-                children: views.map((t) => ({ name: t, kind: "view" as const })),
-              }]
-            : []),
-          ...(caps.treeGroups.includes("procedures")
-            ? [{
-                name: label("procedures", "存储过程"),
-                kind: "group" as const,
-                groupId: "procedures",
-                count: procedures.length,
-                loaded: true,
-                children: procedures.map((t) => ({ name: t, kind: "procedure" as const })),
-              }]
-            : []),
-          ...(caps.treeGroups.includes("functions")
-            ? [{
-                name: label("functions", "函数"),
-                kind: "group" as const,
-                groupId: "functions",
-                count: functions.length,
-                loaded: true,
-                children: functions.map((t) => ({ name: t, kind: "function" as const })),
-              }]
-            : []),
-        ],
-      });
-    } catch (e) {
-      patchDb(dbName, {
-        loading: false,
-        loaded: true,
-        children: isRedisConn(conn.driver) ? [] : emptyGroups(),
-      });
-      notifyError(e, "toast");
-    }
-  };
-
-  const expandTable = async (dbName: string, table: string) => {
-    if (!conn) return;
-    const dbNode = useWorkspaceStore.getState().tree.find((n) => n.name === dbName);
-    const tablesGroup = dbNode?.children?.find((n) => n.groupId === "tables");
-    const tNode = tablesGroup?.children?.find((n) => n.name === table);
-    if (tNode?.loaded || tNode?.loading) return;
-
-    const mark = (patch: Partial<TreeNode>) => {
-      patchDb(dbName, (d) => ({
-        ...d,
-        children: (d.children ?? []).map((g) =>
-          g.groupId !== "tables"
-            ? g
-            : {
-                ...g,
-                children: (g.children ?? []).map((t) => (t.name === table ? { ...t, ...patch } : t)),
-              },
-        ),
-      }));
-    };
-    mark({ loading: true });
-    try {
-      const { columns } = await withSessionRetry(conn, (sid) => listColumns(conn, dbName, table, sid));
-      mark({
-        loading: false,
-        loaded: true,
-        children: [
-          {
-            name: "字段",
-            kind: "group" as const,
-            groupId: "columns",
-            count: columns.length,
-            loaded: true,
-            children: columns.map((col) => ({
-              name: col.name,
-              kind: "column" as const,
-              type: col.type,
-              nullable: col.nullable,
-              key: col.key,
-            })),
-          },
-        ],
-      });
-    } catch (e) {
-      mark({ loading: false });
-      notifyError(e, "toast");
-    }
-  };
-
-
-  const openSchema = async (dbName: string, table: string) => {
-    if (!conn) return;
-    set("resultTab", "schema");
-    set("schemaView", { database: dbName, table, columns: [], loading: true });
-    try {
-      const { columns } = await withSessionRetry(conn, (sid) => listColumns(conn, dbName, table, sid));
-      set("schemaView", { database: dbName, table, columns, loading: false });
-      const pkCols = columns.filter((c) => c.key === "PRI").map((c) => c.name);
-      set("resultMeta", { database: dbName, table, pkCols });
-      set("connState", "ok");
-      set("status", `结构 ${table} · ${columns.length} 列`);
-    } catch (e) {
-      const msg = e instanceof Error ? e.message : String(e);
-      set("schemaView", { database: dbName, table, columns: [], loading: false, error: msg });
-      if (msg.includes("会话") || msg.toLowerCase().includes("session")) set("connState", "down");
-      notifyError(e, "toast");
-    }
-  };
-
-
-  const openRedisKey = async (dbName: string, key: string) => {
-    if (!conn) return;
-    set("running", true);
-    set("status", `读取 ${key}…`);
-    try {
-      const res = await withSessionRetry(conn, (sid) => getRedisKey(conn, dbName, key, { sessionId: sid, limit: 500 }));
-      const qr = {
-        columns: res.columns ?? [],
-        rows: res.rows ?? [],
-        rowCount: res.rowCount ?? 0,
-        timeMs: res.timeMs ?? 0,
-        error: res.error,
-        truncated: res.truncated,
-        limit: res.limit,
-      };
-      const hint = redisHintForType(key, res.type);
-      set("resultMeta", { database: dbName, table: key, pkCols: [], redisType: res.type, redisTtl: res.ttl });
-      setResultSets([
-        { id: crypto.randomUUID(), label: key, sql: hint, result: qr, database: dbName },
-      ]);
-      set("schemaView", {
-        database: dbName,
-        table: key,
-        columns: [
-          {
-            name: key,
-            type: res.type || "unknown",
-            nullable: true,
-            comment: `ttl=${formatRedisTtl(res.ttl)}`,
-          },
-        ],
-        loading: false,
-      });
-      set("connState", "ok");
-      const ttlLabel = formatRedisTtl(res.ttl);
-      set(
-        "status",
-        res.error
-          ? res.error
-          : `${key} · ${res.type || "?"} · TTL ${ttlLabel} · ${qr.rowCount} 行`,
-      );
-      const tab = tabs.find((t) => t.id === activeTabId);
-      if (!tab?.dirty) updateActiveSql(hint);
-      pushHistory({
-        sql: hint,
-        connectionId: conn.id,
-        rowCount: qr.rowCount,
-        timeMs: qr.timeMs,
-        error: qr.error,
-      });
-    } catch (e) {
-      const msg = e instanceof Error ? e.message : String(e);
-      set("result", { columns: [], rows: [], rowCount: 0, timeMs: 0, error: msg });
-      set("status", msg);
-      notifyError(e, "modal");
-    } finally {
-      set("running", false);
-    }
-  };
-
-  const removeRedisKey = async (dbName: string, key: string) => {
-    if (!conn) return;
-    const ok = await askConfirm({
-      title: "删除键",
-      message: `确认删除 Redis 键「${key}」？此操作不可恢复。`,
-      okLabel: "删除",
-      danger: true,
-    });
-    if (!ok) return;
-    try {
-      const res = await withSessionRetry(conn, (sid) => deleteRedisKey(conn, dbName, key, { sessionId: sid }));
-      if (res.error) throw new Error(res.error);
-      notify({ kind: "success", title: "已删除", message: key, mode: "toast", durationMs: 1400 });
-      patchDb(dbName, (d) => ({
-        ...d,
-        children: removeRedisKeyFromTree(d.children ?? [], key),
-      }));
-      const meta = useWorkspaceStore.getState().resultMeta;
-      if (meta?.table === key && meta?.database === dbName) {
-        set("result", null);
-        set("resultMeta", { database: dbName, pkCols: [] });
-      }
-      set("status", `已删除 ${key}`);
-    } catch (e) {
-      notifyError(e, "modal");
-    }
-  };
-
-  /** 删除整个目录（前缀批量删除）：强确认 → SCAN+UNLINK → 刷新库 */
-  const deleteFolderPrefix = async (dbName: string, prefix: string, count: number) => {
-    if (!conn) return;
-    const label = prefix.replace(/:+$/, "") || prefix;
-    const pattern = prefix.endsWith(":") ? `${prefix}*` : `${prefix}:*`;
-    const ok = await askConfirm({
-      title: "删除目录",
-      message: `确认删除目录「${label}」下的全部键？\n模式：${pattern} · 当前已加载 ${count} 个键。此操作不可恢复。`,
-      okLabel: "删除",
-      danger: true,
-    });
-    if (!ok) return;
-    try {
-      const res = await withSessionRetry(conn, (sid) => deleteRedisPattern(conn, dbName, pattern, { sessionId: sid }));
-      if (res.error) throw new Error(res.error);
-      notify({
-        kind: "success",
-        title: "已删除目录",
-        message: `${label} · ${res.deleted} 个键${res.truncated ? "（扫描截断，可能仍有残留）" : ""}`,
-        mode: "toast",
-        durationMs: 2400,
-      });
-      patchDb(dbName, { loaded: false, loading: false, children: undefined });
-      void expandDb(dbName);
-    } catch (e) {
-      notifyError(e, "modal");
-    }
-  };
-
-  /** 批量删除选中的键（Cmd+Click 多选） */
-  const deleteSelectedKeys = async (dbName: string) => {
-    if (!conn) return;
-    const ids = [...selectedKeys].filter((id) => id.startsWith(`${dbName}/`)).map((id) => id.slice(dbName.length + 1));
-    if (!ids.length) return;
-    const ok = await askConfirm({
-      title: "批量删除",
-      message: `确认删除选中的 ${ids.length} 个键？此操作不可恢复。`,
-      okLabel: "删除",
-      danger: true,
-    });
-    if (!ok) return;
-    try {
-      const sid = await ensureSession(conn);
-      let deleted = 0;
-      for (const key of ids) {
-        const res = await deleteRedisKey(conn, dbName, key, { sessionId: sid });
-        if (!res.error) deleted++;
-      }
-      notify({
-        kind: "success",
-        title: "已批量删除",
-        message: `${deleted}/${ids.length} 个键`,
-        mode: "toast",
-        durationMs: 2000,
-      });
-      setSelectedKeys(new Set());
-      patchDb(dbName, { loaded: false, loading: false, children: undefined });
-      void expandDb(dbName);
-    } catch (e) {
-      notifyError(e, "modal");
-    }
-  };
-
-  const createRedisKey = async (dbName: string, spec: { name: string; type: string; value: string }) => {    if (!conn) return;
-    const name = spec.name.trim();
-    if (!name) {
-      notify({ kind: "warning", title: "新建键", message: "键名必填", mode: "toast" });
-      return;
-    }
-    try {
-      const sql = createKeyCommand(spec.type, name, spec.value);
-      const res = await withSessionRetry(conn, (sid) => execSql(conn, sql, { sessionId: sid, database: dbName }));
-      if (res.error) throw new Error(res.error);
-      notify({ kind: "success", title: "已新建", message: name, mode: "toast", durationMs: 1400 });
-      setNewKey(null);
-      patchDb(dbName, { loaded: false, loading: false, children: undefined });
-      await expandDb(dbName);
-      await openRedisKey(dbName, name);
-    } catch (e) {
-      notifyError(e, "modal");
-    }
-  };
-
-  const putSelectSql = async (dbName: string, table: string) => {
-    if (!conn) return;
-    set("focusedRelation", { database: dbName, table });
-    if (isRedisConn(conn.driver)) {
-      await openRedisKey(dbName, table);
-      return;
-    }
-    // 非 SQL 方言驱动：树点表 = 各驱动 DSL 预览（ZK 读节点 / Mongo find / Influx 按 measurement 过滤）
-    if (conn.driver === "zookeeper" || conn.driver === "mongodb" || conn.driver === "influxdb") {
-      const sql =
-        conn.driver === "zookeeper"
-          ? `GET ${dbName ? `/${dbName}/${table}` : `/${table}`}`
-          : conn.driver === "mongodb"
-            ? `db.${table}.find()`
-            : `from(bucket: "${dbName}") |> range(start: -1h) |> filter(fn: (r) => r._measurement == "${table}") |> limit(n: 100)`;
-      updateActiveSql(sql);
-      set("running", true);
-      set("status", `打开 ${table}…`);
-      try {
-        const res = await withSessionRetry(conn, (sid) => execSql(conn, sql, { database: dbName, sessionId: sid, limit: 100 }));
-        setResultSets([{ id: crypto.randomUUID(), label: table, sql, result: res, page: 0, pageSize: 100, database: dbName }]);
-        set("resultTab", "data");
-        set("connState", "ok");
-        set("status", res.error ? res.error : `${table} · ${res.rowCount} 行`);
-        pushHistory({ sql, connectionId: conn.id, rowCount: res.rowCount, timeMs: res.timeMs, error: res.error });
-      } catch (e) {
-        set("result", { columns: [], rows: [], rowCount: 0, timeMs: 0, error: e instanceof Error ? e.message : String(e) });
-        notifyError(e, "modal");
-      } finally {
-        set("running", false);
-      }
-      return;
-    }
-    // 预览 SQL 不烧 LIMIT:翻页由请求层 offset/limit 承担(带 LIMIT 时第 2 页起恒为空)
-    const sql = previewSelectSql(conn.driver, dbName, table);
-    const tab = tabs.find((t) => t.id === activeTabId);
-    if (tab?.dirty) {
-      const openNew = await askConfirm({
-        title: "当前查询未保存",
-        message: `「${tab.title}」有未保存改动。新开标签写入 SELECT？`,
-        okLabel: "新开标签",
-      });
-      if (!openNew) return;
-      newQueryTab();
-      await Promise.resolve();
-      useWorkspaceStore.getState().updateActiveSql(sql);
-      // 新 Tab 标题用表名，避免一排「查询 N」找不到哪页是哪张表
-      useWorkspaceStore.getState().setActiveTabTitle(table);
-    } else {
-      updateActiveSql(sql);
-    }
-    set("running", true);
-    set("status", `打开 ${table}…`);
-    try {
-      const res = await withSessionRetry(conn, (sid) => execSql(conn, sql, { database: dbName, sessionId: sid, limit: 100 }));
-      // 挂为结果集(C5):树打开的表预览同样可翻页
-      setResultSets([
-        { id: crypto.randomUUID(), label: table, sql, result: res, page: 0, pageSize: 100, database: dbName },
-      ]);
-      set("resultTab", "data");
-      try {
-        const { columns } = await withSessionRetry(conn, (sid2) => listColumns(conn, dbName, table, sid2));
-        const pkCols = columns.filter((c: ColumnInfo) => c.key === "PRI").map((c: ColumnInfo) => c.name);
-        set("resultMeta", { database: dbName, table, pkCols });
-      } catch {
-        set("resultMeta", { database: dbName, table, pkCols: [] });
-      }
-      set("connState", "ok");
-      set("status", res.error ? res.error : `${table} · ${res.rowCount} 行`);
-      pushHistory({ sql, connectionId: conn.id, rowCount: res.rowCount, timeMs: res.timeMs, error: res.error });
-      void expandTable(dbName, table);
-    } catch (e) {
-      const msg = e instanceof Error ? e.message : String(e);
-      set("result", { columns: [], rows: [], rowCount: 0, timeMs: 0, error: msg });
-      set("status", msg);
-      notifyError(e, "modal");
-    } finally {
-      set("running", false);
-    }
-  };
-
-  const copyName = async (name: string) => {
-    await navigator.clipboard.writeText(name);
-    notify({ kind: "success", title: "已复制", message: name, mode: "toast", durationMs: 1200 });
-  };
-
-  const onCtx = (
-    e: ReactMouseEvent,
-    label: string,
-    onRefresh: () => void,
-    onSchema?: () => void,
-    onView?: () => void,
-    onDelete?: () => void,
-    extra?: Partial<
-      Pick<
-        CtxMenu,
-        | "kind"
-        | "onQueryData"
-        | "onGen"
-        | "onTruncate"
-        | "onDropTable"
-        | "onNewQuery"
-        | "onDdl"
-        | "onBrowse"
-        | "onSetDefaultDb"
-        | "onDropDatabase"
-        | "onFilterPrefix"
-        | "onNewKey"
-        | "onDeleteFolder"
-        | "onDeleteSelected"
-        | "refreshLabel"
-        | "copyLabel"
-      >
-    >,
-  ) => {
-    e.preventDefault();
-    e.stopPropagation();
-    setCtx({ x: e.clientX, y: e.clientY, label, onRefresh, onSchema, onView, onDelete, ...extra });
-  };
-
-  const canDropDatabase = (driver?: string) => {
-    const d = (driver || "").toLowerCase();
-    if (!d || d === "sqlite" || d === "redis" || d === "mongodb" || d === "elasticsearch" || d === "zookeeper" || d === "influxdb") return false;
-    return true;
-  };
-
-  const canSetDefaultDb = (driver?: string) => {
-    const d = (driver || "").toLowerCase();
-    return !!d && d !== "sqlite" && d !== "redis";
-  };
-
-  const dropDatabase = async (dbName: string) => {
-    if (!conn) return;
-    if (!canDropDatabase(conn.driver)) {
-      notify({ kind: "warning", title: "删除库", message: "当前引擎不支持删除库", mode: "toast" });
-      return;
-    }
-    const ok = await askConfirm({
-      title: "删除数据库",
-      message: `确认删除数据库「${dbName}」？库内对象将一并删除，不可恢复。`,
-      okLabel: "删除库",
-      danger: true,
-    });
-    if (!ok) return;
-    try {
-      const d = conn.driver.toLowerCase();
-      let sql = `DROP DATABASE ${quoteIdent(conn.driver, dbName)}`;
-      if (d === "postgresql" || d === "gaussdb" || d === "kingbase" || d === "opengauss" || d === "opengauss") {
-        sql = `DROP DATABASE ${quoteIdent(conn.driver, dbName)}`;
-      }
-      const res = await withSessionRetry(conn, (sid) => execSql(conn, sql, { sessionId: sid, confirmDanger: true }));
-      if (res.error) throw new Error(res.error);
-      notify({ kind: "success", title: "已删除库", message: dbName, mode: "toast" });
-      if (activeId) void refresh(activeId);
-    } catch (e) {
-      notifyError(e, "modal");
-    }
-  };
-
-  const setDefaultDatabase = (dbName: string) => {
-    if (!conn) return;
-    const next = { ...conn, database: dbName };
-    useWorkspaceStore.getState().upsertConnection(next);
-    notify({ kind: "success", title: "已设为默认库", message: dbName, mode: "toast", durationMs: 1500 });
-  };
-
-  /** 生成表 SQL 模板：优先用树上已加载的列，取不到再查库 */
-  const genTableSql = async (dbName: string, table: string, kind: GenSqlKind) => {
-    if (!conn) return;
-    const st = useWorkspaceStore.getState();
-    const tNode = st.tree
-      .find((n) => n.name === dbName)
-      ?.children?.find((g) => g.groupId === "tables")
-      ?.children?.find((c) => c.name === table);
-    let cols = ((tNode?.children ?? []).find((c) => c.groupId === "columns")?.children ?? []) as ColumnInfo[];
-    if (!cols.length) {
-      try {
-        cols = (await withSessionRetry(conn, (sid) => listColumns(conn, dbName, table, sid))).columns;
-      } catch {
-        /* 拿不到列也能生成骨架模板 */
-      }
-    }
-    st.updateActiveSql(buildGenSql(kind, conn.driver, dbName, table, cols));
-    set("status", `已生成 ${kind.toUpperCase()} · ${dbName}.${table}`);
-  };
-
-  /** 截断 / 删除表：二次确认后执行并刷新库 */
-
-  useEffect(() => {
-    if (!ddlRequest) return;
-    setDdlTarget({ db: ddlRequest.database, table: ddlRequest.table });
-    set("focusedRelation", { database: ddlRequest.database, table: ddlRequest.table });
-    set("ddlRequest", null);
-  }, [ddlRequest, set]);
-
-  useEffect(() => {
-    if (!viewDataRequest) return;
-    const { database, table } = viewDataRequest;
-    set("viewDataRequest", null);
-    void putSelectSql(database, table);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [viewDataRequest]);
-
-  const runTableDanger = async (dbName: string, table: string, action: "truncate" | "drop") => {
-    if (!conn) return;
-    const ok = await askConfirm({
-      title: action === "truncate" ? "截断表" : "删除表",
-      message:
-        action === "truncate"
-          ? `确认清空表「${dbName}.${table}」的全部数据？结构保留，数据不可恢复。`
-          : `确认删除表「${dbName}.${table}」？表结构与数据将一并删除，不可恢复。`,
-      okLabel: action === "truncate" ? "截断" : "删除",
-      danger: true,
-    });
-    if (!ok) return;
-    try {
-      const sqlText =
-        action === "truncate"
-          ? `TRUNCATE TABLE ${qualTable(conn.driver, dbName, table)};`
-          : `DROP TABLE ${qualTable(conn.driver, dbName, table)};`;
-      const res = await withSessionRetry(conn, (sid) => execSql(conn, sqlText, { sessionId: sid, database: dbName, confirmDanger: true }));
-      if (res.error) throw new Error(res.error);
-      notify({
-        kind: "success",
-        title: action === "truncate" ? "已截断" : "已删除",
-        message: `${dbName}.${table}`,
-        mode: "toast",
-        durationMs: 1600,
-      });
-      patchDb(dbName, { loaded: false, loading: false, children: undefined });
-      void expandDb(dbName);
-    } catch (e) {
-      notifyError(e, "toast");
-    }
-  };
-
-  /** 字段行：绿色短横图标 + 类型淡显，主键加 🔑 */
-  const ColumnRow = ({ col, onRefresh }: { col: TreeNode; onRefresh: () => void }) => (
-    <div
-      className="ops-tree-item opacity-85"
-      title={col.type}
-      onContextMenu={(e) => onCtx(e, col.name, onRefresh)}
-    >
-      <span
-        className="ml-1 mr-0.5 h-[3px] w-2.5 shrink-0 self-center rounded-full"
-        style={{ background: TREE_COLORS.columns, opacity: 0.85 }}
-      />
-      <span className="truncate">
-        {col.key === "PRI" ? "🔑 " : ""}
-        {col.name}
-        <span className="ml-1 opacity-50">{col.type}</span>
-      </span>
-    </div>
-  );
-
-  /** 过滤视图：库名命中显示整库；否则只留名称命中的子对象（表/视图/键等） */
-  const f = treeFilter.trim().toLowerCase();
-  const nameHit = (n: string) => !f || n.toLowerCase().includes(f);
-  const visibleTree = f
-    ? tree
-        .map((db) => {
-          if (nameHit(db.name)) return db;
-          // flat 驱动：children 即对象，直接按名过滤
-          if (driverCaps(conn?.driver ?? "").treeGroups.length === 0) {
-            const objs = (db.children ?? []).filter((o) => nameHit(o.name));
-            return objs.length ? ({ ...db, children: objs } as TreeNode) : null;
-          }
-          const groups = (db.children ?? [])
-            .map((g) => {
-              const children = (g.children ?? []).filter((o) => nameHit(o.name));
-              return children.length ? ({ ...g, children, count: children.length } as TreeNode) : null;
-            })
-            .filter((g): g is TreeNode => g !== null);
-          return groups.length ? ({ ...db, children: groups } as TreeNode) : null;
-        })
-        .filter((db): db is TreeNode => db !== null)
-    : tree;
-
-  /** 修 O4:过滤未命中时,一键展开全部库(懒加载)后重搜 */
-  const expandAllAndResearch = () => {
-    for (const db of tree) {
-      if (!db.loaded && !db.loading) void expandDb(db.name);
-    }
-  };
-
-  /** R2-F4:本地过滤无命中 → 服务端跨库搜索(E6) */
-  const runDbSearch = async () => {
-    const kw = treeFilter.trim();
-    if (!conn || kw.length < 2 || dbSearching) return;
-    setDbSearching(true);
-    setDbSearchResults(null);
-    setDbSearchKw(kw);
-    try {
-      const res = await withSessionRetry(conn, (sid) => searchObjects(conn, kw, { sessionId: sid }));
-      if (res.error) throw new Error(res.error);
-      setDbSearchResults(res.results ?? []);
-    } catch (e) {
-      notifyError(e, "toast");
-    } finally {
-      setDbSearching(false);
-    }
-  };
-
-  /** R2-F4:点击搜索结果 = 走现有「双击打开表」路径(库未加载先加载,再预览+拉列) */
-  const openSearchHit = async (hit: SearchObjectHit) => {
-    setDbSearchResults(null);
-    setTreeFilter("");
-    if (!conn) return;
-    const dbNode = useWorkspaceStore.getState().tree.find((n) => n.name === hit.schema && n.kind === "database");
-    if (dbNode && !dbNode.loaded && !dbNode.loading) await expandDb(hit.schema);
-    await putSelectSql(hit.schema, hit.name);
-  };
-
-  /**
-   * 修 K2:树键盘导航 —— ↑↓ 移动、→ 展开 / ← 收起、Enter 打开。
-   * roving tabindex:所有行 tabIndex=-1,容器是唯一 Tab 停靠点,方向键在行间移动 DOM 焦点。
-   */
-  const onTreeKeyDown = (e: ReactKeyboardEvent<HTMLDivElement>) => {
-    const root = treeScrollRef.current;
-    if (!root) return;
-    const rows = Array.from(root.querySelectorAll<HTMLElement>("[data-tree-row]")).filter(
-      (el) => el.offsetParent !== null,
-    );
-    if (!rows.length) return;
-    const idx = rows.indexOf(document.activeElement as HTMLElement);
-    const focusRow = (i: number) => {
-      const el = rows[Math.max(0, Math.min(rows.length - 1, i))];
-      if (!el) return;
-      el.focus();
-      el.scrollIntoView({ block: "nearest" });
-    };
-    if (e.key === "ArrowDown") {
-      e.preventDefault();
-      focusRow(idx < 0 ? 0 : idx + 1);
-      return;
-    }
-    if (e.key === "ArrowUp") {
-      e.preventDefault();
-      focusRow(idx <= 0 ? 0 : idx - 1);
-      return;
-    }
-    if (idx < 0) return;
-    const row = rows[idx];
-    const details = row.closest("details");
-    if (e.key === "ArrowRight") {
-      e.preventDefault();
-      if (details && !details.open) details.open = true; // 触发 onToggle → 懒加载
-      else focusRow(idx + 1);
-      return;
-    }
-    if (e.key === "ArrowLeft") {
-      e.preventDefault();
-      if (details?.open && row.tagName === "SUMMARY") details.open = false;
-      else {
-        const parentSummary = details?.parentElement?.closest("details")?.querySelector(":scope > summary");
-        if (parentSummary instanceof HTMLElement) {
-          parentSummary.focus();
-          parentSummary.scrollIntoView({ block: "nearest" });
-        }
-      }
-      return;
-    }
-    if (e.key === "Enter") {
-      e.preventDefault();
-      const { kind, db, name } = row.dataset;
-      if ((kind === "table" || kind === "view") && db && name) void putSelectSql(db, name);
-      else if ((kind === "key" || kind === "folder") && db && name) {
-        if (kind === "key") void openRedisKey(db, name);
-        else if (details) details.open = !details.open;
-      }
-      else if (row.tagName === "SUMMARY" && details) details.open = !details.open;
-    }
-  };
-
-  const nodeSelected = (key: string) => selectedNode === key;
-  const redisSep = conn?.keySeparator || ":";
-
-  const renderRedisNodes = (dbName: string, nodes: TreeNode[]): ReactNode =>
-    nodes.map((obj) =>
-      obj.kind === "folder" ? (
-        <details key={obj.fullName || obj.name} className="mb-px">
-          <summary
-            className={`ops-tree-item list-none [&::-webkit-details-marker]:hidden ${nodeSelected(`${dbName}/${obj.fullName}`) ? "ops-tree-item-active" : ""}`}
-            data-tree-row
-            data-kind="folder"
-            data-db={dbName}
-            data-name={obj.fullName}
-            tabIndex={-1}
-            onClick={() => setSelectedNode(`${dbName}/${obj.fullName}`)}
-            onContextMenu={(e) =>
-              onCtx(e, obj.fullName || obj.name, () => {
-                patchDb(dbName, { loaded: false, loading: false, children: undefined });
-                void expandDb(dbName);
-              }, undefined, undefined, undefined, {
-                kind: "folder",
-                copyLabel: "复制前缀",
-                onFilterPrefix: () => {
-                  setKeyFilter(`${obj.fullName || obj.name}*`);
-                  patchDb(dbName, { loaded: false, loading: false, children: undefined });
-                  void expandDb(dbName);
-                },
-                onNewKey: () => setNewKey({ name: obj.fullName || "", type: "string", value: "" }),
-                onDeleteFolder: () => void deleteFolderPrefix(dbName, obj.fullName || obj.name, obj.count ?? 0),
-              })
-            }
-          >
-            <TreeChevron size={9} className="opacity-40" />
-            <TreeIcon kind="folder" />
-            <span className="min-w-0 flex-1 truncate">
-              {obj.name}
-              <CountBadge kind="folder" count={obj.count ?? 0} />
-            </span>
-          </summary>
-          <div className="ml-2 border-l pl-1" style={{ borderColor: "var(--ops-border-soft)" }}>
-            {renderRedisNodes(dbName, obj.children ?? [])}
-          </div>
-        </details>
-      ) : (
-        <div
-          key={obj.name}
-          className={`ops-tree-item ${nodeSelected(`${dbName}/${obj.name}`) || selectedKeys.has(`${dbName}/${obj.name}`) ? "ops-tree-item-active" : ""}`}
-          data-tree-row
-          data-kind="key"
-          data-db={dbName}
-          data-name={obj.name}
-          tabIndex={-1}
-          onClick={(e) => {
-            if (e.metaKey || e.ctrlKey) {
-              e.preventDefault();
-              e.stopPropagation();
-              toggleKeySelect(dbName, obj.name, true);
-              return;
-            }
-            setSelectedNode(`${dbName}/${obj.name}`);
-          }}
-          onContextMenu={(e) =>
-            onCtx(
-              e,
-              obj.name,
-              () => {
-                patchDb(dbName, { loaded: false, loading: false, children: undefined });
-                void expandDb(dbName);
-              },
-              undefined,
-              () => void openRedisKey(dbName, obj.name),
-              () => void removeRedisKey(dbName, obj.name),
-              {
-                kind: "key",
-                refreshLabel: "刷新 TTL",
-                copyLabel: "复制键名",
-                onDeleteSelected: selectedKeys.size > 1 ? () => void deleteSelectedKeys(dbName) : undefined,
-              },
-            )
-          }
-        >
-          <span
-            className="ml-1 mr-0.5 h-2 w-2 shrink-0 self-center rounded-full"
-            style={{ background: redisTypeColor(obj.type), opacity: 0.9 }}
-          />
-          <button
-            type="button"
-            className="min-w-0 flex-1 truncate text-left"
-            title={obj.name}
-            onClick={(e) => {
-              e.preventDefault();
-              e.stopPropagation();
-              void openRedisKey(dbName, obj.name);
-            }}
-          >
-            <span className="truncate">{redisLeafLabel(obj.name, redisSep)}</span>
-            <span className="ml-1 font-normal opacity-45">
-              {obj.type || "?"}
-              {obj.ttl != null ? ` · ${formatRedisTtl(obj.ttl)}` : ""}
-            </span>
-          </button>
-        </div>
-      ),
-    );
-
-  /** 库下的对象行（表/视图/集合/索引/子节点…）：分组内外共用；flat 驱动直挂库节点 */
-  const renderDbObject = (dbName: string, obj: TreeNode, groupId?: string) =>
-    obj.kind === "table" || obj.kind === "view" ? (
-      // 无列概念的对象（ZK 子节点等）渲染为叶子行：单击选中、双击打开，不可展开
-      !driverCaps(conn?.driver ?? "").columns && obj.kind === "table" ? (
-        <div
-          key={obj.name}
-          className={`ops-tree-item ${nodeSelected(`${dbName}/${obj.name}`) ? "ops-tree-item-active" : ""}`}
-          data-tree-row
-          data-kind="table"
-          data-db={dbName}
-          data-name={obj.name}
-          tabIndex={-1}
-          onClick={() => setSelectedNode(`${dbName}/${obj.name}`)}
-          onDoubleClick={() => void putSelectSql(dbName, obj.name)}
-          onContextMenu={(e) =>
-            onCtx(e, obj.name, () => {
-              patchDb(dbName, { loaded: false, children: undefined });
-              void expandDb(dbName);
-            }, undefined, undefined, undefined, {
-              kind: "table",
-              onQueryData: () => void putSelectSql(dbName, obj.name),
-              copyLabel: "复制名称",
-            })
-          }
-        >
-          <TreeIcon kind="tables" size={12} />
-          <span className="truncate">{obj.name}</span>
-        </div>
-      ) : (
-        <details
-          key={obj.name}
-          onToggle={(e) => {
-            if ((e.currentTarget as HTMLDetailsElement).open && obj.kind === "table") {
-              void expandTable(dbName, obj.name);
-            }
-          }}
-          onContextMenu={(e) =>
-            onCtx(
-              e,
-              obj.name,
-              () => {
-                if (obj.kind === "table") {
-                  patchDb(dbName, (d) => ({
-                    ...d,
-                    children: (d.children ?? []).map((gg) =>
-                      gg.groupId !== "tables"
-                        ? gg
-                        : {
-                            ...gg,
-                            children: (gg.children ?? []).map((t) =>
-                              t.name === obj.name ? { ...t, loaded: false, children: undefined } : t,
-                            ),
-                          },
-                    ),
-                  }));
-                  void expandTable(dbName, obj.name);
-                } else {
-                  patchDb(dbName, { loaded: false, children: undefined });
-                  void expandDb(dbName);
-                }
-              },
-              () => void openSchema(dbName, obj.name),
-              undefined,
-              undefined,
-              {
-                kind: obj.kind === "view" ? "view" : "table",
-                onQueryData: () => void putSelectSql(dbName, obj.name),
-                onGen: (k) => void genTableSql(dbName, obj.name, k),
-                // DDL/截断/删除按驱动能力开关：ES/Influx/Mongo/ZK 等只读树不提供
-                onDdl: driverCaps(conn?.driver ?? "").ddl
-                  ? () => {
-                      set("focusedRelation", { database: dbName, table: obj.name });
-                      setDdlTarget({ db: dbName, table: obj.name });
-                    }
-                  : undefined,
-                onTruncate:
-                  obj.kind === "table" && driverCaps(conn?.driver ?? "").truncate
-                    ? () => void runTableDanger(dbName, obj.name, "truncate")
-                    : undefined,
-                onDropTable:
-                  obj.kind === "table" && driverCaps(conn?.driver ?? "").dropObject
-                    ? () => void runTableDanger(dbName, obj.name, "drop")
-                    : undefined,
-                copyLabel: "复制名称",
-              },
-            )
-          }
-        >
-          <summary
-            className={`ops-tree-item list-none [&::-webkit-details-marker]:hidden ${nodeSelected(`${dbName}/${obj.name}`) ? "ops-tree-item-active" : ""}`}
-            data-tree-row
-            data-kind={obj.kind}
-            data-db={dbName}
-            data-name={obj.name}
-            tabIndex={-1}
-            onClick={() => setSelectedNode(`${dbName}/${obj.name}`)}
-          >
-            <TreeChevron size={9} className="opacity-40" />
-            <TreeIcon kind={obj.kind === "view" ? "views" : "tables"} size={12} />
-            <button
-              type="button"
-              className="min-w-0 flex-1 truncate text-left"
-              title="单击选中 · 双击打开前 100 行"
-              tabIndex={-1}
-              onDoubleClick={(e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                void putSelectSql(dbName, obj.name);
-              }}
-              onClick={(e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                setSelectedNode(`${dbName}/${obj.name}`);
-              }}
-            >
-              {obj.name}
-            </button>
-          </summary>
-          <div className="ml-2 border-l pl-1" style={{ borderColor: "var(--ops-border-soft)" }}>
-            {(obj.children ?? []).map((sub) =>
-              sub.kind === "group" && sub.groupId === "columns" ? (
-                <details key={sub.groupId} className="mb-px">
-                  <summary className="ops-tree-item list-none [&::-webkit-details-marker]:hidden">
-                    <TreeChevron size={9} className="opacity-40" />
-                    <TreeIcon kind="columns" size={11} />
-                    <span className="ops-tree-group min-w-0 flex-1 truncate">
-                      {sub.name}
-                      <CountBadge kind="columns" count={sub.count ?? sub.children?.length ?? 0} />
-                    </span>
-                  </summary>
-                  <div className="ml-2 border-l pl-1" style={{ borderColor: "var(--ops-border-soft)" }}>
-                    {(sub.children ?? []).map((col) => (
-                      <ColumnRow key={col.name} col={col} onRefresh={() => void expandTable(dbName, obj.name)} />
-                    ))}
-                  </div>
-                </details>
-              ) : (
-                <ColumnRow key={sub.name} col={sub} onRefresh={() => void expandTable(dbName, obj.name)} />
-              ),
-            )}
-            {obj.loading && (
-              <div className="px-1.5 py-0.5 text-[10px]" style={{ color: "var(--ops-muted)" }}>
-                列…
-              </div>
-            )}
-          </div>
-        </details>
-      )
-    ) : (
-      // 存储过程/函数等：叶子行
-      <div
-        key={obj.name}
-        className={`ops-tree-item ${nodeSelected(`${dbName}/${groupId ?? "fn"}/${obj.name}`) ? "ops-tree-item-active" : ""}`}
-        data-tree-row
-        data-kind={obj.kind}
-        data-db={dbName}
-        data-name={obj.name}
-        tabIndex={-1}
-        onClick={() => setSelectedNode(`${dbName}/${groupId ?? "fn"}/${obj.name}`)}
-        onContextMenu={(e) =>
-          onCtx(e, obj.name, () => {
-            patchDb(dbName, { loaded: false, children: undefined });
-            void expandDb(dbName);
-          })
-        }
-        onDoubleClick={() => void copyName(obj.name)}
-      >
-        <TreeIcon kind={groupIdColor(groupId)} size={11} />
-        <span className="truncate">{obj.name}</span>
-      </div>
-    );
-
-  return (
-    <div className="flex flex-col">
-      <div className="ops-section-label justify-between gap-1.5" style={{ display: "none" }}>
-        <button
-          type="button"
-          className="ops-btn-ghost grid h-5 w-5 place-items-center p-0 text-[12px]"
-          style={{ color: "var(--ops-accent)" }}
-          title="刷新对象树"
-          aria-label="刷新对象树"
-          onClick={() => activeId && void refresh(activeId)}
-        >
-          ↻
-        </button>
-      </div>
-      {/* 修 O4:过滤框独立一行(脱离 section-label) */}
-      {!isRedisConn(conn?.driver) && (
-        <div style={{ display: "none" }}>
-          <input
-            data-ops-tree-filter
-            className="ops-input w-full py-0.5 text-[11px]"
-            placeholder="过滤库 / 表…(⌘⇧F)"
-            aria-label="过滤库 / 表"
-            value={treeFilter}
-            onChange={(e) => {
-              setTreeFilter(e.target.value);
-              setDbSearchResults(null);
-              setDbSearchKw("");
-            }}
-            onKeyDown={(e) => {
-              // R2-F4:Escape 关闭服务端搜索并清空关键字
-              if (e.key === "Escape") {
-                setTreeFilter("");
-                setDbSearchResults(null);
-                setDbSearchKw("");
-                e.currentTarget.blur();
-              }
-            }}
-          />
-          {/* R2-F4:本地过滤无命中且关键字 ≥2 字符 → 提供服务端搜索(E6) */}
-          {f.length >= 2 && visibleTree.length === 0 && !treeLoading && (
-            <div className="mt-1 border-t pt-1" style={{ borderColor: "var(--ops-border-soft)" }}>
-              <button
-                type="button"
-                className="w-full truncate text-left hover:underline disabled:opacity-60"
-                style={{ color: "var(--ops-accent)", fontSize: "var(--ops-text-xs)" }}
-                disabled={dbSearching}
-                onClick={() => void runDbSearch()}
-              >
-                {dbSearching ? "搜索中…" : `在数据库中搜索「${treeFilter.trim()}」`}
-              </button>
-              {dbSearchResults !== null && !dbSearching &&
-                (dbSearchResults.length === 0 ? (
-                  <div className="px-0.5 py-1" style={{ fontSize: "var(--ops-text-xs)", color: "var(--ops-muted)" }}>
-                    未找到与「{dbSearchKw}」匹配的表/视图
-                  </div>
-                ) : (
-                  <div className="mt-0.5 max-h-40 overflow-auto">
-                    {dbSearchResults.map((r) => (
-                      <button
-                        key={`${r.schema}.${r.name}`}
-                        type="button"
-                        className="flex w-full items-center gap-1 truncate rounded px-1 py-0.5 text-left hover:underline"
-                        style={{ fontSize: "var(--ops-text-xs)" }}
-                        title={`打开 ${r.schema}.${r.name}`}
-                        onClick={() => void openSearchHit(r)}
-                      >
-                        <span className="truncate">
-                          {r.schema}.{r.name}
-                        </span>
-                        <span
-                          className="ml-auto shrink-0 rounded px-1 text-[10px]"
-                          style={{
-                            color: r.type === "view" ? TREE_COLORS.views : TREE_COLORS.tables,
-                            background: `${r.type === "view" ? TREE_COLORS.views : TREE_COLORS.tables}1f`,
-                          }}
-                        >
-                          {r.type === "view" ? "视图" : "表"}
-                        </span>
-                      </button>
-                    ))}
-                  </div>
-                ))}
-            </div>
-          )}
-        </div>
-      )}
-      {isRedisConn(conn?.driver) && (
-        <div style={{ display: "none" }}>
-          <div className="flex items-center gap-1">
-            <input
-              data-ops-tree-filter
-              className="ops-input min-w-0 flex-1 py-0.5 text-[11px]"
-              placeholder="搜索键名，输入即过滤；回车服务端模糊扫描"
-              value={keyFilter}
-              onChange={(e) => setKeyFilter(e.target.value)}
-              onKeyDown={(e) => {
-                if (e.key === "Enter") {
-                  const openDbs = useWorkspaceStore.getState().tree.filter((n) => n.loaded || n.loading);
-                  for (const d of openDbs) {
-                    patchDb(d.name, { loaded: false, loading: false, children: undefined });
-                    void expandDb(d.name);
-                  }
-                }
-              }}
-            />
-            <select
-              className="ops-input shrink-0 py-0.5 text-[11px]"
-              style={{ width: "auto" }}
-              value={redisTypeFilter}
-              onChange={(e) => setRedisTypeFilter(e.target.value)}
-              title="按类型筛选"
-            >
-              <option value="all">全部类型</option>
-              <option value="string">string</option>
-              <option value="hash">hash</option>
-              <option value="list">list</option>
-              <option value="set">set</option>
-              <option value="zset">zset</option>
-              <option value="stream">stream</option>
-            </select>
-            <button
-              type="button"
-              className="shrink-0 text-[11px] hover:underline"
-              style={{ color: "var(--ops-accent)" }}
-              onClick={() => {
-                const openDbs = useWorkspaceStore.getState().tree.filter((n) => n.loaded || n.loading);
-                for (const d of openDbs) {
-                  patchDb(d.name, { loaded: false, loading: false, children: undefined });
-                  void expandDb(d.name);
-                }
-              }}
-            >
-              应用
-            </button>
-            <button
-              type="button"
-              className="shrink-0 text-[11px] hover:underline"
-              style={{ color: "var(--ops-accent)" }}
-              title="新建键"
-              onClick={() =>
-                setNewKey({
-                  name: keyFilter.endsWith("*") ? keyFilter.slice(0, -1) : keyFilter,
-                  type: "string",
-                  value: "",
-                })
-              }
-            >
-              新建
-            </button>
-          </div>
-          {newKey && (
-            <div className="mt-1 space-y-1 rounded border p-1.5" style={{ borderColor: "var(--ops-border)" }}>
-              <div className="flex gap-1">
-                <select
-                  className="ops-input h-6 py-0 text-[11px]"
-                  value={newKey.type}
-                  onChange={(e) => setNewKey({ ...newKey, type: e.target.value })}
-                >
-                  <option value="string">String</option>
-                  <option value="hash">Hash</option>
-                  <option value="list">List</option>
-                  <option value="set">Set</option>
-                  <option value="zset">ZSet</option>
-                </select>
-                <input
-                  className="ops-input h-6 min-w-0 flex-1 py-0 font-mono text-[11px]"
-                  placeholder="键名"
-                  value={newKey.name}
-                  onChange={(e) => setNewKey({ ...newKey, name: e.target.value })}
-                />
-              </div>
-              <input
-                className="ops-input h-6 w-full py-0 font-mono text-[11px]"
-                placeholder={newKey.type === "hash" ? "初始 field 的值" : "初始值"}
-                value={newKey.value}
-                onChange={(e) => setNewKey({ ...newKey, value: e.target.value })}
-                onKeyDown={(e) => {
-                  if (e.key === "Enter" && tree[0]) void createRedisKey(tree[0].name, newKey);
-                }}
-              />
-              <div className="flex justify-end gap-2">
-                <button type="button" className="text-[11px] opacity-70" onClick={() => setNewKey(null)}>
-                  取消
-                </button>
-                <button
-                  type="button"
-                  className="text-[11px] hover:underline"
-                  style={{ color: "var(--ops-accent)" }}
-                  onClick={() => {
-                    const dbName = tree.find((n) => n.kind === "database")?.name ?? "0";
-                    void createRedisKey(dbName, newKey);
-                  }}
-                >
-                  创建
-                </button>
-              </div>
-            </div>
-          )}
-        </div>
-      )}
-      <div
-        ref={treeScrollRef}
-        className="p-1 text-[12.5px] outline-none"
-        tabIndex={0}
-        role="tree"
-        onKeyDown={onTreeKeyDown}
-      >
-        {treeLoading && (
-          <div className="px-1.5 py-1 text-[11px]" style={{ color: "var(--ops-muted)" }}>
-            加载中…
-          </div>
-        )}
-        {!treeLoading && tree.length === 0 && (
-          <div className="px-1.5 py-1 text-[11px]" style={{ color: "var(--ops-muted)" }}>
-            {conn ? "点刷新加载库；无权限时会提示错误" : "选择连接后浏览对象"}
-          </div>
-        )}
-        {visibleTree.map((db) => (
-          <details
-            key={db.name}
-            className="mb-px"
-            open={f ? true : undefined}
-            onToggle={(e) => {
-              if ((e.currentTarget as HTMLDetailsElement).open) void expandDb(db.name);
-            }}
-            onContextMenu={(e) =>
-              onCtx(e, db.name, () => {
-                patchDb(db.name, { loaded: false, loading: false, children: undefined });
-                void expandDb(db.name);
-              }, undefined, undefined, undefined, {
-                kind: "database",
-                onNewQuery: isRedisConn(conn?.driver)
-                  ? undefined
-                  : () => useWorkspaceStore.getState().newQueryTab(),
-                onNewKey: isRedisConn(conn?.driver)
-                  ? () => setNewKey({ name: "", type: "string", value: "" })
-                  : undefined,
-                onBrowse: () => void expandDb(db.name),
-                onSetDefaultDb: canSetDefaultDb(conn?.driver) && driverCaps(conn?.driver ?? "").setDefaultDb
-                  ? () => setDefaultDatabase(db.name)
-                  : undefined,
-                onDropDatabase: canDropDatabase(conn?.driver) && driverCaps(conn?.driver ?? "").dropObject
-                  ? () => void dropDatabase(db.name)
-                  : undefined,
-                copyLabel: "复制名称",
-              })
-            }
-          >
-            <summary
-              className={`ops-tree-item cursor-pointer list-none [&::-webkit-details-marker]:hidden ${nodeSelected(db.name) ? "ops-tree-item-active" : ""}`}
-              data-tree-row
-              data-kind="database"
-              data-name={db.name}
-              tabIndex={-1}
-              onClick={() => setSelectedNode(db.name)}
-            >
-              <TreeChevron size={9} className="opacity-50" />
-              <TreeIcon kind="database" />
-              <span className="truncate font-medium">{db.name}</span>
-              {db.loading && <span className="ml-auto text-[10px] opacity-40">…</span>}
-            </summary>
-            <div className="ml-1.5 border-l pl-1" style={{ borderColor: "var(--ops-border-soft)" }}>
-              {isRedisConn(conn?.driver) ? (
-                renderRedisNodes(db.name, filterRedisTree(db.children ?? [], keyFilter, redisTypeFilter))
-              ) : driverCaps(conn?.driver ?? "").treeGroups.length === 0 ? (
-                // flat 驱动（ES/Mongo/Influx/ZK）：对象直挂库节点，无分组包装
-                <>
-                  {(db.children ?? []).map((obj) => renderDbObject(db.name, obj))}
-                  {db.loaded && (db.children ?? []).length === 0 && (
-                    <div className="px-1.5 py-0.5 text-[10px]" style={{ color: "var(--ops-muted)" }}>
-                      空
-                    </div>
-                  )}
-                </>
-              ) : (db.children ?? emptyGroups()).map((g) => (
-                <details key={g.groupId || g.name} className="mb-px" open={f ? true : undefined}>
-                  <summary
-                    className={`ops-tree-item list-none [&::-webkit-details-marker]:hidden ${nodeSelected(`${db.name}/${g.groupId}`) ? "ops-tree-item-active" : ""}`}
-                    data-tree-row
-                    data-kind="group"
-                    data-db={db.name}
-                    data-name={g.name}
-                    tabIndex={-1}
-                    onClick={() => setSelectedNode(`${db.name}/${g.groupId}`)}
-                    onContextMenu={(e) =>
-                      onCtx(e, g.name, () => {
-                        patchDb(db.name, { loaded: false, loading: false, children: undefined });
-                        void expandDb(db.name);
-                      }, undefined, undefined, undefined, { kind: "group" })
-                    }
-                  >
-                    <TreeChevron size={9} className="opacity-40" />
-                    <TreeIcon kind={groupIdColor(g.groupId)} />
-                    <span className="ops-tree-group min-w-0 flex-1 truncate">
-                      {g.name}
-                      <CountBadge kind={groupIdColor(g.groupId)} count={g.count ?? g.children?.length ?? 0} />
-                    </span>
-                  </summary>
-                  <div className="ml-2 border-l pl-1" style={{ borderColor: "var(--ops-border-soft)" }}>
-                    {(g.children ?? []).length === 0 && g.loaded && (
-                      <div className="px-1.5 py-0.5 text-[10px]" style={{ color: "var(--ops-muted)" }}>
-                        空
-                      </div>
-                    )}
-                    {(g.children ?? []).map((obj) => renderDbObject(db.name, obj, g.groupId))}
-                  </div>
-                </details>
-              ))}
-              {db.loaded && (db.children ?? []).length === 0 && (
-                <div className="px-1.5 py-0.5 text-[10px]" style={{ color: "var(--ops-muted)" }}>
-                  空库或无权限
-                </div>
-              )}
-            </div>
-          </details>
-        ))}
-        {f && visibleTree.length === 0 && !treeLoading && (
-          <div className="px-1.5 py-1 text-[11px]" style={{ color: "var(--ops-muted)" }}>
-            <div>没有匹配「{treeFilter.trim()}」的对象；未展开的库只匹配库名。</div>
-            {tree.some((db) => !db.loaded) && (
-              <button
-                type="button"
-                className="mt-1 hover:underline"
-                style={{ color: "var(--ops-accent)" }}
-                onClick={expandAllAndResearch}
-              >
-                展开全部库后重搜
-              </button>
-            )}
-          </div>
-        )}
-      </div>
-
-      {ctx && (
-        <div
-          ref={ctxRef}
-          className="ops-ctx"
-          style={
-            ctxPos
-              ? { left: ctxPos.x, top: ctxPos.y }
-              : { left: ctx.x, top: ctx.y, visibility: "hidden" }
-          }
-          onClick={(e) => e.stopPropagation()}
-        >
-          {/* 库 P0 */}
-          {ctx.kind === "database" && (
-            <>
-              {ctx.onNewQuery && (
-                <button type="button" onClick={() => { ctx.onNewQuery?.(); setCtx(null); }}>新建查询</button>
-              )}
-              {ctx.onBrowse && (
-                <button type="button" onClick={() => { ctx.onBrowse?.(); setCtx(null); }}>浏览对象</button>
-              )}
-              <button type="button" onClick={() => { void copyName(ctx.label); setCtx(null); }}>{ctx.copyLabel ?? "复制名称"}</button>
-              {ctx.onSetDefaultDb ? (
-                <button type="button" onClick={() => { ctx.onSetDefaultDb?.(); setCtx(null); }}>设为默认库</button>
-              ) : (
-                <button type="button" disabled title="当前引擎不支持">设为默认库</button>
-              )}
-              <button type="button" onClick={() => { ctx.onRefresh(); setCtx(null); }}>刷新</button>
-              <div className="ops-ctx-sep" />
-              {ctx.onDropDatabase ? (
-                <button type="button" style={{ color: "var(--ops-danger)" }} onClick={() => { ctx.onDropDatabase?.(); setCtx(null); }}>删除库…</button>
-              ) : (
-                <button type="button" disabled title="当前引擎不支持删除库" style={{ color: "var(--ops-danger)" }}>删除库…</button>
-              )}
-            </>
-          )}
-
-          {/* 表/视图 P0 */}
-          {(ctx.kind === "table" || ctx.kind === "view") && (
-            <>
-              {ctx.onQueryData && (
-                <button type="button" onClick={() => { ctx.onQueryData?.(); setCtx(null); }}>查看数据</button>
-              )}
-              {ctx.onDdl && (
-                <button type="button" onClick={() => { ctx.onDdl?.(); setCtx(null); }}>查看 DDL</button>
-              )}
-              <button type="button" onClick={() => { void copyName(ctx.label); setCtx(null); }}>{ctx.copyLabel ?? "复制名称"}</button>
-              <button type="button" onClick={() => { ctx.onRefresh(); setCtx(null); }}>刷新</button>
-              {(ctx.onTruncate || ctx.onDropTable) && <div className="ops-ctx-sep" />}
-              {ctx.onTruncate && (
-                <button type="button" style={{ color: "var(--ops-danger)" }} onClick={() => { ctx.onTruncate?.(); setCtx(null); }}>清空/截断…</button>
-              )}
-              {ctx.onDropTable && (
-                <button type="button" style={{ color: "var(--ops-danger)" }} onClick={() => { ctx.onDropTable?.(); setCtx(null); }}>删除表…</button>
-              )}
-            </>
-          )}
-
-          {/* Redis 键 P0 */}
-          {ctx.kind === "key" && (
-            <>
-              {ctx.onView && (
-                <button type="button" onClick={() => { ctx.onView?.(); setCtx(null); }}>查看值</button>
-              )}
-              <button type="button" onClick={() => { void copyName(ctx.label); setCtx(null); }}>{ctx.copyLabel ?? "复制键名"}</button>
-              <button type="button" onClick={() => { ctx.onRefresh(); setCtx(null); }}>{ctx.refreshLabel ?? "刷新 TTL"}</button>
-              {ctx.onDelete && (
-                <>
-                  <div className="ops-ctx-sep" />
-                  <button type="button" style={{ color: "var(--ops-danger)" }} onClick={() => { ctx.onDelete?.(); setCtx(null); }}>删除键…</button>
-                </>
-              )}
-            </>
-          )}
-
-          {ctx.kind === "folder" && (
-            <>
-              {ctx.onFilterPrefix && (
-                <button type="button" onClick={() => { ctx.onFilterPrefix?.(); setCtx(null); }}>只看此前缀</button>
-              )}
-              {ctx.onNewKey && (
-                <button type="button" onClick={() => { ctx.onNewKey?.(); setCtx(null); }}>在此新建键</button>
-              )}
-              <button type="button" onClick={() => { void copyName(ctx.label); setCtx(null); }}>{ctx.copyLabel ?? "复制前缀"}</button>
-              <button type="button" onClick={() => { ctx.onRefresh(); setCtx(null); }}>刷新</button>
-              {ctx.onDeleteFolder && (
-                <button
-                  type="button"
-                  style={{ color: "var(--ops-danger)" }}
-                  onClick={() => { ctx.onDeleteFolder?.(); setCtx(null); }}
-                >
-                  删除目录…
-                </button>
-              )}
-            </>
-          )}
-
-          {/* 分组等兜底：刷新 + 复制 */}
-          {(!ctx.kind || ctx.kind === "group") && (
-            <>
-              {ctx.onNewKey && (
-                <button type="button" onClick={() => { ctx.onNewKey?.(); setCtx(null); }}>新建键</button>
-              )}
-              <button type="button" onClick={() => { ctx.onRefresh(); setCtx(null); }}>刷新</button>
-              <button type="button" onClick={() => { void copyName(ctx.label); setCtx(null); }}>复制名称</button>
-            </>
-          )}
-        </div>
-      )}
-
-      {/* R2-F3:DDL 查看弹窗 */}
-      {ddlTarget && conn && (
-        <DdlModal
-          conn={conn}
-          database={ddlTarget.db}
-          table={ddlTarget.table}
-          onClose={() => setDdlTarget(null)}
-        />
-      )}
-    </div>
-  );
-}
-
-async function listSchemaObjects(
-  conn: SavedConnection,
-  sid: string,
-  db: string,
-  kind: "views" | "procedures" | "functions",
-): Promise<string[]> {
-  const d = conn.driver;
-  let sql = "";
-  if (kind === "views") {
-    if (d === "postgresql" || d === "gaussdb" || d === "kingbase" || d === "opengauss") {
-      sql = `SELECT table_name AS n FROM information_schema.views WHERE table_schema = 'public' ORDER BY 1`;
-    } else if (d === "sqlite") {
-      sql = `SELECT name AS n FROM sqlite_master WHERE type='view' ORDER BY 1`;
-    } else {
-      sql = `SELECT TABLE_NAME AS n FROM information_schema.views WHERE TABLE_SCHEMA = '${db.replace(/'/g, "''")}' ORDER BY 1`;
-    }
-  } else if (kind === "procedures") {
-    if (d === "postgresql" || d === "gaussdb" || d === "kingbase" || d === "opengauss") {
-      sql = `SELECT routine_name AS n FROM information_schema.routines WHERE routine_schema='public' AND routine_type='PROCEDURE' ORDER BY 1`;
-    } else if (d === "sqlite") {
-      return [];
-    } else {
-      sql = `SELECT ROUTINE_NAME AS n FROM information_schema.routines WHERE ROUTINE_SCHEMA='${db.replace(/'/g, "''")}' AND ROUTINE_TYPE='PROCEDURE' ORDER BY 1`;
-    }
-  } else {
-    if (d === "postgresql" || d === "gaussdb" || d === "kingbase" || d === "opengauss") {
-      sql = `SELECT routine_name AS n FROM information_schema.routines WHERE routine_schema='public' AND routine_type='FUNCTION' ORDER BY 1`;
-    } else if (d === "sqlite") {
-      return [];
-    } else {
-      sql = `SELECT ROUTINE_NAME AS n FROM information_schema.routines WHERE ROUTINE_SCHEMA='${db.replace(/'/g, "''")}' AND ROUTINE_TYPE='FUNCTION' ORDER BY 1`;
-    }
-  }
-  const res = await execSql(conn, sql, { database: db, sessionId: sid, limit: 5000 });
-  if (res.error) return [];
-  const key = res.columns[0];
-  return res.rows.map((r) => String(r[key] ?? "")).filter(Boolean);
-}
diff --git a/packages/ui/src/OpsModal.tsx b/packages/ui/src/OpsModal.tsx
deleted file mode 100644
index e35edbe..0000000
--- a/packages/ui/src/OpsModal.tsx
+++ /dev/null
@@ -1,184 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import type { ReactNode } from "react";
-
-/**
- * OpsModal — 统一模态基件(设计规范 v2 §2.2)
- *
- * - variant: info(仅"确定")/ confirm(取消+确定)/ input(带输入框,返回字符串)
- * - danger: 主按钮渲染为红色(危险操作确认)
- * - 可访问性:焦点陷阱(Tab 在模态内循环)、关闭后焦点归还触发元素、
- *   Esc 关闭、遮罩点击关闭
- * - 样式全部走 styles.css 的 --ops-* 令牌,亮暗主题随行
- */
-export type OpsModalVariant = "info" | "confirm" | "input";
-
-export type OpsModalProps = {
-  title: ReactNode;
-  variant?: OpsModalVariant;
-  /** 主按钮红色(删除/截断等危险确认) */
-  danger?: boolean;
-  okLabel?: string;
-  cancelLabel?: string;
-  /** input 变体:输入框标签 */
-  label?: string;
-  /** input 变体:默认值 */
-  defaultValue?: string;
-  /** input 变体:占位符 */
-  placeholder?: string;
-  /** 层级,默认 var(--ops-z-modal);确认框传 var(--ops-z-confirm) */
-  zIndex?: string | number;
-  /** 宽版(max-w-2xl),DDL 等长文本展示用 */
-  wide?: boolean;
-  /** 确认回调;input 变体携带输入值 */
-  onOk: (value?: string) => void;
-  /** 取消回调(Esc / 遮罩点击 / 取消按钮),info 变体缺省时回落到 onOk */
-  onCancel?: () => void;
-  children?: ReactNode;
-};
-
-const FOCUSABLE =
-  'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
-
-export function OpsModal(props: OpsModalProps) {
-  const {
-    title,
-    variant = "info",
-    danger = false,
-    okLabel = "确定",
-    cancelLabel = "取消",
-    label,
-    defaultValue = "",
-    placeholder,
-    zIndex = "var(--ops-z-modal)",
-    wide = false,
-    onOk,
-    onCancel,
-    children,
-  } = props;
-
-  const overlayRef = useRef<HTMLDivElement>(null);
-  const dialogRef = useRef<HTMLDivElement>(null);
-  const inputRef = useRef<HTMLInputElement>(null);
-  const [value, setValue] = useState(defaultValue);
-  // 回调放 ref,避免键盘监听因回调变化反复挂载
-  const cbRef = useRef({ onOk, onCancel });
-  cbRef.current = { onOk, onCancel };
-
-  const cancel = () => (cbRef.current.onCancel ?? cbRef.current.onOk)();
-  const submit = () => cbRef.current.onOk(variant === "input" ? value : undefined);
-
-  // 焦点管理:打开时聚焦输入框/主按钮,Tab 在模态内循环,Esc 关闭,卸载时焦点归还触发元素
-  useEffect(() => {
-    const dialog = dialogRef.current;
-    if (!dialog) return;
-    const prev = document.activeElement as HTMLElement | null;
-    const focusables = () =>
-      Array.from(dialog.querySelectorAll<HTMLElement>(FOCUSABLE)).filter(
-        (el) => el.offsetParent !== null || el === document.activeElement,
-      );
-    const initial =
-      variant === "input" && inputRef.current ? inputRef.current : focusables().pop();
-    initial?.focus();
-    if (variant === "input") inputRef.current?.select();
-
-    const onKey = (e: KeyboardEvent) => {
-      // 模态可叠加(如确认框盖在通知模态上):仅最上层响应键盘
-      const overlays = document.querySelectorAll(".ops-modal-overlay");
-      if (overlays.length && overlays[overlays.length - 1] !== overlayRef.current) return;
-      if (e.key === "Escape") {
-        e.preventDefault();
-        e.stopPropagation();
-        cancel();
-        return;
-      }
-      if (e.key !== "Tab") return;
-      const items = focusables();
-      if (!items.length) return;
-      const first = items[0];
-      const last = items[items.length - 1];
-      const active = document.activeElement as HTMLElement | null;
-      if (e.shiftKey) {
-        if (!active || !dialog.contains(active) || active === first) {
-          e.preventDefault();
-          last.focus();
-        }
-      } else if (!active || !dialog.contains(active) || active === last) {
-        e.preventDefault();
-        first.focus();
-      }
-    };
-    window.addEventListener("keydown", onKey, true);
-    return () => {
-      window.removeEventListener("keydown", onKey, true);
-      // 焦点归还触发元素
-      prev?.focus?.();
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  return (
-    <div
-      ref={overlayRef}
-      className="ops-modal-overlay"
-      style={{ zIndex }}
-      onMouseDown={(e) => {
-        // 仅点击遮罩本体(非对话框内容)才关闭
-        if (e.target === overlayRef.current) cancel();
-      }}
-    >
-      <div
-        ref={dialogRef}
-        className={`ops-modal w-full ${wide ? "max-w-2xl" : "max-w-md"}`}
-        role="alertdialog"
-        aria-modal="true"
-        aria-label={typeof title === "string" ? title : undefined}
-      >
-        <div className="ops-modal-header">{title}</div>
-        <div className="ops-modal-body">
-          {children}
-          {variant === "input" && (
-            <form
-              onSubmit={(e) => {
-                e.preventDefault();
-                submit();
-              }}
-            >
-              {label && (
-                <label
-                  htmlFor="ops-modal-input"
-                  className="mb-1 block"
-                  style={{ fontSize: "var(--ops-text-sm)", color: "var(--ops-muted)" }}
-                >
-                  {label}
-                </label>
-              )}
-              <input
-                id="ops-modal-input"
-                ref={inputRef}
-                type="text"
-                className="ops-input w-full"
-                value={value}
-                placeholder={placeholder}
-                onChange={(e) => setValue(e.target.value)}
-              />
-            </form>
-          )}
-        </div>
-        <div className="ops-modal-footer">
-          {variant !== "info" && (
-            <button type="button" className="ops-btn-secondary min-w-[72px]" onClick={cancel}>
-              {cancelLabel}
-            </button>
-          )}
-          <button
-            type="button"
-            className={`${danger ? "ops-btn-danger" : "ops-btn-primary"} min-w-[72px]`}
-            onClick={submit}
-          >
-            {okLabel}
-          </button>
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/packages/ui/src/RedisKeyPane.tsx b/packages/ui/src/RedisKeyPane.tsx
deleted file mode 100644
index e41aaa6..0000000
--- a/packages/ui/src/RedisKeyPane.tsx
+++ /dev/null
@@ -1,879 +0,0 @@
-import { useEffect, useMemo, useState } from "react";
-import { execSql, getRedisKey } from "./api";
-import { ensureSession, withSessionRetry } from "./ObjectTree";
-import { OpsModal } from "./OpsModal";
-import {
-  displayRedisValue,
-  formatRedisTtl,
-  redisCmd,
-  redisTypeColor,
-  tryPrettyJson,
-  tsLabel,
-} from "./redis";
-import { useWorkspaceStore } from "./store";
-
-type ValueMode = "table" | "json";
-/** 表格首屏渲染行数，超出走「加载更多」 */
-const INITIAL_VISIBLE = 100;
-const PAGE_STEP = 200;
-
-/** 单元格单行摘要：JSON 压回单行、空白折叠、超长截断 —— 表格保持紧凑，完整 pretty 留给查看弹层 */
-function cellSummary(raw: string, pretty: string | null): { text: string; more: boolean } {
-  const s = pretty ? JSON.stringify(JSON.parse(pretty)) : raw;
-  const one = s.replace(/\s+/g, " ").trim();
-  if (one.length > 160) return { text: `${one.slice(0, 160)}…`, more: true };
-  return { text: one, more: false };
-}
-type LineEdit = {
-  field: string;
-  value: string;
-  score: string;
-  isNew: boolean;
-  oldField?: string;
-  index?: number;
-};
-
-async function copyText(text: string) {
-  await navigator.clipboard.writeText(text);
-}
-
-function cellString(v: unknown): string {
-  if (v == null) return "";
-  return String(v);
-}
-
-export function RedisKeyPane() {
-  const result = useWorkspaceStore((s) => s.result);
-  const resultMeta = useWorkspaceStore((s) => s.resultMeta);
-  const connections = useWorkspaceStore((s) => s.connections);
-  const activeConnectionId = useWorkspaceStore((s) => s.activeConnectionId);
-  const notify = useWorkspaceStore((s) => s.notify);
-  const notifyError = useWorkspaceStore((s) => s.notifyError);
-  const askConfirm = useWorkspaceStore((s) => s.askConfirm);
-  const set = useWorkspaceStore((s) => s.set);
-  const conn = connections.find((c) => c.id === activeConnectionId);
-
-  const keyName = resultMeta?.table ?? "";
-  const dbName = resultMeta?.database ?? conn?.database ?? "0";
-  const type = resultMeta?.redisType || "string";
-  const [ttlDraft, setTtlDraft] = useState(String(resultMeta?.redisTtl ?? -1));
-  const [keyDraft, setKeyDraft] = useState(keyName);
-  const [mode, setMode] = useState<ValueMode>(type === "string" ? "json" : "table");
-  const [filter, setFilter] = useState("");
-  const [busy, setBusy] = useState(false);
-  const [lineEdit, setLineEdit] = useState<LineEdit | null>(null);
-  /** 行内 JSON 放大查看（pretty 全文） */
-  const [cellViewer, setCellViewer] = useState<string | null>(null);
-  /** string 的 JSON 视图可编辑草稿（pretty）；保存时校验并压缩回写 */
-  const [prettyDraft, setPrettyDraft] = useState<string | null>(null);
-  /** 列排序：null=默认序；dir 1 升 / -1 降 */
-  const [sort, setSort] = useState<{ col: string; dir: 1 | -1 } | null>(null);
-  /** 双击单元格就地编辑：i=行号（filtered 内）、col=列 */
-  const [inline, setInline] = useState<{ i: number; col: string; draft: string } | null>(null);
-  /** 表格分批渲染：首屏条数与当前已显示条数（宽/大键不全量铺 DOM） */
-  const [visibleCount, setVisibleCount] = useState(INITIAL_VISIBLE);
-  const [stringDraft, setStringDraft] = useState(() => cellString(result?.rows?.[0]?.value));
-
-  useEffect(() => {
-    setKeyDraft(keyName);
-    setTtlDraft(String(resultMeta?.redisTtl ?? -1));
-    setStringDraft(cellString(result?.rows?.[0]?.value));
-    setFilter("");
-    setMode(type === "string" ? "json" : "table");
-    setVisibleCount(INITIAL_VISIBLE);
-    setSort(null);
-    setInline(null);
-  }, [keyName, type, resultMeta?.redisTtl, result]);
-
-  const rows = result?.rows ?? [];
-  const filtered = useMemo(() => {
-    const q = filter.trim().toLowerCase();
-    if (!q) return rows;
-    return rows.filter((r) => Object.values(r).some((v) => String(v ?? "").toLowerCase().includes(q)));
-  }, [rows, filter]);
-  const sorted = useMemo(() => {
-    if (!sort) return filtered;
-    const { col, dir } = sort;
-    return [...filtered].sort((a, b) => {
-      const av = a[col];
-      const bv = b[col];
-      if (col === "score") return ((Number(av) || 0) - (Number(bv) || 0)) * dir;
-      return String(av ?? "").localeCompare(String(bv ?? ""), undefined, { numeric: true }) * dir;
-    });
-  }, [filtered, sort]);
-
-  const jsonText = useMemo(() => {
-    if (type === "string") {
-      const raw = cellString(rows[0]?.value);
-      return tryPrettyJson(raw) || raw;
-    }
-    if (type === "hash") {
-      const obj: Record<string, unknown> = {};
-      for (const r of rows) {
-        const f = cellString(r.field);
-        const v = r.value;
-        const parsed = tryPrettyJson(v);
-        obj[f] = parsed ? JSON.parse(parsed) : v;
-      }
-      return JSON.stringify(obj, null, 2);
-    }
-    return JSON.stringify(rows, null, 2);
-  }, [rows, type]);
-
-  // string 的 JSON 草稿随数据刷新同步（保存/重载后回到干净态）
-  useEffect(() => {
-    if (type === "string") setPrettyDraft(jsonText);
-  }, [jsonText, type]);
-
-  const reload = async () => {
-    if (!conn || !keyName) return;
-    setBusy(true);
-    try {
-      const res = await withSessionRetry(conn, (sid) => getRedisKey(conn, dbName, keyName, { sessionId: sid, limit: 500 }));
-      const qr = {
-        columns: res.columns ?? [],
-        rows: res.rows ?? [],
-        rowCount: res.rowCount ?? 0,
-        timeMs: res.timeMs ?? 0,
-        error: res.error,
-        truncated: res.truncated,
-        limit: res.limit,
-      };
-      set("result", qr);
-      set("resultMeta", {
-        database: dbName,
-        table: keyName,
-        pkCols: [],
-        redisType: res.type,
-        redisTtl: res.ttl,
-      });
-      setTtlDraft(String(res.ttl ?? -1));
-      setKeyDraft(keyName);
-      if (res.type === "string") setStringDraft(cellString(res.rows?.[0]?.value));
-      set("status", `${keyName} · ${res.type} · TTL ${formatRedisTtl(res.ttl)}`);
-    } catch (e) {
-      notifyError(e, "toast");
-    } finally {
-      setBusy(false);
-    }
-  };
-
-  const runCmd = async (sql: string, okMsg?: string, opts?: { reload?: boolean }) => {
-    if (!conn) return false;
-    setBusy(true);
-    try {
-      const res = await withSessionRetry(conn, (sid) => execSql(conn, sql, { sessionId: sid, database: dbName }));
-      if (res.error) throw new Error(res.error);
-      if (okMsg) notify({ kind: "success", title: okMsg, message: keyName, mode: "toast", durationMs: 1400 });
-      if (opts?.reload !== false) await reload();
-      return true;
-    } catch (e) {
-      notifyError(e, "modal");
-      return false;
-    } finally {
-      setBusy(false);
-    }
-  };
-
-  const saveTtl = async () => {
-    const n = Number(ttlDraft);
-    if (!Number.isFinite(n)) {
-      notify({ kind: "warning", title: "TTL", message: "请输入秒数，-1 表示永久", mode: "toast" });
-      return;
-    }
-    if (n < 0) await runCmd(redisCmd("PERSIST", keyName), "已设为永久");
-    else await runCmd(redisCmd("EXPIRE", keyName, String(Math.floor(n))), "已更新 TTL");
-  };
-
-  const rename = async () => {
-    const next = keyDraft.trim();
-    if (!next || next === keyName) return;
-    const ok = await runCmd(redisCmd("RENAME", keyName, next), "已重命名");
-    if (ok) {
-      set("resultMeta", {
-        database: dbName,
-        table: next,
-        pkCols: [],
-        redisType: type,
-        redisTtl: resultMeta?.redisTtl,
-      });
-      setKeyDraft(next);
-    }
-  };
-
-  /** 服务端游标续载：追加行而不是整键替换（hash/set=SCAN 游标；list/zset=偏移） */
-  const loadMore = async () => {
-    if (!conn || !keyName) return;
-    const cur = result?.nextCursor ?? 0;
-    if (!cur) return;
-    setBusy(true);
-    try {
-      const res = await withSessionRetry(conn, (sid) => getRedisKey(conn, dbName, keyName, { sessionId: sid, limit: result?.limit || 500, cursor: cur }));
-      if (res.error) throw new Error(res.error);
-      const merged = [...(result?.rows ?? []), ...(res.rows ?? [])];
-      set("result", {
-        columns: result?.columns ?? res.columns ?? [],
-        rows: merged,
-        rowCount: merged.length,
-        timeMs: result?.timeMs ?? res.timeMs ?? 0,
-        truncated: res.truncated,
-        nextCursor: res.nextCursor,
-        limit: result?.limit ?? res.limit,
-      });
-      setVisibleCount((v) => v + PAGE_STEP);
-    } catch (e) {
-      notifyError(e, "toast");
-    } finally {
-      setBusy(false);
-    }
-  };
-
-  /** 双击单元格就地编辑提交：按类型/列生成与「编辑」弹窗一致的命令 */
-  const commitInline = async (row: Record<string, unknown>, col: string, draft: string) => {
-    let sql = "";
-    if (type === "hash") {
-      if (col === "field") {
-        const old = cellString(row.field);
-        if (!draft.trim()) {
-          notify({ kind: "warning", title: "Hash", message: "Field 必填", mode: "toast" });
-          return;
-        }
-        if (draft !== old) sql = `${redisCmd("HDEL", keyName, old)}\n${redisCmd("HSET", keyName, draft, cellString(row.value))}`;
-        else return;
-      } else {
-        if (draft === cellString(row.value)) return;
-        sql = redisCmd("HSET", keyName, cellString(row.field), draft);
-      }
-    } else if (type === "zset") {
-      if (col === "member") {
-        const old = cellString(row.member);
-        if (draft === old) return;
-        sql = `${redisCmd("ZREM", keyName, old)}\n${redisCmd("ZADD", keyName, cellString(row.score), draft)}`;
-      } else {
-        if (String(draft) === cellString(row.score)) return;
-        if (Number.isNaN(Number(draft))) {
-          notify({ kind: "warning", title: "Score", message: "必须是数字", mode: "toast" });
-          return;
-        }
-        sql = redisCmd("ZADD", keyName, String(draft), cellString(row.member));
-      }
-    } else if (type === "set") {
-      const old = cellString(row.member ?? row.value);
-      if (draft === old) return;
-      sql = `${redisCmd("SREM", keyName, old)}\n${redisCmd("SADD", keyName, draft)}`;
-    } else if (type === "list") {
-      if (draft === cellString(row.value)) return;
-      sql = redisCmd("LSET", keyName, cellString(row.index ?? 0), draft);
-    }
-    if (!sql) return;
-    setInline(null);
-    for (const p of sql.split("\n")) {
-      const ok = await runCmd(p, "已更新");
-      if (!ok) break;
-    }
-  };
-
-  const toggleSort = (col: string) => {
-    setSort((s0) => (!s0 || s0.col !== col ? { col, dir: 1 } : s0.dir === 1 ? { col, dir: -1 } : null));
-  };
-
-  const sortTh = (col: string, label: string) => (
-    <button
-      type="button"
-      className="inline-flex items-center gap-0.5 hover:underline"
-      onClick={() => toggleSort(col)}
-      title="点击排序：升 → 降 → 默认"
-    >
-      {label}
-      {sort?.col === col ? <span className="text-[9px]">{sort.dir === 1 ? "▲" : "▼"}</span> : null}
-    </button>
-  );
-
-  /** 就地编辑输入框：Enter 提交 / Esc 取消 */
-  const InlineInput = ({ row, i, col, value }: { row: Record<string, unknown>; i: number; col: string; value: string }) => (
-    <input
-      autoFocus
-      className="ops-input h-6 w-full px-1 font-mono text-[11px]"
-      value={inline?.i === i && inline.col === col ? inline.draft : value}
-      onChange={(e) => setInline({ i, col, draft: e.target.value })}
-      onKeyDown={(e) => {
-        if (e.key === "Enter") {
-          e.preventDefault();
-          void commitInline(row, col, inline?.draft ?? value);
-        } else if (e.key === "Escape") setInline(null);
-      }}
-      onBlur={() => setInline(null)}
-    />
-  );
-
-  const saveString = async () => {
-    let val = stringDraft;
-    if (type === "string" && mode === "json") {
-      // JSON 视图直接编辑：保存前校验并压回单行，避免把 pretty 缩进写进 Redis
-      const draft = prettyDraft ?? jsonText;
-      try {
-        val = JSON.stringify(JSON.parse(draft));
-      } catch (e) {
-        notify({
-          kind: "error",
-          title: "JSON 解析失败",
-          message: e instanceof Error ? e.message : String(e),
-          mode: "toast",
-          durationMs: 2600,
-        });
-        return;
-      }
-    }
-    await runCmd(redisCmd("SET", keyName, val), "已保存");
-  };
-
-  const deleteKey = async () => {
-    const ok = await askConfirm({
-      title: "删除键",
-      message: `确认删除 Redis 键「${keyName}」？此操作不可恢复。`,
-      okLabel: "删除",
-      danger: true,
-    });
-    if (!ok) return;
-    const done = await runCmd(redisCmd("DEL", keyName), "已删除", { reload: false });
-    if (done) {
-      set("result", null);
-      set("resultMeta", { database: dbName, pkCols: [] });
-    }
-  };
-
-  const openAdd = () => {
-    setLineEdit({
-      field: type === "hash" ? "" : type === "zset" ? "" : "",
-      value: "",
-      score: "0",
-      isNew: true,
-    });
-  };
-
-  const openEditRow = (row: Record<string, unknown>, index: number) => {
-    if (type === "hash") {
-      setLineEdit({
-        field: cellString(row.field),
-        value: cellString(row.value),
-        score: "0",
-        isNew: false,
-        oldField: cellString(row.field),
-      });
-      return;
-    }
-    if (type === "list") {
-      setLineEdit({ field: "", value: cellString(row.value), score: "0", isNew: false, index });
-      return;
-    }
-    if (type === "set") {
-      setLineEdit({
-        field: "",
-        value: cellString(row.member ?? row.value),
-        score: "0",
-        isNew: false,
-        oldField: cellString(row.member ?? row.value),
-      });
-      return;
-    }
-    if (type === "zset") {
-      setLineEdit({
-        field: cellString(row.member),
-        value: cellString(row.member),
-        score: cellString(row.score),
-        isNew: false,
-        oldField: cellString(row.member),
-      });
-    }
-  };
-
-  const commitLine = async () => {
-    if (!lineEdit) return;
-    let sql = "";
-    if (type === "hash") {
-      if (!lineEdit.field.trim()) {
-        notify({ kind: "warning", title: "Hash", message: "Field 必填", mode: "toast" });
-        return;
-      }
-      if (!lineEdit.isNew && lineEdit.oldField && lineEdit.oldField !== lineEdit.field) {
-        sql = `${redisCmd("HDEL", keyName, lineEdit.oldField)}\n${redisCmd("HSET", keyName, lineEdit.field, lineEdit.value)}`;
-      } else {
-        sql = redisCmd("HSET", keyName, lineEdit.field, lineEdit.value);
-      }
-    } else if (type === "list") {
-      if (lineEdit.isNew) sql = redisCmd("RPUSH", keyName, lineEdit.value);
-      else sql = redisCmd("LSET", keyName, String(lineEdit.index ?? 0), lineEdit.value);
-    } else if (type === "set") {
-      if (lineEdit.isNew) sql = redisCmd("SADD", keyName, lineEdit.value);
-      else if (lineEdit.oldField && lineEdit.oldField !== lineEdit.value) {
-        sql = `${redisCmd("SREM", keyName, lineEdit.oldField)}\n${redisCmd("SADD", keyName, lineEdit.value)}`;
-      } else sql = redisCmd("SADD", keyName, lineEdit.value);
-    } else if (type === "zset") {
-      const member = lineEdit.value || lineEdit.field;
-      if (lineEdit.isNew) sql = redisCmd("ZADD", keyName, lineEdit.score || "0", member);
-      else if (lineEdit.oldField && lineEdit.oldField !== member) {
-        sql = `${redisCmd("ZREM", keyName, lineEdit.oldField)}\n${redisCmd("ZADD", keyName, lineEdit.score || "0", member)}`;
-      } else sql = redisCmd("ZADD", keyName, lineEdit.score || "0", member);
-    }
-    if (!sql) return;
-    const parts = sql.split("\n");
-    setLineEdit(null);
-    for (const p of parts) {
-      const ok = await runCmd(p, lineEdit.isNew ? "已新增" : "已更新");
-      if (!ok) break;
-    }
-  };
-
-  const deleteLine = async (row: Record<string, unknown>, index: number) => {
-    const ok = await askConfirm({
-      title: "删除元素",
-      message: "确认删除这一行？",
-      okLabel: "删除",
-      danger: true,
-    });
-    if (!ok) return;
-    if (type === "hash") await runCmd(redisCmd("HDEL", keyName, cellString(row.field)), "已删除字段");
-    else if (type === "set") await runCmd(redisCmd("SREM", keyName, cellString(row.member ?? row.value)), "已删除成员");
-    else if (type === "zset") await runCmd(redisCmd("ZREM", keyName, cellString(row.member)), "已删除成员");
-    else if (type === "list") {
-      const val = cellString(row.value);
-      await runCmd(redisCmd("LREM", keyName, "1", val), "已删除元素");
-      void index;
-    }
-  };
-
-  /** 单行重建命令：复制后可直接在别处回放（zset→ZADD score member 等） */
-  const rowCommand = (row: Record<string, unknown>): string => {
-    switch (type) {
-      case "hash":
-        return redisCmd("HSET", keyName, cellString(row.field), cellString(row.value));
-      case "zset":
-        return redisCmd("ZADD", keyName, cellString(row.score), cellString(row.member));
-      case "set":
-        return redisCmd("SADD", keyName, cellString(row.member ?? row.value));
-      case "list":
-        return redisCmd("RPUSH", keyName, cellString(row.value));
-      default:
-        return cellString(row.value ?? row.member ?? "");
-    }
-  };
-
-  const dumpClipboard = async () => {
-    const lines: string[] = [];
-    if (type === "string") lines.push(redisCmd("SET", keyName, cellString(rows[0]?.value)));
-    else if (type === "hash") {
-      for (const r of rows) lines.push(redisCmd("HSET", keyName, cellString(r.field), cellString(r.value)));
-    } else if (type === "list") {
-      for (const r of rows) lines.push(redisCmd("RPUSH", keyName, cellString(r.value)));
-    } else if (type === "set") {
-      for (const r of rows) lines.push(redisCmd("SADD", keyName, cellString(r.member ?? r.value)));
-    } else if (type === "zset") {
-      for (const r of rows) lines.push(redisCmd("ZADD", keyName, cellString(r.score), cellString(r.member)));
-    }
-    const ttl = resultMeta?.redisTtl ?? -1;
-    if (ttl >= 0) lines.push(redisCmd("EXPIRE", keyName, String(ttl)));
-    await copyText(lines.join("\n") || redisCmd("GET", keyName));
-    notify({ kind: "success", title: "已复制命令", message: `${lines.length} 条`, mode: "toast", durationMs: 1400 });
-  };
-
-  const addLabel =
-    type === "hash" ? "新增字段" : type === "list" ? "追加元素" : type === "zset" ? "新增成员" : type === "set" ? "新增成员" : null;
-
-  const colTitle =
-    type === "hash" ? `ID（共 ${filtered.length}）` : type === "list" ? "Index" : type === "zset" ? "#" : "#";
-
-  return (
-    <div className="flex min-h-0 flex-1 flex-col">
-      <div className="flex shrink-0 flex-wrap items-center gap-2 border-b px-2 py-1.5" style={{ borderColor: "var(--ops-border)" }}>
-        <span
-          className="rounded px-2 py-0.5 text-[11px] font-semibold uppercase"
-          style={{ background: `${redisTypeColor(type)}22`, color: redisTypeColor(type) }}
-        >
-          {type}
-        </span>
-        <input
-          className="ops-input h-7 min-w-0 flex-1 font-mono text-[12px]"
-          value={keyDraft}
-          title="回车重命名"
-          onChange={(e) => setKeyDraft(e.target.value)}
-          onKeyDown={(e) => {
-            if (e.key === "Enter") void rename();
-          }}
-        />
-        <div className="flex h-7 overflow-hidden rounded border" style={{ borderColor: "var(--ops-border)" }}>
-          <span className="flex items-center px-2 text-[10px]" style={{ background: "var(--ops-surface-2)", color: "var(--ops-muted)" }}>
-            TTL
-          </span>
-          <input
-            className="w-20 bg-transparent px-2 text-[12px] outline-none"
-            value={ttlDraft}
-            title="秒；-1 永久。回车保存"
-            onChange={(e) => setTtlDraft(e.target.value)}
-            onKeyDown={(e) => {
-              if (e.key === "Enter") void saveTtl();
-            }}
-          />
-        </div>
-        <button type="button" className="ops-btn-secondary h-7 px-2 text-[11px]" disabled={busy} onClick={() => void saveTtl()}>
-          保存 TTL
-        </button>
-        <button type="button" className="ops-btn-ghost h-7 px-2 text-[11px]" disabled={busy} title="刷新" onClick={() => void reload()}>
-          刷新
-        </button>
-        <button type="button" className="ops-btn-ghost h-7 px-2 text-[11px]" title="复制还原命令" onClick={() => void dumpClipboard()}>
-          导出命令
-        </button>
-        <button
-          type="button"
-          className="ops-btn-ghost h-7 px-2 text-[11px]"
-          style={{ color: "var(--ops-danger)" }}
-          disabled={busy}
-          onClick={() => void deleteKey()}
-        >
-          删除
-        </button>
-      </div>
-
-      <div className="flex shrink-0 items-center justify-between gap-2 border-b px-2 py-1" style={{ borderColor: "var(--ops-border)" }}>
-        <div className="flex items-center gap-2">
-          {addLabel && (
-            <button type="button" className="ops-btn-primary h-7 px-2 text-[11px]" disabled={busy} onClick={openAdd}>
-              {addLabel}
-            </button>
-          )}
-          {type === "string" && (
-            <button
-              type="button"
-              className="ops-btn-primary h-7 px-2 text-[11px]"
-              disabled={
-                busy ||
-                (mode === "json"
-                  ? (prettyDraft ?? jsonText) === jsonText
-                  : stringDraft === cellString(rows[0]?.value))
-              }
-              onClick={() => void saveString()}
-            >
-              保存值
-            </button>
-          )}
-          <div className="ops-seg">
-            <button type="button" className={mode === "table" ? "ops-seg-active" : undefined} onClick={() => setMode("table")}>
-              {type === "string" ? "原文" : "结构"}
-            </button>
-            <button type="button" className={mode === "json" ? "ops-seg-active" : undefined} onClick={() => setMode("json")}>
-              JSON
-            </button>
-          </div>
-        </div>
-        {type !== "string" && (
-          <input
-            className="ops-input h-7 w-48 text-[11px]"
-            placeholder="搜索字段或值"
-            value={filter}
-            onChange={(e) => setFilter(e.target.value)}
-          />
-        )}
-      </div>
-
-      {result?.truncated && (
-        <div
-          className="shrink-0 px-2 py-1 text-[11px]"
-          style={{ color: "var(--ops-warning)", background: "color-mix(in srgb, var(--ops-warning) 10%, transparent)" }}
-        >
-          {(result?.nextCursor ?? 0) > 0
-            ? `已分页加载前 ${rows.length} 行，底部可继续加载。`
-            : `已截断，最多 ${result.limit || 500} 行。用过滤或命令缩小范围。`}
-        </div>
-      )}
-
-      <div className="min-h-0 flex-1 overflow-auto">
-        {type === "string" || mode === "json" ? (
-          type === "string" && mode === "table" ? (
-            <textarea
-              className="ops-input min-h-full w-full resize-none rounded-none border-0 p-3 font-mono text-[12px] leading-relaxed"
-              value={stringDraft}
-              spellCheck={false}
-              onChange={(e) => setStringDraft(e.target.value)}
-            />
-          ) : type === "string" ? (
-            <textarea
-              className="ops-input min-h-full w-full resize-none rounded-none border-0 p-3 font-mono text-[12px] leading-relaxed"
-              value={mode === "json" ? prettyDraft ?? jsonText : stringDraft}
-              spellCheck={false}
-              onChange={(e) => {
-                if (mode === "json") setPrettyDraft(e.target.value);
-                else setStringDraft(e.target.value);
-              }}
-              placeholder="JSON 视图可直接编辑；保存时自动校验并压缩回写"
-            />
-          ) : (
-            <pre className="m-0 whitespace-pre-wrap break-all p-3 font-mono text-[12px] leading-relaxed">{jsonText}</pre>
-          )
-        ) : (
-          <table className="ops-grid" style={{ tableLayout: "fixed", width: "100%" }}>
-            <thead>
-              <tr>
-                <th style={{ width: 72 }}>{colTitle}</th>
-                {type === "hash" && <th style={{ width: "28%" }}>{sortTh("field", "Key")}</th>}
-                {type === "zset" && <th style={{ width: "56%" }}>{sortTh("member", "Member")}</th>}
-                {type === "zset" && <th style={{ width: 120 }}>{sortTh("score", "Score")}</th>}
-                {type !== "zset" && <th>{type === "list" ? "Value" : sortTh("value", "Value")}</th>}
-                <th style={{ width: 108 }} />
-              </tr>
-            </thead>
-            <tbody>
-              {sorted.slice(0, visibleCount).map((row, i) => {
-                const valueRaw = type === "hash" ? row.value : type === "zset" ? row.member : row.member ?? row.value;
-                const shown = displayRedisValue(valueRaw);
-                const valuePretty = tryPrettyJson(cellString(valueRaw));
-                const summary = cellSummary(cellString(valueRaw), valuePretty);
-                const scoreTs = type === "zset" ? tsLabel(Number(row.score)) : null;
-                return (
-                  <tr key={i}>
-                    <td className="ops-rownum">{type === "list" ? cellString(row.index ?? i) : i + 1}</td>
-                    {type === "hash" && (
-                      <td className="font-mono" title={cellString(row.field)}>
-                        {inline?.i === i && inline.col === "field" ? (
-                          <InlineInput row={row} i={i} col="field" value={cellString(row.field)} />
-                        ) : (
-                          <span
-                            className="cursor-text"
-                            title="双击重命名"
-                            onDoubleClick={() => setInline({ i, col: "field", draft: cellString(row.field) })}
-                          >
-                            {cellString(row.field)}
-                          </span>
-                        )}
-                      </td>
-                    )}
-                    {type === "zset" && (
-                      <td className="font-mono">
-                        {valuePretty ? (
-                          <button
-                            type="button"
-                            className="m-0 flex w-full items-baseline gap-1 p-0 text-left"
-                            style={{ cursor: "zoom-in" }}
-                            title="点击查看完整 JSON"
-                            onClick={() => setCellViewer(valuePretty)}
-                          >
-                            <span className="min-w-0 flex-1 truncate font-mono text-[11px] leading-snug">{summary.text}</span>
-                            {summary.more && (
-                              <span className="shrink-0 text-[10px]" style={{ color: "var(--ops-accent)" }}>
-                                更多
-                              </span>
-                            )}
-                          </button>
-                        ) : inline?.i === i && inline.col === "member" ? (
-                          <InlineInput row={row} i={i} col="member" value={cellString(row.member)} />
-                        ) : (
-                          <span
-                            className="cursor-text"
-                            title="双击编辑"
-                            onDoubleClick={() => setInline({ i, col: "member", draft: cellString(row.member) })}
-                          >
-                            {cellString(row.member)}
-                          </span>
-                        )}
-                      </td>
-                    )}
-                    {type === "zset" && (
-                      <td className="font-mono" title={scoreTs ?? "双击改分"}>
-                        {inline?.i === i && inline.col === "score" ? (
-                          <InlineInput row={row} i={i} col="score" value={cellString(row.score)} />
-                        ) : (
-                          <div
-                            className="cursor-text"
-                            onDoubleClick={() => setInline({ i, col: "score", draft: cellString(row.score) })}
-                          >
-                            {cellString(row.score)}
-                            {scoreTs && <div className="text-[10px] leading-3 opacity-60">{scoreTs}</div>}
-                          </div>
-                        )}
-                      </td>
-                    )}
-                    {type !== "zset" && (
-                      <td title={valuePretty ? "点击查看完整 JSON" : shown.pretty ?? cellString(valueRaw)}>
-                        {valuePretty || cellString(valueRaw).length > 180 ? (
-                          <button
-                            type="button"
-                            className="m-0 flex w-full items-baseline gap-1 p-0 text-left"
-                            style={{ cursor: "zoom-in" }}
-                            onClick={() => setCellViewer(valuePretty ?? cellString(valueRaw))}
-                          >
-                            <span className="min-w-0 flex-1 truncate font-mono text-[11px] leading-snug">{summary.text}</span>
-                            {summary.more && (
-                              <span className="shrink-0 text-[10px]" style={{ color: "var(--ops-accent)" }}>
-                                更多
-                              </span>
-                            )}
-                          </button>
-                        ) : inline?.i === i && inline.col === "value" ? (
-                          <InlineInput row={row} i={i} col="value" value={cellString(valueRaw)} />
-                        ) : (
-                          <pre
-                            className="m-0 max-h-24 cursor-text overflow-auto whitespace-pre-wrap break-all font-mono text-[11px] leading-snug"
-                            title="双击编辑"
-                            onDoubleClick={() => setInline({ i, col: "value", draft: cellString(valueRaw) })}
-                          >
-                            {shown.text}
-                          </pre>
-                        )}
-                      </td>
-                    )}
-                    <td>
-                      <div className="flex items-center gap-0.5">
-                        <button
-                          type="button"
-                          className="ops-btn-ghost grid h-5 w-5 place-items-center p-0 text-[10px]"
-                          title="复制值（纯文本）"
-                          onClick={() => {
-                            const val = cellString(valueRaw);
-                            void copyText(val).then(() =>
-                              notify({ kind: "success", title: "已复制值", message: "", mode: "toast", durationMs: 1200 }),
-                            );
-                          }}
-                        >
-                          ⧉
-                        </button>
-                        <button
-                          type="button"
-                          className="ops-btn-ghost grid h-5 w-5 place-items-center p-0 text-[10px]"
-                          title={`复制重建命令（${type === "zset" ? "ZADD key score member" : type === "hash" ? "HSET key field value" : type === "set" ? "SADD key member" : "RPUSH key value"}）`}
-                          onClick={() => {
-                            const cmd = rowCommand(row);
-                            void copyText(cmd).then(() =>
-                              notify({ kind: "success", title: "已复制命令", message: cmd, mode: "toast", durationMs: 1600 }),
-                            );
-                          }}
-                        >
-                          ⌘
-                        </button>
-                        <button
-                          type="button"
-                          className="ops-btn-ghost grid h-5 w-5 place-items-center p-0 text-[10px]"
-                          title={valuePretty ? "查看 JSON" : "查看文本"}
-                          onClick={() => setCellViewer(valuePretty ?? cellString(valueRaw))}
-                        >
-                          {valuePretty ? "{}" : "☰"}
-                        </button>
-                        <button type="button" className="ops-btn-ghost px-1 text-[11px]" title="编辑" onClick={() => openEditRow(row, i)}>
-                          ✎
-                        </button>
-                        <button
-                          type="button"
-                          className="ops-btn-ghost grid h-5 w-5 place-items-center p-0 text-[11px]"
-                          style={{ color: "var(--ops-danger)" }}
-                          title="删除此行"
-                          onClick={() => void deleteLine(row, i)}
-                        >
-                          ×
-                        </button>
-                      </div>
-                    </td>
-                  </tr>
-                );
-              })}
-              {filtered.length === 0 && (
-                <tr>
-                  <td colSpan={4} className="px-3 py-6 text-center" style={{ color: "var(--ops-muted)" }}>
-                    {rows.length === 0 ? "空值" : "无匹配"}
-                  </td>
-                </tr>
-              )}
-              {(result?.nextCursor ?? 0) > 0 ? (
-                <tr>
-                  <td colSpan={4} className="px-3 py-2 text-center">
-                    <button
-                      type="button"
-                      className="ops-btn-ghost text-[11px]"
-                      disabled={busy}
-                      onClick={() => void loadMore()}
-                    >
-                      加载更多（服务端续载 · 已加载 {rows.length} 行）
-                    </button>
-                  </td>
-                </tr>
-              ) : filtered.length > visibleCount ? (
-                <tr>
-                  <td colSpan={4} className="px-3 py-2 text-center">
-                    <button
-                      type="button"
-                      className="ops-btn-ghost text-[11px]"
-                      onClick={() => setVisibleCount((v) => v + PAGE_STEP)}
-                    >
-                      加载更多（已显示 {visibleCount} / 共 {filtered.length} 行）
-                    </button>
-                  </td>
-                </tr>
-              ) : null}
-            </tbody>
-          </table>
-        )}
-      </div>
-
-      {lineEdit && (
-        <OpsModal
-          title={lineEdit.isNew ? addLabel || "新增" : "编辑"}
-          variant="confirm"
-          okLabel="保存"
-          onOk={() => void commitLine()}
-          onCancel={() => setLineEdit(null)}
-        >
-          <div className="space-y-2">
-            {type === "hash" && (
-              <label className="block text-[12px]">
-                <span style={{ color: "var(--ops-muted)" }}>Field</span>
-                <input
-                  className="ops-input mt-1 w-full font-mono"
-                  value={lineEdit.field}
-                  onChange={(e) => setLineEdit({ ...lineEdit, field: e.target.value })}
-                />
-              </label>
-            )}
-            {type === "zset" && (
-              <label className="block text-[12px]">
-                <span style={{ color: "var(--ops-muted)" }}>Score</span>
-                <input
-                  className="ops-input mt-1 w-full font-mono"
-                  value={lineEdit.score}
-                  onChange={(e) => setLineEdit({ ...lineEdit, score: e.target.value })}
-                />
-              </label>
-            )}
-            <label className="block text-[12px]">
-              <span style={{ color: "var(--ops-muted)" }}>{type === "zset" ? "Member" : "Value"}</span>
-              <textarea
-                className="ops-input mt-1 min-h-[120px] w-full font-mono text-[12px]"
-                value={lineEdit.value}
-                spellCheck={false}
-                onChange={(e) => setLineEdit({ ...lineEdit, value: e.target.value })}
-              />
-            </label>
-          </div>
-        </OpsModal>
-      )}
-
-      {cellViewer != null && (
-        <OpsModal
-          title="JSON 查看"
-          variant="confirm"
-          okLabel="复制 JSON"
-          onOk={() => {
-            void copyText(cellViewer).then(() =>
-              notify({ kind: "success", title: "已复制 JSON", message: "", mode: "toast", durationMs: 1200 }),
-            );
-            setCellViewer(null);
-          }}
-          onCancel={() => setCellViewer(null)}
-        >
-          <pre
-            className="m-0 max-h-[56vh] overflow-auto whitespace-pre-wrap break-all rounded border p-2 font-mono text-[11px] leading-snug"
-            style={{ borderColor: "var(--ops-border)", background: "var(--ops-bg-soft, transparent)" }}
-          >
-            {cellViewer}
-          </pre>
-        </OpsModal>
-      )}
-    </div>
-  );
-}
diff --git a/packages/ui/src/ResultPane.tsx b/packages/ui/src/ResultPane.tsx
deleted file mode 100644
index 18eb7e9..0000000
--- a/packages/ui/src/ResultPane.tsx
+++ /dev/null
@@ -1,1140 +0,0 @@
-import { useEffect, useMemo, useRef, useState, type MouseEvent as ReactMouseEvent, type KeyboardEvent, type ClipboardEvent } from "react";
-import { execSql, exportData, type ExportError, type ExportRequest } from "./api";
-import { ensureSession } from "./ObjectTree";
-import { rowsToCSV, rowsToInsert, rowsToTSV, buildUpdateSql, buildDeleteSql, parseClipboardGrid, isWritableDriver, splitStatements } from "./sql";
-import { RedisKeyPane } from "./RedisKeyPane";
-import { SchemaPane } from "./SchemaPane";
-import { useWorkspaceStore } from "./store";
-
-const DISPLAY_CAP = 2000;
-
-/** C5:仅单条 SELECT(含 WITH)启用分页 */
-function isSingleSelect(sql: string): boolean {
-  const stmts = splitStatements(sql).map((r) => r.text.trim()).filter(Boolean);
-  if (stmts.length !== 1) return false;
-  const s = stmts[0].replace(/^(\s|--[^\n]*(\n|$)|\/\*[\s\S]*?\*\/)*/g, "");
-  return /^(select|with)\b/i.test(s);
-}
-
-function formatCell(v: unknown) {
-  if (v == null) return <span className="ops-null">NULL</span>;
-  if (typeof v === "object") return JSON.stringify(v);
-  const s = String(v);
-  if (s.length > 120) return s.slice(0, 120) + "…";
-  return s;
-}
-
-/** 值是否为被截断展示的长文本(修 G4:提供查看/复制全文 popover) */
-function longText(v: unknown): string | null {
-  if (v == null || typeof v === "object") return null;
-  const s = String(v);
-  return s.length > 120 ? s : null;
-}
-
-async function copyText(text: string) {
-  await navigator.clipboard.writeText(text);
-}
-
-function cmpVal(a: unknown, b: unknown): number {
-  if (a == null && b == null) return 0;
-  if (a == null) return -1;
-  if (b == null) return 1;
-  if (typeof a === "number" && typeof b === "number") return a - b;
-  const na = Number(a);
-  const nb = Number(b);
-  if (!Number.isNaN(na) && !Number.isNaN(nb) && String(a).trim() !== "" && String(b).trim() !== "") {
-    return na - nb;
-  }
-  return String(a).localeCompare(String(b), undefined, { numeric: true, sensitivity: "base" });
-}
-
-export function ResultPane({ tableHint }: { tableHint?: string }) {
-  const result = useWorkspaceStore((s) => s.result);
-  const resultSets = useWorkspaceStore((s) => s.resultSets);
-  const activeResultSetId = useWorkspaceStore((s) => s.activeResultSetId);
-  const resultTab = useWorkspaceStore((s) => s.resultTab);
-  const explainText = useWorkspaceStore((s) => s.explainText);
-  const resultMeta = useWorkspaceStore((s) => s.resultMeta);
-  const connections = useWorkspaceStore((s) => s.connections);
-  const activeConnectionId = useWorkspaceStore((s) => s.activeConnectionId);
-  const notify = useWorkspaceStore((s) => s.notify);
-  const notifyError = useWorkspaceStore((s) => s.notifyError);
-  const set = useWorkspaceStore((s) => s.set);
-  const askConfirm = useWorkspaceStore((s) => s.askConfirm);
-
-  const conn = connections.find((c) => c.id === activeConnectionId);
-  const writable = isWritableDriver(conn?.driver);
-  const canEdit = writable && !!resultMeta?.table && (resultMeta.pkCols?.length ?? 0) > 0;
-  const redisInspect = (conn?.driver || "").toLowerCase() === "redis" && !!resultMeta?.redisType && !!resultMeta?.table;
-
-  const [sortCol, setSortCol] = useState<string | null>(null);
-  const [sortDir, setSortDir] = useState<"asc" | "desc" | null>(null);
-  const [colWidths, setColWidths] = useState<Record<string, number>>({});
-  const [selectedIdx, setSelectedIdx] = useState<number | null>(null);
-  const [selectedCol, setSelectedCol] = useState<string | null>(null);
-  const [edit, setEdit] = useState<{ row: number; col: string; value: string; original: string } | null>(null);
-  /** 长值 popover(修 G4) */
-  const [peek, setPeek] = useState<{ text: string; x: number; y: number } | null>(null);
-  const [paging, setPaging] = useState(false);
-  /** R2-F2:导出中心下拉菜单 */
-  const [expMenu, setExpMenu] = useState(false);
-  const [exporting, setExporting] = useState(false);
-  const gridRef = useRef<HTMLDivElement>(null);
-  const dragRef = useRef<{ col: string; startX: number; startW: number } | null>(null);
-  const editRef = useRef(edit);
-  editRef.current = edit;
-
-  const activeRs = resultSets.find((r) => r.id === activeResultSetId) ?? null;
-  const updateResultSet = useWorkspaceStore((s) => s.updateResultSet);
-
-  // 切换结果集时重置排序/编辑,并恢复该结果集持久化的列宽与选中态(修 G3)
-  useEffect(() => {
-    setSortCol(null);
-    setSortDir(null);
-    setEdit(null);
-    setPeek(null);
-    const cur = useWorkspaceStore.getState().resultSets.find((x) => x.id === activeResultSetId);
-    const vs = cur?.viewState;
-    setColWidths(vs?.colWidths ?? {});
-    setSelectedIdx(vs?.selectedIdx ?? null);
-    setSelectedCol(vs?.selectedCol ?? null);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [activeResultSetId, result]);
-
-  // 列宽/选中态变化时写回 resultSet(内容相同则跳过,避免回环)
-  useEffect(() => {
-    if (!activeResultSetId) return;
-    const cur = useWorkspaceStore.getState().resultSets.find((x) => x.id === activeResultSetId);
-    if (!cur) return;
-    const prev = cur.viewState;
-    const same =
-      JSON.stringify(prev?.colWidths ?? {}) === JSON.stringify(colWidths) &&
-      (prev?.selectedIdx ?? null) === selectedIdx &&
-      (prev?.selectedCol ?? null) === selectedCol;
-    if (same) return;
-    updateResultSet(activeResultSetId, { viewState: { colWidths, selectedIdx, selectedCol } });
-  }, [colWidths, selectedIdx, selectedCol, activeResultSetId, updateResultSet]);
-
-  // discard pending edit when switching tabs
-  useEffect(() => {
-    if (resultTab !== "data" && editRef.current) {
-      notify({ kind: "info", title: "已丢弃未提交编辑", message: "切换标签时未保存的单元格改动已丢弃。", mode: "toast", durationMs: 1800 });
-      setEdit(null);
-    }
-  }, [resultTab, notify]);
-
-  const sortedRows = useMemo(() => {
-    if (!result || result.error) return [];
-    let rows = result.rows;
-    if (sortCol && sortDir) {
-      rows = [...rows].sort((ra, rb) => {
-        const c = cmpVal(ra[sortCol], rb[sortCol]);
-        return sortDir === "asc" ? c : -c;
-      });
-    }
-    return rows;
-  }, [result, sortCol, sortDir]);
-
-  const truncatedLocal = sortedRows.length > DISPLAY_CAP;
-  const visibleRows = truncatedLocal ? sortedRows.slice(0, DISPLAY_CAP) : sortedRows;
-
-  useEffect(() => {
-    if (!result || result.error) return;
-    const parts: string[] = [];
-    parts.push(`${result.rowCount} 行`);
-    if (result.timeMs != null) parts.push(`${result.timeMs} ms`);
-    if (selectedIdx != null) parts.push(`选中第 ${selectedIdx + 1} 行`);
-    if (result.truncated || truncatedLocal) parts.push("已截断");
-    set("status", parts.join(" · "));
-  }, [result, selectedIdx, truncatedLocal, set]);
-
-  const cycleSort = (col: string) => {
-    if (sortCol !== col) {
-      setSortCol(col);
-      setSortDir("asc");
-      return;
-    }
-    if (sortDir === "asc") setSortDir("desc");
-    else if (sortDir === "desc") {
-      setSortCol(null);
-      setSortDir(null);
-    } else setSortDir("asc");
-  };
-
-  const onResizeStart = (col: string, e: ReactMouseEvent) => {
-    e.preventDefault();
-    e.stopPropagation();
-    const startW = colWidths[col] ?? 140;
-    dragRef.current = { col, startX: e.clientX, startW };
-    const move = (ev: MouseEvent) => {
-      const d = dragRef.current;
-      if (!d) return;
-      const w = Math.max(64, Math.min(480, d.startW + (ev.clientX - d.startX)));
-      setColWidths((prev) => ({ ...prev, [d.col]: w }));
-    };
-    const up = () => {
-      dragRef.current = null;
-      window.removeEventListener("mousemove", move);
-      window.removeEventListener("mouseup", up);
-    };
-    window.addEventListener("mousemove", move);
-    window.addEventListener("mouseup", up);
-  };
-
-  const beginEdit = (rowIdx: number, col: string) => {
-    if (!result || result.error) return;
-    if (!writable) {
-      notify({ kind: "warning", title: "只读", message: "当前引擎不支持结果内联写回。", mode: "toast" });
-      return;
-    }
-    if (!resultMeta?.table) {
-      notify({ kind: "warning", title: "无法编辑", message: "请从对象树打开表后再编辑（需表上下文）。", mode: "toast" });
-      return;
-    }
-    if (!(resultMeta.pkCols?.length ?? 0)) {
-      notify({ kind: "warning", title: "无法编辑", message: "未识别主键，暂不支持写回。", mode: "toast" });
-      return;
-    }
-    if (resultMeta.pkCols!.includes(col)) {
-      notify({ kind: "warning", title: "主键", message: "暂不支持直接改主键列。", mode: "toast" });
-      return;
-    }
-    const row = visibleRows[rowIdx];
-    const v = row?.[col];
-    const s = v == null ? "" : String(v);
-    setEdit({ row: rowIdx, col, value: s, original: s });
-  };
-
-  const commitEdit = async () => {
-    if (!edit || !result || !conn || !resultMeta?.table) {
-      setEdit(null);
-      return;
-    }
-    const row = visibleRows[edit.row];
-    if (!row) {
-      setEdit(null);
-      return;
-    }
-    const oldVal = row[edit.col];
-    const newRaw = edit.value;
-    const newVal: unknown = newRaw === "" ? null : newRaw;
-    if (String(oldVal ?? "") === String(newVal ?? "")) {
-      setEdit(null);
-      return;
-    }
-    const sql = buildUpdateSql(conn.driver, resultMeta.database, resultMeta.table, resultMeta.pkCols || [], row, edit.col, newVal);
-    if (!sql) {
-      notify({ kind: "warning", title: "无法写回", message: "缺少主键，无法生成 UPDATE。", mode: "toast" });
-      setEdit(null);
-      return;
-    }
-    const prev = edit;
-    setEdit(null);
-    // optimistic
-    const nextRows = result.rows.map((r, i) => {
-      // map via visible index carefully — use identity on sorted view
-      if (visibleRows[prev.row] !== r && sortedRows[prev.row] !== r) return r;
-      // find by reference in original
-      return r === row ? { ...r, [prev.col]: newVal } : r;
-    });
-    // safer: update by matching PK
-    const pk = resultMeta.pkCols || [];
-    const patched = result.rows.map((r) => {
-      const same = pk.every((k) => String(r[k] ?? "") === String(row[k] ?? ""));
-      return same ? { ...r, [prev.col]: newVal } : r;
-    });
-    set("result", { ...result, rows: patched });
-    try {
-      const sid = await ensureSession(conn);
-      const res = await execSql(conn, sql, { database: resultMeta.database, sessionId: sid });
-      if (res.error) throw new Error(res.error);
-      set("connState", "ok");
-      notify({ kind: "success", title: "已写回", message: `${prev.col} 已更新`, mode: "toast", durationMs: 1400 });
-    } catch (e) {
-      // rollback
-      set("result", { ...result, rows: result.rows });
-      const msg = e instanceof Error ? e.message : String(e);
-      if (msg.includes("会话") || msg.toLowerCase().includes("session")) set("connState", "down");
-      notifyError(e, "modal");
-    }
-  };
-
-  const cancelEdit = () => setEdit(null);
-
-  const pasteGrid = async (e: ClipboardEvent) => {
-    if (edit) return; // let input handle paste
-    if (!result || result.error) return;
-    if (!canEdit) {
-      e.preventDefault();
-      notify({ kind: "warning", title: "只读", message: "当前结果不可写回，无法粘贴。", mode: "toast" });
-      return;
-    }
-    if (!conn || !resultMeta?.table) return;
-    const text = e.clipboardData?.getData("text/plain") ?? "";
-    if (!text) return;
-    e.preventDefault();
-
-    const matrix = parseClipboardGrid(text);
-    if (!matrix.length) return;
-
-    const pk = resultMeta.pkCols || [];
-    const cols = result.columns;
-    const startRow = selectedIdx ?? 0;
-    let startColName = selectedCol;
-    if (!startColName || !cols.includes(startColName)) {
-      startColName = cols.find((c) => !pk.includes(c)) ?? cols[0] ?? null;
-    }
-    if (!startColName) return;
-    let startColIdx = cols.indexOf(startColName);
-    if (startColIdx < 0) startColIdx = 0;
-
-    type CellChange = { row: Record<string, unknown>; col: string; newVal: unknown; oldVal: unknown };
-    const changes: CellChange[] = [];
-
-    for (let ri = 0; ri < matrix.length; ri++) {
-      const rowIdx = startRow + ri;
-      if (rowIdx >= visibleRows.length) break;
-      const row = visibleRows[rowIdx];
-      if (!row) break;
-      const line = matrix[ri];
-      let colCursor = startColIdx;
-      for (let ci = 0; ci < line.length; ci++) {
-        while (colCursor < cols.length && pk.includes(cols[colCursor])) colCursor++;
-        if (colCursor >= cols.length) break;
-        const col = cols[colCursor];
-        const cell = line[ci];
-        // empty → null (match commitEdit); literal NULL already null from parser
-        const newVal: unknown = cell == null || cell === "" ? null : cell;
-        const oldVal = row[col];
-        if (String(oldVal ?? "") !== String(newVal ?? "")) {
-          changes.push({ row, col, newVal, oldVal });
-        }
-        colCursor++;
-      }
-    }
-
-    if (!changes.length) {
-      notify({ kind: "info", title: "粘贴", message: "没有可写入的单元格（可能全是主键或未越界）。", mode: "toast", durationMs: 1600 });
-      return;
-    }
-
-    const snapshotRows = result.rows.map((r) => ({ ...r }));
-    // optimistic batch
-    let patched = result.rows;
-    for (const ch of changes) {
-      patched = patched.map((r) => {
-        const same = pk.every((k) => String(r[k] ?? "") === String(ch.row[k] ?? ""));
-        return same ? { ...r, [ch.col]: ch.newVal } : r;
-      });
-    }
-    set("result", { ...result, rows: patched });
-
-    try {
-      const sid = await ensureSession(conn);
-      for (const ch of changes) {
-        const sql = buildUpdateSql(conn.driver, resultMeta.database, resultMeta.table, pk, ch.row, ch.col, ch.newVal);
-        if (!sql) throw new Error("缺少主键，无法生成 UPDATE");
-        const res = await execSql(conn, sql, { database: resultMeta.database, sessionId: sid });
-        if (res.error) throw new Error(res.error);
-      }
-      set("connState", "ok");
-      notify({ kind: "success", title: "已粘贴", message: `已粘贴 ${changes.length} 格`, mode: "toast", durationMs: 1600 });
-    } catch (err) {
-      set("result", { ...result, rows: snapshotRows });
-      const msg = err instanceof Error ? err.message : String(err);
-      if (msg.includes("会话") || msg.toLowerCase().includes("session")) set("connState", "down");
-      notifyError(err, "modal");
-    }
-  };
-
-  const deleteSelectedRow = async () => {
-    if (!canEdit || selectedIdx == null || !result || result.error || !conn || !resultMeta?.table) return;
-    const row = visibleRows[selectedIdx];
-    if (!row) return;
-    const n = selectedIdx + 1;
-    const ok = await askConfirm({
-      title: "删除行",
-      message: `确认删除第 ${n} 行？此操作不可撤销。`,
-      okLabel: "删除",
-      danger: true,
-    });
-    if (!ok) return;
-    const pk = resultMeta.pkCols || [];
-    const sql = buildDeleteSql(conn.driver, resultMeta.database, resultMeta.table, pk, row);
-    if (!sql) {
-      notify({ kind: "warning", title: "无法删除", message: "缺少主键，无法生成 DELETE。", mode: "toast" });
-      return;
-    }
-    const snapshot = result.rows;
-    const snapshotCount = result.rowCount;
-    const filtered = result.rows.filter((r) => !pk.every((k) => String(r[k] ?? "") === String(row[k] ?? "")));
-    set("result", { ...result, rows: filtered, rowCount: Math.max(0, (result.rowCount ?? filtered.length) - 1) });
-    setSelectedIdx(null);
-    setSelectedCol(null);
-    try {
-      const sid = await ensureSession(conn);
-      const res = await execSql(conn, sql, { database: resultMeta.database, sessionId: sid });
-      if (res.error) throw new Error(res.error);
-      set("connState", "ok");
-      notify({ kind: "success", title: "已删除", message: `第 ${n} 行已删除`, mode: "toast", durationMs: 1400 });
-    } catch (err) {
-      set("result", { ...result, rows: snapshot, rowCount: snapshotCount });
-      const msg = err instanceof Error ? err.message : String(err);
-      if (msg.includes("会话") || msg.toLowerCase().includes("session")) set("connState", "down");
-      notifyError(err, "modal");
-    }
-  };
-
-  const onGridKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {
-    if (edit) return;
-    const t = e.target as HTMLElement;
-    if (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable) return;
-    if ((e.key === "Delete" || e.key === "Backspace") && canEdit && selectedIdx != null) {
-      e.preventDefault();
-      void deleteSelectedRow();
-      return;
-    }
-    // 结果网格行导航(修 K3):↑↓/PageUp/PageDown/Home/End
-    const moveSel = (next: number | null) => {
-      setSelectedIdx(next);
-      if (next != null) {
-        requestAnimationFrame(() => {
-          gridRef.current?.querySelector(`tr[data-row-idx="${next}"]`)?.scrollIntoView({ block: "nearest" });
-        });
-      }
-    };
-    const max = visibleRows.length - 1;
-    if (max < 0) return;
-    if (e.key === "ArrowDown") {
-      e.preventDefault();
-      moveSel(selectedIdx == null ? 0 : Math.min(max, selectedIdx + 1));
-    } else if (e.key === "ArrowUp") {
-      e.preventDefault();
-      moveSel(selectedIdx == null ? 0 : Math.max(0, selectedIdx - 1));
-    } else if (e.key === "PageDown") {
-      e.preventDefault();
-      moveSel(selectedIdx == null ? 0 : Math.min(max, selectedIdx + 20));
-    } else if (e.key === "PageUp") {
-      e.preventDefault();
-      moveSel(selectedIdx == null ? 0 : Math.max(0, selectedIdx - 20));
-    } else if (e.key === "Home") {
-      e.preventDefault();
-      moveSel(0);
-    } else if (e.key === "End") {
-      e.preventDefault();
-      moveSel(max);
-    } else if (e.key === "Enter" && selectedIdx != null && selectedCol && canEdit) {
-      e.preventDefault();
-      beginEdit(selectedIdx, selectedCol);
-    }
-  };
-
-  /** C5:翻页 —— 重发同一语句,带 offset/limit */
-  const canPaginate =
-    !!activeRs && resultSets.length === 1 && !result?.error && isSingleSelect(activeRs.sql);
-  const page = activeRs?.page ?? 0;
-  const pageSize = activeRs?.pageSize ?? result?.limit ?? 1000;
-  const hasPrevPage = canPaginate && page > 0;
-  const hasNextPage = canPaginate && !!result?.truncated;
-
-  const gotoPage = async (p: number) => {
-    if (!conn || !activeRs || paging || p < 0) return;
-    setPaging(true);
-    set("status", `加载第 ${p + 1} 页…`);
-    try {
-      const sid = await ensureSession(conn);
-      const res = await execSql(conn, activeRs.sql, {
-        sessionId: sid,
-        database: activeRs.database || conn.database,
-        limit: pageSize,
-        offset: p * pageSize,
-      });
-      if (res.error) throw new Error(res.error);
-      updateResultSet(activeRs.id, { result: res, page: p, pageSize });
-      set("connState", "ok");
-      set("status", `第 ${p + 1} 页 · ${res.rowCount} 行`);
-    } catch (e) {
-      const msg = e instanceof Error ? e.message : String(e);
-      if (msg.includes("会话") || msg.toLowerCase().includes("session")) set("connState", "down");
-      notifyError(e, "toast");
-    } finally {
-      setPaging(false);
-    }
-  };
-
-  /** E1:错误框「重试」—— 重发当前结果集语句(危险语句仍走 C1 二段确认) */
-  const retryRun = async () => {
-    if (!conn || !activeRs || paging) return;
-    setPaging(true);
-    try {
-      const sid = await ensureSession(conn);
-      let res = await execSql(conn, activeRs.sql, {
-        sessionId: sid,
-        database: activeRs.database || conn.database,
-        limit: pageSize,
-        offset: page * pageSize,
-      });
-      if (res.needConfirm) {
-        const ok = await askConfirm({
-          title: "危险语句确认",
-          message: res.error || "服务端检测到危险语句，确认后继续执行。",
-          okLabel: "仍要执行",
-          danger: true,
-          items: [activeRs.sql],
-        });
-        if (!ok) return;
-        res = await execSql(conn, activeRs.sql, {
-          sessionId: sid,
-          database: activeRs.database || conn.database,
-          limit: pageSize,
-          offset: page * pageSize,
-          confirmDanger: true,
-        });
-      }
-      updateResultSet(activeRs.id, { result: res });
-      if (!res.error) set("connState", "ok");
-    } catch (e) {
-      const msg = e instanceof Error ? e.message : String(e);
-      if (msg.includes("会话") || msg.toLowerCase().includes("session")) set("connState", "down");
-      notifyError(e, "toast");
-    } finally {
-      setPaging(false);
-    }
-  };
-
-  const onEditKey = (e: KeyboardEvent<HTMLInputElement>) => {
-    // 未提交前 ⌘/Ctrl+Z：恢复进入编辑时的值（不提交、不关编辑）
-    if ((e.metaKey || e.ctrlKey) && !e.altKey && e.key.toLowerCase() === "z" && !e.shiftKey) {
-      e.preventDefault();
-      e.stopPropagation();
-      if (!edit) return;
-      if (edit.value === edit.original) return;
-      setEdit({ ...edit, value: edit.original });
-      return;
-    }
-    if (e.key === "Enter") {
-      e.preventDefault();
-      void commitEdit();
-    } else if (e.key === "Escape") {
-      e.preventDefault();
-      cancelEdit();
-    }
-  };
-
-  const copy = async (kind: "tsv" | "csv" | "insert") => {
-    if (!result || result.error) return;
-    const text =
-      kind === "csv"
-        ? rowsToCSV(result.columns, result.rows)
-        : kind === "insert"
-          ? rowsToInsert(conn?.driver, resultMeta?.table || tableHint || "t", result.columns, result.rows)
-          : rowsToTSV(result.columns, result.rows);
-    await copyText(text);
-    notify({ kind: "success", title: "已复制", message: kind === "insert" ? "INSERT 语句" : kind.toUpperCase(), mode: "toast" });
-  };
-
-  const downloadBlob = (blob: Blob, filename: string) => {
-    const a = document.createElement("a");
-    a.href = URL.createObjectURL(blob);
-    a.download = filename;
-    a.click();
-    URL.revokeObjectURL(a.href);
-  };
-
-  /** R2-F2:当前结果本地导出(INSERT 走 quoteIdent 方言引号,修 01-P1-1) */
-  const exportCurrent = (format: "csv" | "json" | "insert") => {
-    if (!result || result.error) return;
-    const stamp = Date.now();
-    if (format === "csv") {
-      const blob = new Blob(["\ufeff" + rowsToCSV(result.columns, result.rows)], { type: "text/csv;charset=utf-8" });
-      downloadBlob(blob, `opsxdb-${stamp}.csv`);
-    } else if (format === "json") {
-      const blob = new Blob([JSON.stringify(result.rows, null, 2)], { type: "application/json;charset=utf-8" });
-      downloadBlob(blob, `opsxdb-${stamp}.json`);
-    } else {
-      const text = rowsToInsert(conn?.driver, resultMeta?.table || tableHint || "t", result.columns, result.rows);
-      const blob = new Blob([text], { type: "application/sql;charset=utf-8" });
-      downloadBlob(blob, `opsxdb-${stamp}.sql`);
-    }
-    notify({ kind: "success", title: "已导出", message: `当前结果 ${format.toUpperCase()}`, mode: "toast", durationMs: 1600 });
-    setExpMenu(false);
-  };
-
-  /** R2-F2/E7:服务端导出 —— needConfirm 时弹二段确认,带 confirmDanger 重发一次 */
-  const serverExport = async (req: ExportRequest) => {
-    if (!conn || exporting) return;
-    setExporting(true);
-    try {
-      const sid = await ensureSession(conn);
-      const ext = req.format === "insert" ? "sql" : req.format;
-      try {
-        const { blob, filename } = await exportData(conn, { ...req, sessionId: sid });
-        downloadBlob(blob, filename || `export.${ext}`);
-        notify({ kind: "success", title: "导出完成", message: filename || `export.${ext}`, mode: "toast", durationMs: 1800 });
-        setExpMenu(false);
-      } catch (e) {
-        const err = e as ExportError;
-        if (!err.needConfirm || !req.sql) throw e;
-        const ok = await askConfirm({
-          title: "危险语句确认",
-          message: err.message || "导出语句命中危险/非 SELECT，确认后继续导出？",
-          okLabel: "仍要导出",
-          danger: true,
-          items: [req.sql],
-        });
-        if (!ok) return;
-        const again = await exportData(conn, { ...req, sessionId: sid, confirmDanger: true });
-        downloadBlob(again.blob, again.filename || `export.${ext}`);
-        notify({ kind: "success", title: "导出完成", message: again.filename || `export.${ext}`, mode: "toast", durationMs: 1800 });
-        setExpMenu(false);
-      }
-    } catch (e) {
-      notifyError(e, "toast");
-    } finally {
-      setExporting(false);
-    }
-  };
-
-  /** 服务端导出可用性:整表(需表上下文) / 当前查询(需单条 SELECT) */
-  const canExportTable = !!conn && !!resultMeta?.table;
-  const canExportQuery = !!conn && canPaginate && !!activeRs;
-
-  const emptyResult = result && !result.error && result.rows.length === 0;
-
-  // 长值 popover:Esc / 点击外部关闭(修 G4)
-  useEffect(() => {
-    if (!peek) return;
-    const onKey = (e: globalThis.KeyboardEvent) => {
-      if (e.key === "Escape") {
-        e.stopPropagation();
-        setPeek(null);
-      }
-    };
-    const onDown = (e: MouseEvent) => {
-      if (!(e.target as HTMLElement).closest?.("[data-ops-peek]")) setPeek(null);
-    };
-    window.addEventListener("keydown", onKey, true);
-    window.addEventListener("mousedown", onDown);
-    return () => {
-      window.removeEventListener("keydown", onKey, true);
-      window.removeEventListener("mousedown", onDown);
-    };
-  }, [peek]);
-
-  // R2-F2:导出菜单 —— Esc / 点击外部关闭
-  useEffect(() => {
-    if (!expMenu) return;
-    const onKey = (e: globalThis.KeyboardEvent) => {
-      if (e.key === "Escape") {
-        e.stopPropagation();
-        setExpMenu(false);
-      }
-    };
-    const onDown = (e: MouseEvent) => {
-      if (!(e.target as HTMLElement).closest?.("[data-ops-export]")) setExpMenu(false);
-    };
-    window.addEventListener("keydown", onKey, true);
-    window.addEventListener("mousedown", onDown);
-    return () => {
-      window.removeEventListener("keydown", onKey, true);
-      window.removeEventListener("mousedown", onDown);
-    };
-  }, [expMenu]);
-
-  return (
-    <div
-      className="flex min-h-0 flex-1 flex-col"
-      onContextMenu={(e) => {
-        // 拦系统菜单（Look Up / Inspect）；结果表 P0 暂不自绘
-        e.preventDefault();
-      }}
-    >
-      <div className="ops-section-label justify-between border-b gap-2">
-        <div className="flex min-w-0 flex-1 items-center gap-1 overflow-x-auto normal-case tracking-normal">
-          <div className="ops-seg" role="tablist" aria-label="结果视图">
-            <button
-              type="button"
-              className={resultTab === "data" ? "ops-seg-active" : undefined}
-              onClick={() => {
-                if (edit) {
-                  void askConfirm({ title: "未提交编辑", message: "切换将丢弃未提交的单元格改动。", okLabel: "丢弃并切换" }).then((ok) => {
-                    if (ok) {
-                      setEdit(null);
-                      set("resultTab", "data");
-                    }
-                  });
-                  return;
-                }
-                set("resultTab", "data");
-              }}
-            >
-              数据
-            </button>
-            <button
-              type="button"
-              className={resultTab === "schema" ? "ops-seg-active" : undefined}
-              onClick={() => set("resultTab", "schema")}
-            >
-              结构
-            </button>
-            {!redisInspect && (
-              <button
-                type="button"
-                className={resultTab === "explain" ? "ops-seg-active" : undefined}
-                onClick={() => set("resultTab", "explain")}
-              >
-                计划
-              </button>
-            )}
-          </div>
-          {resultSets.length > 1 && (
-            <>
-              <span className="mx-1 opacity-30">|</span>
-              {resultSets.map((rs) => (
-                <button
-                  key={rs.id}
-                  type="button"
-                  className={activeResultSetId === rs.id && resultTab === "data" ? "ops-tab-active" : "ops-tab"}
-                  style={{
-                    borderBottomWidth: 2,
-                    padding: "2px 6px",
-                    height: 28,
-                    color: rs.result.error ? "var(--ops-danger)" : undefined,
-                  }}
-                  title={rs.sql.slice(0, 120)}
-                  onClick={() => {
-                    useWorkspaceStore.getState().selectResultSet(rs.id);
-                  }}
-                >
-                  {rs.label}
-                  {rs.result.error ? " !" : ""}
-                </button>
-              ))}
-            </>
-          )}
-        </div>
-        {resultTab === "data" && result && !result.error && !redisInspect && (
-          <span className="flex items-center gap-2 font-normal normal-case tracking-normal">
-            <span>
-              {result.rowCount} 行 · {result.timeMs} ms
-              {selectedIdx != null ? ` · #${selectedIdx + 1}` : ""}
-              {canEdit ? "" : writable ? "" : " · 只读"}
-            </span>
-            <button type="button" className="hover:underline" style={{ color: "var(--ops-accent)" }} onClick={() => void copy("tsv")}>
-              复制全部
-            </button>
-            <button
-              type="button"
-              className="hover:underline"
-              style={{ color: "var(--ops-accent)" }}
-              disabled={selectedIdx == null}
-              onClick={() => {
-                if (selectedIdx == null || !result) return;
-                const row = visibleRows[selectedIdx];
-                if (!row) return;
-                void copyText(result.columns.map((c) => (row[c] == null ? "" : String(row[c]))).join("\t")).then(() =>
-                  notify({ kind: "success", title: "已复制行", message: `#${selectedIdx + 1}`, mode: "toast", durationMs: 1200 }),
-                );
-              }}
-            >
-              复制行
-            </button>
-            <button
-              type="button"
-              className="hover:underline"
-              style={{ color: canEdit && selectedIdx != null ? "var(--ops-danger)" : "var(--ops-accent)", opacity: canEdit && selectedIdx != null ? 1 : 0.45 }}
-              disabled={!canEdit || selectedIdx == null}
-              onClick={() => void deleteSelectedRow()}
-            >
-              删除行
-            </button>
-            {/* R2-F2:导出中心 —— 本地三格式 + 服务端整表/当前查询(自绘下拉) */}
-            <div className="relative" data-ops-export>
-              <button
-                type="button"
-                className="hover:underline disabled:opacity-50"
-                style={{ color: "var(--ops-accent)" }}
-                disabled={exporting}
-                onClick={() => setExpMenu((v) => !v)}
-              >
-                导出{exporting ? "…" : " ▾"}
-              </button>
-              {expMenu && (
-                <div
-                  className="absolute right-0 top-full z-10 mt-1 w-44 rounded border p-1"
-                  style={{
-                    borderColor: "var(--ops-border)",
-                    background: "var(--ops-surface)",
-                    boxShadow: "var(--ops-shadow-pop)",
-                  }}
-                >
-                  <div className="px-2 py-0.5 text-[10px]" style={{ color: "var(--ops-muted)" }}>
-                    当前结果
-                  </div>
-                  {(["csv", "json", "insert"] as const).map((f) => (
-                    <button
-                      key={f}
-                      type="button"
-                      className="block w-full rounded px-2 py-1 text-left hover:bg-[var(--ops-bg-active)]"
-                      style={{ fontSize: "var(--ops-text-xs)", color: "var(--ops-text)" }}
-                      onClick={() => exportCurrent(f)}
-                    >
-                      {f.toUpperCase()}
-                    </button>
-                  ))}
-                  <button
-                    type="button"
-                    className="block w-full rounded px-2 py-1 text-left hover:bg-[var(--ops-bg-active)]"
-                    style={{ fontSize: "var(--ops-text-xs)", color: "var(--ops-text)" }}
-                    onClick={() => {
-                      void copy("insert");
-                      setExpMenu(false);
-                    }}
-                  >
-                    复制 INSERT
-                  </button>
-                  {canExportTable && (
-                    <>
-                      <div className="my-0.5 border-t" style={{ borderColor: "var(--ops-border)" }} />
-                      <div className="px-2 py-0.5 text-[10px]" style={{ color: "var(--ops-muted)" }}>
-                        整表(服务端)
-                      </div>
-                      {(["csv", "json", "insert"] as const).map((f) => (
-                        <button
-                          key={`table-${f}`}
-                          type="button"
-                          className="block w-full rounded px-2 py-1 text-left hover:bg-[var(--ops-bg-active)]"
-                          style={{ fontSize: "var(--ops-text-xs)", color: "var(--ops-text)" }}
-                          onClick={() =>
-                            void serverExport({
-                              format: f,
-                              table: resultMeta!.table,
-                              database: resultMeta!.database,
-                            })
-                          }
-                        >
-                          {f.toUpperCase()}
-                        </button>
-                      ))}
-                    </>
-                  )}
-                  {canExportQuery && (
-                    <>
-                      <div className="my-0.5 border-t" style={{ borderColor: "var(--ops-border)" }} />
-                      <div className="px-2 py-0.5 text-[10px]" style={{ color: "var(--ops-muted)" }}>
-                        当前查询(服务端)
-                      </div>
-                      {(["csv", "json", "insert"] as const).map((f) => (
-                        <button
-                          key={`query-${f}`}
-                          type="button"
-                          className="block w-full rounded px-2 py-1 text-left hover:bg-[var(--ops-bg-active)]"
-                          style={{ fontSize: "var(--ops-text-xs)", color: "var(--ops-text)" }}
-                          onClick={() =>
-                            void serverExport({
-                              format: f,
-                              sql: activeRs!.sql,
-                              database: activeRs!.database,
-                            })
-                          }
-                        >
-                          {f.toUpperCase()}
-                        </button>
-                      ))}
-                    </>
-                  )}
-                </div>
-              )}
-            </div>
-          </span>
-        )}
-      </div>
-
-      {resultTab === "schema" ? (
-        <SchemaPane />
-      ) : resultTab === "data" && redisInspect && result && !result.error ? (
-        <RedisKeyPane />
-      ) : resultTab === "explain" ? (
-        <div className="min-h-0 flex-1 overflow-auto p-2">
-          {!explainText ? (
-            <div className="ops-empty" style={{ minHeight: 100 }}>
-              <h2 style={{ fontSize: "var(--ops-text-lg)" }}>执行计划</h2>
-              <p>点工具栏「执行计划」获取（部分引擎可用）。</p>
-            </div>
-          ) : (
-            <pre
-              className="m-0 whitespace-pre-wrap font-mono leading-relaxed"
-              style={{ fontSize: "var(--ops-text-sm)", color: "var(--ops-text)" }}
-            >
-              {explainText}
-            </pre>
-          )}
-        </div>
-      ) : (
-        <>
-          {(result?.truncated || truncatedLocal) && (
-            <div
-              className="shrink-0 border-b px-2 py-1 text-[11px]"
-              style={{
-                borderColor: "color-mix(in srgb, var(--ops-warning) 40%, var(--ops-border))",
-                background: "color-mix(in srgb, var(--ops-warning) 10%, transparent)",
-                color: "var(--ops-warning)",
-              }}
-            >
-              已截断：界面最多显示 {result?.limit || DISPLAY_CAP} 行
-              {truncatedLocal && sortedRows.length > DISPLAY_CAP ? `（共 ${sortedRows.length}）` : ""}。加 LIMIT 或导出 CSV。
-            </div>
-          )}
-
-          <div className="min-h-0 flex-1 overflow-auto">
-            {result?.error && (
-              <div
-                className="m-1.5 rounded border px-2.5 py-1.5"
-                style={{
-                  fontSize: "var(--ops-text-sm)",
-                  borderColor: "color-mix(in srgb, var(--ops-danger) 40%, var(--ops-border))",
-                  background: "color-mix(in srgb, var(--ops-danger) 10%, transparent)",
-                  color: "var(--ops-danger)",
-                }}
-              >
-                <div className="whitespace-pre-wrap break-all">{result.error}</div>
-                <div className="mt-1.5 flex gap-3" style={{ fontSize: "var(--ops-text-xs)" }}>
-                  {activeRs && (
-                    <button
-                      type="button"
-                      className="hover:underline disabled:opacity-50"
-                      disabled={paging}
-                      onClick={() => void retryRun()}
-                    >
-                      {paging ? "重试中…" : "重试"}
-                    </button>
-                  )}
-                  <button
-                    type="button"
-                    className="hover:underline"
-                    onClick={() =>
-                      void copyText(activeRs ? `${activeRs.sql}\n\n${result.error ?? ""}` : (result.error ?? "")).then(() =>
-                        notify({ kind: "success", title: "已复制", message: "错误详情已复制", mode: "toast", durationMs: 1400 }),
-                      )
-                    }
-                  >
-                    复制错误详情
-                  </button>
-                </div>
-              </div>
-            )}
-
-            {!result && (
-              <div className="ops-empty" style={{ minHeight: 120 }}>
-                <h2 style={{ fontSize: "var(--ops-text-lg)" }}>还没有结果</h2>
-                <p>
-                  {(conn?.driver || "").toLowerCase() === "redis"
-                    ? "写一条 Redis 命令，⌘/Ctrl+Enter 运行；或点左侧键查看值。"
-                    : "写一条 SQL，⌘/Ctrl+Enter 运行；或点左侧表/键预览数据。"}
-                </p>
-              </div>
-            )}
-
-            {emptyResult && (
-              <div className="ops-empty" style={{ minHeight: 120 }}>
-                <h2 style={{ fontSize: "var(--ops-text-lg)" }}>空结果</h2>
-                <p>查询成功，但没有返回行。试试改写 SQL 或放宽条件。</p>
-              </div>
-            )}
-
-            {result && !result.error && result.rows.length > 0 && (
-              <div
-                ref={gridRef}
-                className="outline-none"
-                tabIndex={0}
-                onPaste={(e) => void pasteGrid(e)}
-                onKeyDown={onGridKeyDown}
-              >
-              <table className="ops-grid" style={{ tableLayout: "fixed", width: "max-content", minWidth: "100%" }}>
-                <thead>
-                  <tr>
-                    <th className="ops-rownum" style={{ width: 40 }}>
-                      #
-                    </th>
-                    {result.columns.map((c) => {
-                      const w = colWidths[c] ?? 140;
-                      const mark = sortCol === c ? (sortDir === "asc" ? " ↑" : sortDir === "desc" ? " ↓" : "") : "";
-                      return (
-                        <th
-                          key={c}
-                          className="ops-sortable"
-                          style={{ width: w, minWidth: w, maxWidth: w }}
-                          onClick={() => cycleSort(c)}
-                          title="点击排序：升 → 降 → 取消（仅当前页数据）"
-                        >
-                          {c}
-                          {mark}
-                          {sortCol === c && sortDir && (
-                            <span
-                              className="ml-0.5 rounded px-0.5 font-normal"
-                              style={{ fontSize: "var(--ops-text-xs)", color: "var(--ops-muted)", background: "var(--ops-surface-2)" }}
-                              title="排序仅作用于当前页已加载数据"
-                            >
-                              本页
-                            </span>
-                          )}
-                          <span className="ops-col-resize" onMouseDown={(e) => onResizeStart(c, e)} />
-                        </th>
-                      );
-                    })}
-                  </tr>
-                </thead>
-                <tbody>
-                  {visibleRows.map((row, i) => (
-                    <tr
-                      key={i}
-                      data-row-idx={i}
-                      className={selectedIdx === i ? "ops-row-selected" : undefined}
-                      onClick={() => setSelectedIdx(i)}
-                    >
-                      <td className="ops-rownum">{(result.offset ?? 0) + i + 1}</td>
-                      {result.columns.map((c) => {
-                        const editing = edit && edit.row === i && edit.col === c;
-                        const cellSelected = selectedIdx === i && selectedCol === c;
-                        const long = longText(row[c]);
-                        return (
-                          <td
-                            key={c}
-                            className={cellSelected ? "ops-cell-selected" : undefined}
-                            style={{
-                              width: colWidths[c] ?? 140,
-                              maxWidth: colWidths[c] ?? 140,
-                              overflow: "hidden",
-                              textOverflow: "ellipsis",
-                              outline: cellSelected ? "1px solid var(--ops-accent)" : undefined,
-                              outlineOffset: cellSelected ? -1 : undefined,
-                            }}
-                            title={row[c] == null ? "NULL" : String(row[c])}
-                            onClick={(e) => {
-                              e.stopPropagation();
-                              setSelectedIdx(i);
-                              setSelectedCol(c);
-                            }}
-                            onDoubleClick={() => beginEdit(i, c)}
-                          >
-                            {editing ? (
-                              <input
-                                autoFocus
-                                className="ops-input w-full py-0"
-                                style={{ boxShadow: "0 0 0 1px var(--ops-accent)" }}
-                                value={edit!.value}
-                                onChange={(e) => setEdit({ ...edit!, value: e.target.value })}
-                                onBlur={() => void commitEdit()}
-                                onKeyDown={onEditKey}
-                                onClick={(e) => e.stopPropagation()}
-                              />
-                            ) : (
-                              <>
-                                {formatCell(row[c])}
-                                {long && (
-                                  <button
-                                    type="button"
-                                    className="ml-1 align-middle opacity-50 hover:opacity-100"
-                                    style={{ fontSize: "var(--ops-text-xs)", color: "var(--ops-accent)" }}
-                                    title="查看全文"
-                                    onClick={(e) => {
-                                      e.stopPropagation();
-                                      const r = (e.currentTarget as HTMLElement).getBoundingClientRect();
-                                      setPeek({ text: long, x: Math.min(r.left, window.innerWidth - 460), y: r.bottom + 4 });
-                                    }}
-                                  >
-                                    展开
-                                  </button>
-                                )}
-                              </>
-                            )}
-                          </td>
-                        );
-                      })}
-                    </tr>
-                  ))}
-                </tbody>
-              </table>
-              </div>
-            )}
-          </div>
-
-          {/* C5 分页条:仅单条 SELECT 结果集启用;truncated = 还有下一页 */}
-          {resultTab === "data" && canPaginate && result && !result.error && (hasPrevPage || hasNextPage || page > 0) && (
-            <div
-              className="flex shrink-0 items-center gap-2 border-t px-2 py-1"
-              style={{ borderColor: "var(--ops-border)", fontSize: "var(--ops-text-xs)", color: "var(--ops-muted)" }}
-            >
-              <button
-                type="button"
-                className="ops-btn-secondary h-5 px-1.5"
-                disabled={!hasPrevPage || paging}
-                onClick={() => void gotoPage(page - 1)}
-              >
-                上一页
-              </button>
-              <span className="tabular-nums">
-                第 {page + 1} 页 · 本页 {result.rows.length} 行(自第 {(result.offset ?? 0) + 1} 行起)
-              </span>
-              <button
-                type="button"
-                className="ops-btn-secondary h-5 px-1.5"
-                disabled={!hasNextPage || paging}
-                onClick={() => void gotoPage(page + 1)}
-              >
-                下一页
-              </button>
-              {result.truncated && <span style={{ color: "var(--ops-warning)" }}>还有更多行</span>}
-            </div>
-          )}
-        </>
-      )}
-
-      {/* G4:长值查看/复制全文 popover */}
-      {peek && (
-        <div
-          data-ops-peek
-          className="fixed flex max-w-[440px] flex-col gap-1.5 rounded border p-2 shadow-lg"
-          style={{
-            left: peek.x,
-            top: peek.y,
-            zIndex: "var(--ops-z-ctx)",
-            borderColor: "var(--ops-border)",
-            background: "var(--ops-surface)",
-            boxShadow: "var(--ops-shadow-pop)",
-          }}
-        >
-          <pre
-            className="m-0 max-h-56 overflow-auto whitespace-pre-wrap break-all font-mono"
-            style={{ fontSize: "var(--ops-text-xs)", color: "var(--ops-text)" }}
-          >
-            {peek.text}
-          </pre>
-          <div className="flex justify-end gap-2">
-            <button
-              type="button"
-              className="ops-btn-secondary h-5 px-2"
-              style={{ fontSize: "var(--ops-text-xs)" }}
-              onClick={() =>
-                void copyText(peek.text).then(() => {
-                  notify({ kind: "success", title: "已复制", message: "全文已复制", mode: "toast", durationMs: 1200 });
-                  setPeek(null);
-                })
-              }
-            >
-              复制全文
-            </button>
-            <button
-              type="button"
-              className="ops-btn-ghost h-5 px-2"
-              style={{ fontSize: "var(--ops-text-xs)" }}
-              onClick={() => setPeek(null)}
-            >
-              关闭
-            </button>
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}
diff --git a/packages/ui/src/SchemaPane.tsx b/packages/ui/src/SchemaPane.tsx
deleted file mode 100644
index 2da84ee..0000000
--- a/packages/ui/src/SchemaPane.tsx
+++ /dev/null
@@ -1,302 +0,0 @@
-import { useEffect, useState } from "react";
-import { execSql, listColumns } from "./api";
-import { DdlModal } from "./DdlModal";
-import { ensureSession } from "./ObjectTree";
-import { useWorkspaceStore } from "./store";
-
-type MetaRow = Record<string, unknown>;
-
-type TableMeta = {
-  indexes: MetaRow[];
-  fks: MetaRow[];
-  triggers: MetaRow[];
-};
-
-const EMPTY_META: TableMeta = { indexes: [], fks: [], triggers: [] };
-
-/** MySQL 协议族才走 information_schema 元数据（PG/Oracle 的系统目录另行适配） */
-function isMysqlFamily(driver?: string) {
-  return ["mysql", "mariadb", "tidb", "oceanbase", "polardb", "tdsql"].includes((driver || "").toLowerCase());
-}
-
-/** 标识符转义进 information_schema 字符串比较 */
-const esc = (s: string) => s.replace(/'/g, "''");
-
-export function SchemaPane() {
-  const schema = useWorkspaceStore((s) => s.schemaView);
-  const set = useWorkspaceStore((s) => s.set);
-  const conn = useWorkspaceStore((s) => s.connections.find((c) => c.id === s.activeConnectionId));
-  const [meta, setMeta] = useState<TableMeta>(EMPTY_META);
-  /** R2-F3:DDL 查看弹窗 */
-  const [showDdl, setShowDdl] = useState(false);
-  const mysql = isMysqlFamily(conn?.driver);
-  /** Redis 键的结构页不展示 DDL(服务端仅支持表/视图) */
-  const ddlEnabled = !!conn && (conn.driver || "").toLowerCase() !== "redis";
-
-  useEffect(() => {
-    let alive = true;
-    setMeta(EMPTY_META);
-    if (!conn || !mysql || !schema || schema.loading || schema.error || !schema.table) return;
-    (async () => {
-      try {
-        const sid = await ensureSession(conn);
-        const db = esc(schema.database);
-        const t = esc(schema.table);
-        const run = (sqlText: string) => execSql(conn, sqlText, { database: schema.database, sessionId: sid, limit: 200 });
-        const [ix, fk, tg] = await Promise.all([
-          run(
-            `SELECT INDEX_NAME AS name, IF(NON_UNIQUE=0,'UNIQUE','') AS uniq, GROUP_CONCAT(COLUMN_NAME ORDER BY SEQ_IN_INDEX SEPARATOR ', ') AS cols FROM information_schema.STATISTICS WHERE TABLE_SCHEMA='${db}' AND TABLE_NAME='${t}' GROUP BY INDEX_NAME, NON_UNIQUE ORDER BY INDEX_NAME`,
-          ),
-          run(
-            `SELECT CONSTRAINT_NAME AS name, COLUMN_NAME AS col, REFERENCED_TABLE_NAME AS refTable, REFERENCED_COLUMN_NAME AS refCol FROM information_schema.KEY_COLUMN_USAGE WHERE TABLE_SCHEMA='${db}' AND TABLE_NAME='${t}' AND REFERENCED_TABLE_NAME IS NOT NULL`,
-          ),
-          run(
-            `SELECT TRIGGER_NAME AS name, ACTION_TIMING AS timing, EVENT_MANIPULATION AS event, EVENT_OBJECT_TABLE AS onTable FROM information_schema.TRIGGERS WHERE TRIGGER_SCHEMA='${db}' AND EVENT_OBJECT_TABLE='${t}'`,
-          ),
-        ]);
-        if (alive) setMeta({ indexes: ix.rows, fks: fk.rows, triggers: tg.rows });
-      } catch {
-        /* 元数据不可用时静默降级：结构页至少保底显示列 */
-      }
-    })();
-    return () => {
-      alive = false;
-    };
-  }, [conn, mysql, schema?.database, schema?.table, schema?.loading, schema?.error]);
-
-  if (!schema) {
-    return (
-      <div className="ops-empty" style={{ minHeight: 120 }}>
-        <h2 style={{ fontSize: "var(--ops-text-lg)" }}>表结构</h2>
-        <p>在对象树点表，或右键「查看结构」。</p>
-      </div>
-    );
-  }
-
-  /** E1:结构加载失败重试 —— 重新拉列元数据 */
-  const retryLoad = async () => {
-    if (!conn || !schema) return;
-    set("schemaView", { ...schema, loading: true, error: undefined });
-    try {
-      const sid = await ensureSession(conn);
-      const { columns } = await listColumns(conn, schema.database, schema.table, sid);
-      set("schemaView", { database: schema.database, table: schema.table, columns, loading: false });
-      const pkCols = columns.filter((c) => c.key === "PRI").map((c) => c.name);
-      set("resultMeta", { database: schema.database, table: schema.table, pkCols });
-      set("connState", "ok");
-    } catch (e) {
-      const msg = e instanceof Error ? e.message : String(e);
-      set("schemaView", { database: schema.database, table: schema.table, columns: [], loading: false, error: msg });
-      if (msg.includes("会话") || msg.toLowerCase().includes("session")) set("connState", "down");
-    }
-  };
-
-  if (schema.loading) {
-    return (
-      <div className="px-3 py-2 text-[12.5px]" style={{ color: "var(--ops-muted)" }}>
-        加载 {schema.table} 结构…
-      </div>
-    );
-  }
-
-  if (schema.error) {
-    return (
-      <div
-        className="m-1.5 rounded border px-2.5 py-1.5 text-[12.5px]"
-        style={{
-          borderColor: "color-mix(in srgb, var(--ops-danger) 40%, var(--ops-border))",
-          background: "color-mix(in srgb, var(--ops-danger) 10%, transparent)",
-          color: "var(--ops-danger)",
-        }}
-      >
-        <div>{schema.error}</div>
-        <button
-          type="button"
-          className="mt-1 hover:underline"
-          style={{ fontSize: "var(--ops-text-xs)" }}
-          onClick={() => void retryLoad()}
-        >
-          重试
-        </button>
-      </div>
-    );
-  }
-
-  const str = (v: unknown) => (v == null ? "" : String(v));
-
-  return (
-    <div className="flex min-h-0 flex-1 flex-col">
-      <div className="ops-section-label justify-between border-b">
-        <span>
-          结构 · {schema.database ? `${schema.database}.` : ""}
-          {schema.table}
-        </span>
-        <div className="flex shrink-0 items-center gap-2 normal-case tracking-normal">
-          {ddlEnabled && (
-            <button
-              type="button"
-              className="hover:underline"
-              style={{ color: "var(--ops-accent)" }}
-              title="查看建表语句(DDL)"
-              onClick={() => setShowDdl(true)}
-            >
-              DDL
-            </button>
-          )}
-          <button
-            type="button"
-            className="hover:underline"
-            style={{ color: "var(--ops-accent)" }}
-            onClick={() => set("resultTab", "data")}
-          >
-            回结果
-          </button>
-        </div>
-      </div>
-      <div className="min-h-0 flex-1 overflow-auto">
-        {schema.columns.length === 0 ? (
-          <div className="px-3 py-2 text-[12.5px]" style={{ color: "var(--ops-muted)" }}>
-            无列信息
-          </div>
-        ) : (
-          <table className="ops-grid" style={{ width: "100%" }}>
-            <thead>
-              <tr>
-                <th style={{ width: 36 }}>#</th>
-                <th>列名</th>
-                <th>类型</th>
-                <th style={{ width: 52 }}>键</th>
-                <th style={{ width: 64 }}>可空</th>
-                <th>默认值</th>
-              </tr>
-            </thead>
-            <tbody>
-              {schema.columns.map((c, i) => (
-                <tr key={c.name}>
-                  <td className="ops-rownum">{i + 1}</td>
-                  <td>
-                    {c.key === "PRI" ? <span title="主键">🔑 </span> : null}
-                    {c.name}
-                  </td>
-                  <td className="font-mono text-[12px]">{c.type}</td>
-                  <td>
-                    {c.key === "PRI" ? (
-                      <span
-                        className="rounded px-1 font-semibold"
-                        style={{
-                          fontSize: "var(--ops-text-xs)",
-                          color: "var(--ops-warning)",
-                          background: "color-mix(in srgb, var(--ops-warning) 14%, transparent)",
-                        }}
-                      >
-                        PRI
-                      </span>
-                    ) : (
-                      ""
-                    )}
-                  </td>
-                  <td>{c.nullable ? "YES" : "NO"}</td>
-                  <td className="font-mono text-[12px]" style={{ color: "var(--ops-muted)" }}>
-                    {c.default == null ? <span className="ops-null">NULL</span> : String(c.default)}
-                  </td>
-                </tr>
-              ))}
-            </tbody>
-          </table>
-        )}
-
-        {mysql && (
-          <div className="border-t" style={{ borderColor: "var(--ops-border)" }}>
-            <details open className="px-3 py-1.5">              <summary className="cursor-pointer text-[12.5px] font-medium" style={{ listStyle: "none" }}>
-                索引（{meta.indexes.length}）
-              </summary>
-              {meta.indexes.length === 0 ? (
-                <div className="px-1 py-1 text-[11.5px]" style={{ color: "var(--ops-muted)" }}>无索引</div>
-              ) : (
-                <table className="ops-grid" style={{ width: "100%" }}>
-                  <thead>
-                    <tr>
-                      <th>索引名</th>
-                      <th style={{ width: 70 }}>唯一</th>
-                      <th>列</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    {meta.indexes.map((r, i) => (
-                      <tr key={i}>
-                        <td className="font-mono text-[12px]">{str(r.name)}</td>
-                        <td>{r.uniq ? "✓" : ""}</td>
-                        <td className="font-mono text-[12px]" style={{ color: "var(--ops-muted)" }}>{str(r.cols)}</td>
-                      </tr>
-                    ))}
-                  </tbody>
-                </table>
-              )}
-            </details>
-
-            <details open className="border-t px-3 py-1.5" style={{ borderColor: "var(--ops-border)" }}>
-              <summary className="cursor-pointer text-[12.5px] font-medium" style={{ listStyle: "none" }}>
-                外键（{meta.fks.length}）
-              </summary>
-              {meta.fks.length === 0 ? (
-                <div className="px-1 py-1 text-[11.5px]" style={{ color: "var(--ops-muted)" }}>无外键</div>
-              ) : (
-                <table className="ops-grid" style={{ width: "100%" }}>
-                  <thead>
-                    <tr>
-                      <th>约束名</th>
-                      <th>列</th>
-                      <th>引用</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    {meta.fks.map((r, i) => (
-                      <tr key={i}>
-                        <td className="font-mono text-[12px]">{str(r.name)}</td>
-                        <td className="font-mono text-[12px]">{str(r.col)}</td>
-                        <td className="font-mono text-[12px]" style={{ color: "var(--ops-muted)" }}>
-                          {str(r.refTable)}.{str(r.refCol)}
-                        </td>
-                      </tr>
-                    ))}
-                  </tbody>
-                </table>
-              )}
-            </details>
-
-            <details open className="border-t px-3 py-1.5" style={{ borderColor: "var(--ops-border)" }}>
-              <summary className="cursor-pointer text-[12.5px] font-medium" style={{ listStyle: "none" }}>
-                触发器（{meta.triggers.length}）
-              </summary>
-              {meta.triggers.length === 0 ? (
-                <div className="px-1 py-1 text-[11.5px]" style={{ color: "var(--ops-muted)" }}>无触发器</div>
-              ) : (
-                <table className="ops-grid" style={{ width: "100%" }}>
-                  <thead>
-                    <tr>
-                      <th>触发器</th>
-                      <th style={{ width: 80 }}>时机</th>
-                      <th style={{ width: 80 }}>事件</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    {meta.triggers.map((r, i) => (
-                      <tr key={i}>
-                        <td className="font-mono text-[12px]">{str(r.name)}</td>
-                        <td>{str(r.timing)}</td>
-                        <td>{str(r.event)}</td>
-                      </tr>
-                    ))}
-                  </tbody>
-                </table>
-              )}
-            </details>
-          </div>
-        )}
-      </div>
-      {showDdl && conn && (
-        <DdlModal conn={conn} database={schema.database} table={schema.table} onClose={() => setShowDdl(false)} />
-      )}
-    </div>
-  );
-}
diff --git a/packages/ui/src/SettingsModal.tsx b/packages/ui/src/SettingsModal.tsx
deleted file mode 100644
index c90ce3d..0000000
--- a/packages/ui/src/SettingsModal.tsx
+++ /dev/null
@@ -1,260 +0,0 @@
-import { useEffect, useState } from "react";
-import { driverStatus, health, type DriverStatusItem } from "./api";
-import { OpsModal } from "./OpsModal";
-import { useWorkspaceStore } from "./store";
-
-const IS_MAC = typeof navigator !== "undefined" && /Mac/i.test(navigator.platform);
-const MOD = IS_MAC ? "⌘" : "Ctrl";
-
-type TabId = "general" | "execution" | "results" | "drivers" | "shortcuts" | "about";
-
-const TABS: Array<{ id: TabId; icon: string; label: string; desc: string }> = [
-  { id: "general", icon: "🎨", label: "常规", desc: "主题与界面" },
-  { id: "execution", icon: "⚡", label: "执行", desc: "超时与多语句" },
-  { id: "results", icon: "📊", label: "结果", desc: "面板与分页" },
-  { id: "drivers", icon: "🧩", label: "驱动", desc: "agent 驱动状态" },
-  { id: "shortcuts", icon: "⌨️", label: "快捷键", desc: "键盘操作一览" },
-  { id: "about", icon: "ℹ️", label: "关于", desc: "版本与数据目录" },
-];
-
-function Row({ label, children, hint }: { label: string; children: React.ReactNode; hint?: string }) {
-  return (
-    <div className="space-y-1">
-      <div className="flex items-center justify-between gap-3">
-        <span className="text-[12.5px]" style={{ color: "var(--ops-text)" }}>{label}</span>
-        {children}
-      </div>
-      {hint && <div className="text-[11px]" style={{ color: "var(--ops-muted)" }}>{hint}</div>}
-    </div>
-  );
-}
-
-function Toggle({ checked, onChange }: { checked: boolean; onChange: (v: boolean) => void }) {
-  return (
-    <button
-      type="button"
-      role="switch"
-      aria-checked={checked}
-      className="h-4.5 w-9 rounded-full border transition"
-      style={{
-        height: 18,
-        borderColor: "var(--ops-border)",
-        background: checked ? "var(--ops-accent)" : "var(--ops-surface-2)",
-      }}
-      onClick={() => onChange(!checked)}
-    >
-      <span
-        className="block rounded-full bg-white transition-all"
-        style={{ width: 12, height: 12, marginLeft: checked ? 22 : 3, boxShadow: "0 1px 2px rgba(0,0,0,.3)" }}
-      />
-    </button>
-  );
-}
-
-function Seg<T extends string | number>({ value, options, onChange }: { value: T; options: Array<{ v: T; label: string }>; onChange: (v: T) => void }) {
-  return (
-    <div className="ops-seg flex">
-      {options.map((o) => (
-        <button
-          key={String(o.v)}
-          type="button"
-          className={value === o.v ? "ops-tree-item-active" : ""}
-          style={{ fontSize: "var(--ops-text-xs)" }}
-          onClick={() => onChange(o.v)}
-        >
-          {o.label}
-        </button>
-      ))}
-    </div>
-  );
-}
-
-/** 设置弹框：左分类导航 + 右面板（对标 opsxshell / DBeaver Preferences） */
-export function SettingsModal({ onClose }: { onClose: () => void }) {
-  const [tab, setTab] = useState<TabId>("general");
-  const theme = useWorkspaceStore((s) => s.theme);
-  const showAi = useWorkspaceStore((s) => s.showAi);
-  const stopOnError = useWorkspaceStore((s) => s.stopOnError);
-  const execTimeoutMs = useWorkspaceStore((s) => s.execTimeoutMs);
-  const resultRatio = useWorkspaceStore((s) => s.resultRatio);
-  const set = useWorkspaceStore((s) => s.set);
-  const notify = useWorkspaceStore((s) => s.notify);
-  const openConnectionList = useWorkspaceStore((s) => s.openConnectionList);
-
-  const [drivers, setDrivers] = useState<DriverStatusItem[] | null>(null);
-  const [version, setVersion] = useState<string>("");
-
-  useEffect(() => {
-    void driverStatus().then(setDrivers).catch(() => setDrivers([]));
-    void health().then((h) => setVersion(String((h as { version?: string }).version ?? ""))).catch(() => {});
-  }, []);
-
-  const resetLayout = () => {
-    set("leftWidth", 260);
-    set("aiWidth", 280);
-    set("resultRatio", 0.38);
-    notify({ kind: "success", title: "已重置", message: "面板布局恢复默认", mode: "toast", durationMs: 1400 });
-  };
-
-  return (
-    <OpsModal variant="info" title="设置" onOk={onClose}>
-      <div className="flex" style={{ minWidth: 560, minHeight: 340 }}>
-        {/* 左导航 */}
-        <nav className="w-36 shrink-0 space-y-px border-r pr-1" style={{ borderColor: "var(--ops-border-soft)" }}>
-          {TABS.map((t) => (
-            <button
-              key={t.id}
-              type="button"
-              className={`flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-[12px] transition ${
-                tab === t.id ? "ops-tree-item-active font-medium" : "opacity-70 hover:opacity-100"
-              }`}
-              onClick={() => setTab(t.id)}
-            >
-              <span className="w-4 text-center">{t.icon}</span>
-              <span>{t.label}</span>
-            </button>
-          ))}
-        </nav>
-
-        {/* 右面板 */}
-        <div className="min-w-0 flex-1 space-y-4 pl-4">
-          {tab === "general" && (
-            <>
-              <Row label="主题">
-                <Seg
-                  value={theme}
-                  options={[{ v: "dark" as const, label: "深色" }, { v: "light" as const, label: "浅色" }]}
-                  onChange={(v) => set("theme", v)}
-                />
-              </Row>
-              <Row label="显示 AI 面板" hint="工作台右侧的 AI 助手面板">
-                <Toggle checked={showAi} onChange={(v) => set("showAi", v)} />
-              </Row>
-              <Row label="面板布局" hint="侧栏宽度、AI 面板宽度、结果面板占比">
-                <button type="button" className="ops-btn-secondary h-6 px-2 text-[11px]" onClick={resetLayout}>
-                  恢复默认
-                </button>
-              </Row>
-            </>
-          )}
-
-          {tab === "execution" && (
-            <>
-              <Row label="默认执行超时" hint="单语句执行上限，超时由服务端强制中断">
-                <Seg
-                  value={execTimeoutMs}
-                  options={[
-                    { v: 0, label: "无" },
-                    { v: 10000, label: "10s" },
-                    { v: 30000, label: "30s" },
-                    { v: 60000, label: "60s" },
-                    { v: 300000, label: "5min" },
-                  ]}
-                  onChange={(v) => set("execTimeoutMs", v)}
-                />
-              </Row>
-              <Row label="多语句遇错即停" hint="一次执行多条时，某条失败即停止后续">
-                <Toggle checked={stopOnError} onChange={(v) => set("stopOnError", v)} />
-              </Row>
-              <Row label="危险语句确认" hint="DROP/TRUNCATE/无 WHERE 删除等由服务端权威拦截，执行前需二次确认（不可关闭）">
-                <span className="text-[11px]" style={{ color: "var(--ops-accent)" }}>始终开启</span>
-              </Row>
-            </>
-          )}
-
-          {tab === "results" && (
-            <>
-              <Row label={`结果面板占比 ${Math.round(resultRatio * 100)}%`} hint="编辑器与结果面板的高度分配">
-                <input
-                  type="range"
-                  min={25}
-                  max={60}
-                  value={Math.round(resultRatio * 100)}
-                  onChange={(e) => set("resultRatio", Number(e.target.value) / 100)}
-                  style={{ accentColor: "var(--ops-accent)", width: 120 }}
-                />
-              </Row>
-              <Row label="行数上限" hint="查询默认 1000 行、硬上限 10000 行（超出截断提示），由服务端强制执行">
-                <span className="text-[11px]" style={{ color: "var(--ops-muted)" }}>1000 / 10000</span>
-              </Row>
-            </>
-          )}
-
-          {tab === "drivers" && (
-            <>
-              <div className="space-y-1.5">
-                {drivers === null && <div className="text-[11px]" style={{ color: "var(--ops-muted)" }}>加载中…</div>}
-                {drivers?.map((d) => (
-                  <div key={d.id} className="flex items-center justify-between rounded border px-2 py-1.5 text-[11.5px]" style={{ borderColor: "var(--ops-border-soft)" }}>
-                    <span>{d.id}</span>
-                    <span style={{ color: d.allInstalled ? "var(--ops-accent)" : "var(--ops-warning)" }}>
-                      {d.allInstalled ? "已安装" : d.license === "proprietary" ? "需自备 jar" : "未安装"}
-                    </span>
-                  </div>
-                ))}
-              </div>
-              <Row label="驱动管理" hint="预装下载、离线包导入、JDK 检测">
-                <button
-                  type="button"
-                  className="ops-btn-secondary h-6 px-2 text-[11px]"
-                  onClick={() => {
-                    onClose();
-                    openConnectionList();
-                    notify({ kind: "info", title: "驱动管理", message: "连接列表页右上角 ⚙ 打开驱动管理", mode: "toast", durationMs: 2600 });
-                  }}
-                >
-                  去管理
-                </button>
-              </Row>
-            </>
-          )}
-
-          {tab === "shortcuts" && (
-            <div className="space-y-1.5">
-              {[
-                [`${MOD} + Enter`, "执行当前语句或选区"],
-                [`${MOD} + T`, "新建查询"],
-                [`${MOD} + W`, "关闭查询"],
-                [`${MOD} + 1-9`, "切换到第 N 个查询"],
-                ["Ctrl + Tab", "循环切换查询"],
-                [`${MOD} + ⇧ + F`, "聚焦对象树过滤框"],
-                [`${MOD} + B`, "显示/隐藏 AI"],
-                [`${MOD} + /`, "快捷键帮助"],
-                ["双击表名", "打开前 100 行"],
-                ["双击单元格", "进入行编辑"],
-              ].map(([k, v]) => (
-                <div key={k} className="flex justify-between gap-3 text-[12px]">
-                  <span className="font-mono" style={{ color: "var(--ops-accent)" }}>{k}</span>
-                  <span style={{ color: "var(--ops-muted)" }}>{v}</span>
-                </div>
-              ))}
-            </div>
-          )}
-
-          {tab === "about" && (
-            <div className="space-y-2 text-[12px]" style={{ color: "var(--ops-text)" }}>
-              <div className="flex justify-between"><span style={{ color: "var(--ops-muted)" }}>版本</span><span className="font-mono">{version || "—"}</span></div>
-              <div className="flex justify-between"><span style={{ color: "var(--ops-muted)" }}>形态</span><span>桌面客户端（Tauri 2）</span></div>
-              <div className="flex justify-between gap-4">
-                <span style={{ color: "var(--ops-muted)" }}>驱动目录</span>
-                <span className="truncate font-mono" title="~/.opsxdb/drivers">~/.opsxdb/drivers</span>
-              </div>
-              <div className="flex justify-between gap-4">
-                <span style={{ color: "var(--ops-muted)" }}>驱动商店</span>
-                <a
-                  className="hover:underline"
-                  style={{ color: "var(--ops-accent)" }}
-                  href="https://gitee.com/attacker/opsxdb-driver"
-                  target="_blank"
-                  rel="noreferrer"
-                >
-                  gitee.com/attacker/opsxdb-driver
-                </a>
-              </div>
-            </div>
-          )}
-        </div>
-      </div>
-    </OpsModal>
-  );
-}
diff --git a/packages/ui/src/SqlEditor.tsx b/packages/ui/src/SqlEditor.tsx
deleted file mode 100644
index 78ae732..0000000
--- a/packages/ui/src/SqlEditor.tsx
+++ /dev/null
@@ -1,296 +0,0 @@
-import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
-import { EditorSelection, EditorState } from "@codemirror/state";
-import { EditorView, keymap, lineNumbers, highlightActiveLine, placeholder } from "@codemirror/view";
-import { defaultKeymap, history, historyKeymap, indentWithTab } from "@codemirror/commands";
-import { HighlightStyle, syntaxHighlighting } from "@codemirror/language";
-import { sql } from "@codemirror/lang-sql";
-import { autocompletion, type Completion, type CompletionContext, type CompletionResult } from "@codemirror/autocomplete";
-import { tags as t } from "@lezer/highlight";
-import { oneDark } from "@codemirror/theme-one-dark";
-import { getCachedSchema } from "./api";
-import { REDIS_COMMANDS } from "./redis";
-import { formatSqlText, statementAt } from "./sql";
-
-/** §3.10:SQL 关键字静态补全表(通用 + MySQL/PG 常用) */
-const SQL_KEYWORDS = [
-  "SELECT", "FROM", "WHERE", "AND", "OR", "NOT", "NULL", "INSERT", "INTO", "VALUES",
-  "UPDATE", "SET", "DELETE", "CREATE", "TABLE", "ALTER", "DROP", "INDEX", "VIEW",
-  "JOIN", "LEFT", "RIGHT", "INNER", "OUTER", "FULL", "CROSS", "ON", "AS", "DISTINCT",
-  "GROUP", "BY", "ORDER", "ASC", "DESC", "LIMIT", "OFFSET", "HAVING", "UNION", "ALL",
-  "CASE", "WHEN", "THEN", "ELSE", "END", "IN", "EXISTS", "BETWEEN", "LIKE", "IS",
-  "COUNT", "SUM", "AVG", "MIN", "MAX", "COALESCE", "CAST", "WITH", "EXPLAIN",
-  "PRIMARY", "KEY", "FOREIGN", "REFERENCES", "DEFAULT", "UNIQUE", "CHECK",
-  "BEGIN", "COMMIT", "ROLLBACK", "GRANT", "REVOKE", "TRUNCATE", "RETURNING",
-].map((kw) => ({ label: kw, type: "keyword" }) satisfies Completion);
-
-/**
- * §3.10/C8:补全数据源 = 关键字 + schemaCache(对象树懒加载时写入的库/表/列)。
- * 列名携带类型信息(detail),表/库/列分别标注类型。
- */
-function schemaOptions(connId?: string): Completion[] {
-  const cache = getCachedSchema(connId);
-  if (!cache) return [];
-  const out: Completion[] = [];
-  for (const [db, tables] of cache) {
-    out.push({ label: db, type: "namespace", detail: "库" });
-    for (const [table, cols] of tables) {
-      out.push({ label: table, type: "table", detail: db });
-      for (const col of cols) {
-        out.push({ label: col.name, type: "property", detail: `${table} · ${col.type}` });
-      }
-    }
-  }
-  return out;
-}
-
-function sqlComplete(connIdRef: React.RefObject<string | undefined>) {
-  return (ctx: CompletionContext): CompletionResult | null => {
-    const word = ctx.matchBefore(/[\w$一-龥]*$/);
-    if (!word || (word.from === word.to && !ctx.explicit)) return null;
-    return { from: word.from, options: [...SQL_KEYWORDS, ...schemaOptions(connIdRef.current)] };
-  };
-}
-
-function redisComplete(ctx: CompletionContext): CompletionResult | null {
-  const word = ctx.matchBefore(/[\w$]*$/);
-  if (!word || (word.from === word.to && !ctx.explicit)) return null;
-  return { from: word.from, options: REDIS_COMMANDS };
-}
-
-/**
- * SQL 高亮走克制的四色方案（VS Code Dark+ 观感）：
- * 关键字+数字 = 蓝，字符串 = 橙，注释 = 绿，标识符/运算符 = 前景浅白。
- * 注册在 oneDark 之后，覆盖其默认的五彩配色。
- */
-const sqlDarkHighlight = HighlightStyle.define([
-  { tag: [t.keyword, t.controlKeyword, t.moduleKeyword, t.operatorKeyword, t.definitionKeyword], color: "#569CD6" },
-  { tag: [t.number, t.integer, t.bool, t.null, t.atom], color: "#569CD6" },
-  { tag: [t.string, t.special(t.string)], color: "#CE9178" },
-  { tag: [t.lineComment, t.blockComment, t.docComment], color: "#6A9955" },
-  { tag: [t.variableName, t.typeName, t.propertyName, t.operator, t.punctuation, t.definition(t.variableName)], color: "#D4D4D4" },
-  { tag: [t.function(t.variableName), t.function(t.propertyName)], color: "#D4D4D4" },
-]);
-
-/** 浅色主题四色方案：关键字蓝、字符串枣红、注释绿、标识符近黑 */
-const sqlLightHighlight = HighlightStyle.define([
-  { tag: [t.keyword, t.controlKeyword, t.moduleKeyword, t.operatorKeyword, t.definitionKeyword], color: "#0000FF" },
-  { tag: [t.number, t.integer, t.bool, t.null, t.atom], color: "#0000FF" },
-  { tag: [t.string, t.special(t.string)], color: "#A31515" },
-  { tag: [t.lineComment, t.blockComment, t.docComment], color: "#008000" },
-  { tag: [t.variableName, t.typeName, t.propertyName, t.operator, t.punctuation, t.definition(t.variableName)], color: "#24292F" },
-  { tag: [t.function(t.variableName), t.function(t.propertyName)], color: "#24292F" },
-]);
-
-export type SqlEditorHandle = {
-  /** Selection trim if nonempty; else statement at cursor (statementAt). */
-  getRunSql: () => string;
-  /** Format selection (if prefer + nonempty) or whole doc; single history-friendly change. */
-  format: (selectionPrefer?: boolean) => void;
-  focus: () => void;
-  hasSelection: () => boolean;
-  selectedText: () => string;
-  selectAll: () => void;
-  cutSelection: () => Promise<void>;
-  copySelection: () => Promise<void>;
-  pasteClipboard: () => Promise<void>;
-};
-
-export type SqlEditorContextInfo = {
-  x: number;
-  y: number;
-  hasSelection: boolean;
-};
-
-export const SqlEditor = forwardRef<
-  SqlEditorHandle,
-  {
-    value: string;
-    theme: "dark" | "light";
-    onChange: (sql: string) => void;
-    onRun: (sql: string) => void;
-    /** Optional driver for dialect-aware format. */
-    driver?: string;
-    /** §3.10:schema 补全按连接隔离(C8 schemaCache) */
-    connectionId?: string;
-    /** 自绘右键：拦住系统菜单后回调 */
-    onContextMenu?: (info: SqlEditorContextInfo) => void;
-  }
->(function SqlEditor({ value, theme, onChange, onRun, driver, connectionId, onContextMenu }, ref) {
-  const host = useRef<HTMLDivElement>(null);
-  const viewRef = useRef<EditorView | null>(null);
-  const onChangeRef = useRef(onChange);
-  const onRunRef = useRef(onRun);
-  const valueRef = useRef(value);
-  const driverRef = useRef(driver);
-  const connIdRef = useRef(connectionId);
-  const onContextMenuRef = useRef(onContextMenu);
-  onChangeRef.current = onChange;
-  onRunRef.current = onRun;
-  valueRef.current = value;
-  driverRef.current = driver;
-  connIdRef.current = connectionId;
-  onContextMenuRef.current = onContextMenu;
-
-  useImperativeHandle(ref, () => ({
-    getRunSql: () => {
-      const view = viewRef.current;
-      if (!view) return valueRef.current.trim();
-      const sel = view.state.selection.main;
-      const selected = sel.empty ? "" : view.state.sliceDoc(sel.from, sel.to);
-      return statementAt(view.state.doc.toString(), sel.head, selected, driverRef.current);
-    },
-    format: (selectionPrefer = true) => {
-      const view = viewRef.current;
-      if (!view) return;
-      const sel = view.state.selection.main;
-      const useSel = selectionPrefer && !sel.empty;
-      const from = useSel ? sel.from : 0;
-      const to = useSel ? sel.to : view.state.doc.length;
-      const raw = view.state.sliceDoc(from, to);
-      if (!raw.trim()) return;
-      const formatted = formatSqlText(raw, driverRef.current);
-      if (formatted === raw) return;
-      view.dispatch({
-        changes: { from, to, insert: formatted },
-        selection: useSel
-          ? EditorSelection.range(from, from + formatted.length)
-          : EditorSelection.cursor(Math.min(from + formatted.length, from + formatted.length)),
-      });
-      view.focus();
-    },
-    focus: () => viewRef.current?.focus(),
-    hasSelection: () => {
-      const view = viewRef.current;
-      if (!view) return false;
-      return !view.state.selection.main.empty;
-    },
-    selectedText: () => {
-      const view = viewRef.current;
-      if (!view) return "";
-      const sel = view.state.selection.main;
-      if (sel.empty) return "";
-      return view.state.sliceDoc(sel.from, sel.to);
-    },
-    selectAll: () => {
-      const view = viewRef.current;
-      if (!view) return;
-      view.dispatch({ selection: EditorSelection.range(0, view.state.doc.length) });
-      view.focus();
-    },
-    cutSelection: async () => {
-      const view = viewRef.current;
-      if (!view) return;
-      const sel = view.state.selection.main;
-      if (sel.empty) return;
-      const text = view.state.sliceDoc(sel.from, sel.to);
-      try {
-        await navigator.clipboard.writeText(text);
-      } catch {
-        /* ignore */
-      }
-      view.dispatch({ changes: { from: sel.from, to: sel.to, insert: "" } });
-      view.focus();
-    },
-    copySelection: async () => {
-      const view = viewRef.current;
-      if (!view) return;
-      const sel = view.state.selection.main;
-      if (sel.empty) return;
-      const text = view.state.sliceDoc(sel.from, sel.to);
-      try {
-        await navigator.clipboard.writeText(text);
-      } catch {
-        /* ignore */
-      }
-      view.focus();
-    },
-    pasteClipboard: async () => {
-      const view = viewRef.current;
-      if (!view) return;
-      let text = "";
-      try {
-        text = await navigator.clipboard.readText();
-      } catch {
-        return;
-      }
-      const sel = view.state.selection.main;
-      view.dispatch({
-        changes: { from: sel.from, to: sel.to, insert: text },
-        selection: EditorSelection.cursor(sel.from + text.length),
-      });
-      view.focus();
-    },
-  }));
-
-  useEffect(() => {
-    if (!host.current) return;
-    const runKey = {
-      key: "Mod-Enter",
-      run: (view: EditorView) => {
-        const sel = view.state.selection.main;
-        const selected = sel.empty ? "" : view.state.sliceDoc(sel.from, sel.to);
-        onRunRef.current(statementAt(view.state.doc.toString(), sel.head, selected, driverRef.current));
-        return true;
-      },
-    };
-    const redis = (driverRef.current || "").toLowerCase() === "redis";
-    const state = EditorState.create({
-      doc: valueRef.current,
-      extensions: [
-        lineNumbers(),
-        highlightActiveLine(),
-        history(),
-        sql(),
-        // §3.10:关键字 + schemaCache 补全(override 覆盖 lang-sql 默认源)
-        autocompletion({ override: [redis ? redisComplete : sqlComplete(connIdRef)] }),
-        placeholder(redis ? "写 Redis 命令，⌘/Ctrl+Enter 执行当前行或选区" : "写 SQL，⌘/Ctrl+Enter 执行当前语句或选区"),
-        keymap.of([runKey, indentWithTab, ...historyKeymap, ...defaultKeymap]),
-        EditorView.updateListener.of((u) => {
-          if (u.docChanged) onChangeRef.current(u.state.doc.toString());
-        }),
-        EditorView.domEventHandlers({
-          contextmenu: (e, view) => {
-            e.preventDefault();
-            e.stopPropagation();
-            const sel = view.state.selection.main;
-            onContextMenuRef.current?.({
-              x: e.clientX,
-              y: e.clientY,
-              hasSelection: !sel.empty,
-            });
-            return true;
-          },
-        }),
-        EditorView.theme({
-          "&": { height: "100%", fontSize: "12.5px" },
-          // 字体栈走外层 .ops-code 的 tailwind font-mono 令牌(§2.1 修 V6),不再内联硬编码
-          ".cm-scroller": { lineHeight: "1.45" },
-          ".cm-content": { padding: "8px 0" },
-          ".cm-gutters": { border: "none" },
-        }),
-        ...(theme === "dark" ? [oneDark] : []),
-        syntaxHighlighting(theme === "dark" ? sqlDarkHighlight : sqlLightHighlight),
-      ],
-    });
-    const view = new EditorView({ state, parent: host.current });
-    viewRef.current = view;
-    return () => {
-      view.destroy();
-      viewRef.current = null;
-    };
-    // recreate on theme / Redis↔SQL 方言切换（占位与补全不同）
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [theme, driver === "redis"]);
-
-  useEffect(() => {
-    const view = viewRef.current;
-    if (!view) return;
-    if (view.state.doc.toString() !== value) {
-      view.dispatch({
-        changes: { from: 0, to: view.state.doc.length, insert: value },
-      });
-    }
-  }, [value]);
-
-  return <div ref={host} className="ops-code h-full min-h-[140px] w-full overflow-hidden" />;
-});
diff --git a/packages/ui/src/TreeChevron.tsx b/packages/ui/src/TreeChevron.tsx
deleted file mode 100644
index 9ffb246..0000000
--- a/packages/ui/src/TreeChevron.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-/** 树形方向箭头（SVG 描边 chevron，替代 ▸/▾ 字符 —— Unicode 小三角在部分字体下糊成圆点，
- *  填充三角又显臃肿）。细长 ">" 造型，open 时旋转 90° 朝下。 */
-export function TreeChevron({
-  open,
-  size = 10,
-  className = "",
-}: {
-  /** undefined = 静态朝右（details 折叠组内由浏览器管开合） */
-  open?: boolean;
-  size?: number;
-  className?: string;
-}) {
-  return (
-    <svg
-      viewBox="0 0 12 12"
-      width={size}
-      height={size}
-      fill="none"
-      stroke="currentColor"
-      strokeWidth={1.5}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      aria-hidden="true"
-      className={`shrink-0 ${open === undefined ? "" : `transition-transform duration-150 ${open ? "rotate-90" : ""}`} ${className}`}
-    >
-      <path d="M4.4 2.6 L8.4 6 L4.4 9.4" />
-    </svg>
-  );
-}
diff --git a/packages/ui/src/Workspace.tsx b/packages/ui/src/Workspace.tsx
deleted file mode 100644
index a21c61d..0000000
--- a/packages/ui/src/Workspace.tsx
+++ /dev/null
@@ -1,1618 +0,0 @@
-import { useCallback, useEffect, useRef, useState } from "react";
-import { AiPanel } from "./AiPanel";
-import { ConnectionPicker } from "./ConnectionPicker";
-import { NotifyHost } from "./NotifyHost";
-import { ConnectionSidebar } from "./ConnectionSidebar";
-import { SettingsModal } from "./SettingsModal";
-import { ensureSession, withSessionRetry } from "./ObjectTree";
-import { ResultPane } from "./ResultPane";
-import { SqlEditor, type SqlEditorHandle, type SqlEditorContextInfo } from "./SqlEditor";
-import {execSql, cancelExec, explainSql, health, isAbortError} from "./api";
-import { driverById, isDriverReady } from "./catalog";
-import { askInput } from "./dialogs";
-import { isDangerousSQL, splitRunnable, splitStatements, supportsExplain } from "./sql";
-import { isRedisConn } from "./redis";
-import { DriverIcon } from "./DriverIcon";
-import { useWorkspaceStore } from "./store";
-
-/** 平台化修饰键文案(修 K5):macOS 显示 ⌘,其余显示 Ctrl */
-const IS_MAC = typeof navigator !== "undefined" && /mac/i.test(navigator.platform || "");
-const MOD = IS_MAC ? "⌘" : "Ctrl";
-
-function cx(...xs: Array<string | false | null | undefined>) {
-  return xs.filter(Boolean).join(" ");
-}
-
-
-/** 左栏底部统一搜索栏：库/表过滤 + Redis 键搜索/类型筛选 */
-function SidebarFilterBar() {
-  const conn = useWorkspaceStore((s) => s.connections.find((c) => c.id === s.activeConnectionId));
-  const sidebarFilter = useWorkspaceStore((s) => s.sidebarFilter);
-  const sidebarTypeFilter = useWorkspaceStore((s) => s.sidebarTypeFilter);
-  const set = useWorkspaceStore((s) => s.set);
-  const isRedis = (conn?.driver || "").toLowerCase() === "redis";
-  const isNoConn = !conn;
-
-  return (
-    <div
-      className="flex shrink-0 items-center gap-1 border-t px-1.5 py-1.5"
-      style={{ borderColor: "var(--ops-border)", background: "var(--ops-surface)" }}
-    >
-      <input
-        className="ops-input h-6 min-w-0 flex-1 px-1.5 text-[11px]"
-        placeholder={isNoConn ? "搜索…" : isRedis ? "搜索键名…" : "过滤库 / 表…"}
-        value={sidebarFilter}
-        onChange={(e) => set("sidebarFilter", e.target.value)}
-        spellCheck={false}
-      />
-      {isRedis && (
-        <select
-          className="ops-input h-6 shrink-0 py-0 px-1 text-[10px]"
-          style={{ width: "auto" }}
-          value={sidebarTypeFilter}
-          onChange={(e) => set("sidebarTypeFilter", e.target.value)}
-          title="按类型筛选"
-        >
-          <option value="all">全部</option>
-          <option value="string">string</option>
-          <option value="hash">hash</option>
-          <option value="list">list</option>
-          <option value="set">set</option>
-          <option value="zset">zset</option>
-        </select>
-      )}
-    </div>
-  );
-}
-
-function TopNav() {
-  const openPicker = useWorkspaceStore((s) => s.openPicker);
-  const newQueryTab = useWorkspaceStore((s) => s.newQueryTab);
-  const theme = useWorkspaceStore((s) => s.theme);
-  const set = useWorkspaceStore((s) => s.set);
-  const showAi = useWorkspaceStore((s) => s.showAi);
-  const showHistory = useWorkspaceStore((s) => s.showHistory);
-  const showHelp = useWorkspaceStore((s) => s.showHelp);
-  const connections = useWorkspaceStore((s) => s.connections);
-  const activeConnectionId = useWorkspaceStore((s) => s.activeConnectionId);
-  const conn = connections.find((c) => c.id === activeConnectionId);
-
-  const [showSettings, setShowSettings] = useState(false);
-
-  useEffect(() => {
-    document.documentElement.classList.toggle("light", theme === "light");
-    document.documentElement.classList.toggle("dark", theme === "dark");
-  }, [theme]);
-
-  return (
-    <header className="ops-chrome-header">
-      <div className="mr-1.5 flex items-baseline gap-1.5 shrink-0">
-        <span className="text-[13px] font-semibold tracking-tight">OpsxDB</span>
-        <span className="text-[10px]" style={{ color: "var(--ops-muted)" }}>
-          客户端
-        </span>
-      </div>
-      <div className="flex items-center gap-1">
-        <button type="button" className="ops-btn-secondary" onClick={() => openPicker()} title="新建数据库连接">
-          新建
-        </button>
-        {conn && (
-          <button type="button" className="ops-btn-secondary" onClick={() => newQueryTab()} title={`新建查询 ${MOD}T`}>
-            新建查询
-          </button>
-        )}
-        <button
-          type="button"
-          className={cx("ops-btn-ghost", showHistory && "ops-tree-item-active")}
-          onClick={() => set("showHistory", !showHistory)}
-        >
-          查询历史
-        </button>
-        <button type="button" className="ops-btn-ghost" onClick={() => set("showHelp", !showHelp)}>
-          快捷键
-        </button>
-      </div>
-      <div className="ml-auto flex items-center gap-2 text-[11px]" style={{ color: "var(--ops-muted)" }}>
-        <button type="button" className="ops-btn-ghost" onClick={() => set("showAi", !showAi)}>
-          {showAi ? "隐藏 AI" : "AI"}
-        </button>
-        <button
-          type="button"
-          className="ops-btn-ghost"
-          onClick={() => set("theme", theme === "dark" ? "light" : "dark")}
-        >
-          {theme === "dark" ? "浅色" : "深色"}
-        </button>
-        <button type="button" className="ops-btn-ghost" title="设置" aria-label="设置" onClick={() => setShowSettings(true)}>
-          ⚙
-        </button>
-      </div>
-      {showSettings && <SettingsModal onClose={() => setShowSettings(false)} />}
-    </header>
-  );
-}
-function DragX({ onMove }: { onMove: (dx: number) => void }) {
-  return (
-    <div
-      className="ops-split-x"
-      onMouseDown={(e) => {
-        e.preventDefault();
-        const start = e.clientX;
-        const move = (ev: MouseEvent) => onMove(ev.clientX - start);
-        const up = () => {
-          window.removeEventListener("mousemove", move);
-          window.removeEventListener("mouseup", up);
-        };
-        window.addEventListener("mousemove", move);
-        window.addEventListener("mouseup", up);
-      }}
-    />
-  );
-}
-
-function DragY({ onMove }: { onMove: (dy: number) => void }) {
-  return (
-    <div
-      className="ops-split-y"
-      onMouseDown={(e) => {
-        e.preventDefault();
-        const start = e.clientY;
-        const move = (ev: MouseEvent) => onMove(ev.clientY - start);
-        const up = () => {
-          window.removeEventListener("mousemove", move);
-          window.removeEventListener("mouseup", up);
-        };
-        window.addEventListener("mousemove", move);
-        window.addEventListener("mouseup", up);
-      }}
-    />
-  );
-}
-
-function EditorPane() {
-  const tabs = useWorkspaceStore((s) => s.tabs);
-  const activeTabId = useWorkspaceStore((s) => s.activeTabId);
-  const running = useWorkspaceStore((s) => s.running);
-  const connections = useWorkspaceStore((s) => s.connections);
-  const activeConnectionId = useWorkspaceStore((s) => s.activeConnectionId);
-  const theme = useWorkspaceStore((s) => s.theme);
-  const resultRatio = useWorkspaceStore((s) => s.resultRatio);
-  const set = useWorkspaceStore((s) => s.set);
-  const closeTab = useWorkspaceStore((s) => s.closeTab);
-  const newQueryTab = useWorkspaceStore((s) => s.newQueryTab);
-  const updateActiveSql = useWorkspaceStore((s) => s.updateActiveSql);
-  const askConfirm = useWorkspaceStore((s) => s.askConfirm);
-  const pushHistory = useWorkspaceStore((s) => s.pushHistory);
-  const notifyError = useWorkspaceStore((s) => s.notifyError);
-  const showHistory = useWorkspaceStore((s) => s.showHistory);
-  const history = useWorkspaceStore((s) => s.queryHistory);
-  const [histFilter, setHistFilter] = useState("");
-  const showBookmarks = useWorkspaceStore((s) => s.showBookmarks);
-  const bookmarks = useWorkspaceStore((s) => s.bookmarks);
-  const editorRef = useRef<SqlEditorHandle>(null);
-  const abortRef = useRef<AbortController | null>(null);
-  const notify = useWorkspaceStore((s) => s.notify);
-  const stopOnError = useWorkspaceStore((s) => s.stopOnError);
-  const setStopOnError = useWorkspaceStore((s) => s.setStopOnError);
-  const execTimeoutMs = useWorkspaceStore((s) => s.execTimeoutMs);
-  const setExecTimeoutMs = useWorkspaceStore((s) => s.setExecTimeoutMs);
-  /** R2-F6:Tab 右键菜单 */
-  const closeOtherTabs = useWorkspaceStore((s) => s.closeOtherTabs);
-  const closeRightTabs = useWorkspaceStore((s) => s.closeRightTabs);
-  const closeAllTabs = useWorkspaceStore((s) => s.closeAllTabs);
-  const [tabCtx, setTabCtx] = useState<{ x: number; y: number; tabId: string } | null>(null);
-  const [tabCtxPos, setTabCtxPos] = useState<{ x: number; y: number } | null>(null);
-  const tabCtxRef = useRef<HTMLDivElement>(null);
-  /** SQL 编辑器自绘右键(拦系统 Look Up / Inspect 等) */
-  const [editorCtx, setEditorCtx] = useState<SqlEditorContextInfo | null>(null);
-  const [editorCtxPos, setEditorCtxPos] = useState<{ x: number; y: number } | null>(null);
-  const editorCtxRef = useRef<HTMLDivElement>(null);
-  const focusedRelation = useWorkspaceStore((s) => s.focusedRelation);
-  const resultMeta = useWorkspaceStore((s) => s.resultMeta);
-
-  const cancelRun = () => {
-    // R2-F9/E1:先通知服务端取消在途语句(按 requestId),再本地 abort
-    void cancelExec();
-    abortRef.current?.abort();
-  };
-
-  const tab = tabs.find((t) => t.id === activeTabId) ?? tabs[0];
-  const conn = connections.find((c) => c.id === (tab?.connectionId || activeConnectionId));
-
-  const editorRelation =
-    focusedRelation ??
-    (resultMeta?.database && resultMeta?.table
-      ? { database: resultMeta.database, table: resultMeta.table }
-      : null);
-
-  const run = async (sql?: string) => {
-    if (!conn) {
-      set("status", "请先选择连接");
-      return;
-    }
-    if (!isDriverReady(conn.driver)) {
-      set("result", { columns: [], rows: [], rowCount: 0, timeMs: 0, error: `${driverById(conn.driver)?.name} 驱动未就绪` });
-      return;
-    }
-    const text = (sql ?? tab.sql).trim();
-    const redis = (conn.driver || "").toLowerCase() === "redis";
-    if (!text) {
-      set("status", redis ? "没有可执行的命令" : "没有可执行的 SQL");
-      return;
-    }
-    const parts = splitRunnable(text, conn.driver)
-      .map((r) => r.text.trim())
-      .filter(Boolean);
-    const stmts = parts.length ? parts : [text];
-    // SELECT 是连接级切换（直发会污染按库缓存的客户端）—— 编辑器层接管：
-    // SELECT <n> 切换本 Tab 的库上下文，后续命令在目标库执行（语义与 redis-cli 一致）
-    // USE 不是 Redis 命令，不拦截 —— 由服务端返回原生错误
-    if (isRedisConn(conn.driver)) {
-      let switched: number | null = null;
-      const real = stmts.filter((st) => {
-        const m = st.match(/^SELECT\s+(\d+)$/i);
-        if (m) {
-          switched = Number(m[1]);
-          return false;
-        }
-        return true;
-      });
-      if (switched != null) {
-        useWorkspaceStore.getState().setTabDatabase(String(switched));
-        notify({
-          kind: "success",
-          title: `已切换到 db${switched}`,
-          message: "后续命令将在该库执行（左侧树可展开对应库）",
-          mode: "toast",
-          durationMs: 2200,
-        });
-        if (!real.length) {
-          set("status", `已切换到 db${switched}`);
-          return;
-        }
-        stmts.length = 0;
-        stmts.push(...real);
-      }
-    }
-    // 前端 isDangerousSQL 仅作 UX 预检(免一次往返);服务端 CheckDangerousSQL 为权威判定
-    let dangerConfirmed = false;
-    if (stmts.some((s) => isDangerousSQL(s, conn.driver))) {
-      const ok = await askConfirm({
-        title: "确认执行危险语句",
-        message: `将执行 ${stmts.length} 条语句，其中含修改/删除等危险操作，此操作不可撤销。确认继续？`,
-        okLabel: "仍要执行",
-        danger: true,
-        items: stmts,
-      });
-      if (!ok) return;
-      dangerConfirmed = true;
-    }
-    const ac = new AbortController();
-    abortRef.current = ac;
-    set("running", true);
-    set("status", stmts.length > 1 ? `执行 ${stmts.length} 条语句…` : "执行中…");
-    set("explainText", null);
-    const sets: import("./store").ResultSetItem[] = [];
-    let cancelled = false;
-    /** R2-F1:遇错即停时记录失败语句下标(状态栏「第 N/M 条失败」用) */
-    let stoppedAt: number | null = null;
-    /** C1:needConfirm 二段流 —— 服务端命中(前端预检未覆盖)时弹语句清单确认,确认后带 confirmDanger 重发 */
-    const execStmt = async (
-      stmt: string,
-      sid: string,
-    ): Promise<{ res: import("./store").QueryResult; cancelledByUser: boolean }> => {
-      // SELECT/USE 切库会更新 store 的 tab.database —— 实时读取（闭包里的 tab 是旧引用）
-      const database = useWorkspaceStore.getState().tabs.find((t) => t.id === tab.id)?.database || tab.database || conn.database;
-      const timeoutMs = execTimeoutMs || undefined;
-      let res = await execSql(conn, stmt, { sessionId: sid, database, signal: ac.signal, confirmDanger: dangerConfirmed, timeoutMs });
-      if (res.needConfirm && !ac.signal.aborted) {
-        const ok = await askConfirm({
-          title: "危险语句确认",
-          message: res.error || "服务端检测到危险语句，确认后继续执行。",
-          okLabel: "仍要执行",
-          danger: true,
-          items: stmts,
-        });
-        if (!ok) return { res: { ...res, needConfirm: false, error: "已取消" }, cancelledByUser: true };
-        dangerConfirmed = true;
-        res = await execSql(conn, stmt, { sessionId: sid, database, signal: ac.signal, confirmDanger: true, timeoutMs });
-      }
-      return { res, cancelledByUser: false };
-    };
-    try {
-      let sid = await ensureSession(conn);
-      for (let i = 0; i < stmts.length; i++) {
-        if (ac.signal.aborted) {
-          cancelled = true;
-          break;
-        }
-        const stmt = stmts[i];
-        const label = `结果 ${i + 1}`;
-        try {
-          const { res, cancelledByUser } = await execStmt(stmt, sid);
-          if (res.error === "已取消" || ac.signal.aborted) {
-            cancelled = true;
-            sets.push({
-              id: crypto.randomUUID(),
-              label,
-              sql: stmt,
-              result: { columns: [], rows: [], rowCount: 0, timeMs: res.timeMs || 0, error: cancelledByUser ? "已取消（未确认危险语句）" : "已取消" },
-            });
-            break;
-          }
-          sets.push({
-            id: crypto.randomUUID(),
-            label,
-            sql: stmt,
-            result: res,
-            page: 0,
-            pageSize: res.limit || 1000,
-            database: tab.database || conn.database,
-          });
-          pushHistory({ sql: stmt, connectionId: conn.id, rowCount: res.rowCount, timeMs: res.timeMs, error: res.error });
-          // R2-F1:遇错即停(「已取消」是用户动作,不算错误)
-          if (stopOnError && res.error && res.error !== "已取消") {
-            stoppedAt = i;
-            break;
-          }
-        } catch (e) {
-          if (isAbortError(e) || ac.signal.aborted) {
-            cancelled = true;
-            sets.push({
-              id: crypto.randomUUID(),
-              label,
-              sql: stmt,
-              result: { columns: [], rows: [], rowCount: 0, timeMs: 0, error: "已取消" },
-            });
-            break;
-          }
-          const msg = e instanceof Error ? e.message : String(e);
-          if (msg.includes("会话") || msg.toLowerCase().includes("session")) {
-            set("connState", "down");
-            useWorkspaceStore.getState().setSession(conn.id, null);
-            try {
-              if (ac.signal.aborted) {
-                cancelled = true;
-                break;
-              }
-              sid = await ensureSession(conn);
-              set("connState", "ok");
-              const { res, cancelledByUser } = await execStmt(stmt, sid);
-              if (res.error === "已取消" || ac.signal.aborted) {
-                cancelled = true;
-                sets.push({
-                  id: crypto.randomUUID(),
-                  label,
-                  sql: stmt,
-                  result: { columns: [], rows: [], rowCount: 0, timeMs: res.timeMs || 0, error: cancelledByUser ? "已取消（未确认危险语句）" : "已取消" },
-                });
-                break;
-              }
-              sets.push({
-                id: crypto.randomUUID(),
-                label,
-                sql: stmt,
-                result: res,
-                page: 0,
-                pageSize: res.limit || 1000,
-                database: tab.database || conn.database,
-              });
-              pushHistory({ sql: stmt, connectionId: conn.id, rowCount: res.rowCount, timeMs: res.timeMs, error: res.error });
-              // R2-F1:重试成功但语句报错,同样受「遇错即停」约束
-              if (stopOnError && res.error && res.error !== "已取消") {
-                stoppedAt = i;
-                break;
-              }
-              continue;
-            } catch (e2) {
-              if (isAbortError(e2) || ac.signal.aborted) {
-                cancelled = true;
-                sets.push({
-                  id: crypto.randomUUID(),
-                  label,
-                  sql: stmt,
-                  result: { columns: [], rows: [], rowCount: 0, timeMs: 0, error: "已取消" },
-                });
-                break;
-              }
-              const m2 = e2 instanceof Error ? e2.message : String(e2);
-              sets.push({
-                id: crypto.randomUUID(),
-                label,
-                sql: stmt,
-                result: { columns: [], rows: [], rowCount: 0, timeMs: 0, error: m2 },
-              });
-              if (stopOnError) {
-                stoppedAt = i;
-                break;
-              }
-              continue;
-            }
-          }
-          sets.push({
-            id: crypto.randomUUID(),
-            label,
-            sql: stmt,
-            result: { columns: [], rows: [], rowCount: 0, timeMs: 0, error: msg },
-          });
-          // R2-F1:异常(网络/驱动错误)也视为失败,受「遇错即停」约束
-          if (stopOnError) {
-            stoppedAt = i;
-            break;
-          }
-        }
-      }
-      // Redis 单键读命令（GET/HGETALL/SMEMBERS/ZRANGE/LRANGE）→ 自动路由到键详情
-      // （丰富编辑：行级 复制命令/编辑/删、TTL/重命名、JSON 弹层），不落纯结果表格
-      if (isRedisConn(conn.driver) && sets.length === 1 && !sets[0].result.error) {
-        const first = (sets[0].sql || "").trim().split(/\s+/)[0]?.toUpperCase() ?? "";
-        if (["GET", "HGETALL", "SMEMBERS", "ZRANGE", "LRANGE"].includes(first)) {
-          const keyArg = (sets[0].sql || "").trim().split(/\s+/)[1] ?? "";
-          if (keyArg) {
-            const cleanKey = keyArg.replace(/^["']|["']$/g, "");
-            try {
-              const { getRedisKey } = await import("./api");
-              const typeRes = await withSessionRetry(conn, (sid) =>
-                getRedisKey(conn, useWorkspaceStore.getState().tabs.find((t) => t.id === tab.id)?.database || conn.database, cleanKey, { sessionId: sid, limit: 1 }),
-              );
-              if (typeRes.type && typeRes.type !== "none") {
-                const st = useWorkspaceStore.getState();
-                st.set("result", {
-                  columns: typeRes.columns ?? [],
-                  rows: typeRes.rows ?? [],
-                  rowCount: typeRes.rowCount ?? 0,
-                  timeMs: typeRes.timeMs ?? 0,
-                  truncated: typeRes.truncated,
-                  limit: typeRes.limit,
-                  nextCursor: typeRes.nextCursor,
-                });
-                st.set("resultMeta", { database: sets[0].database || conn.database, table: cleanKey, pkCols: [], redisType: typeRes.type, redisTtl: typeRes.ttl });
-                st.set("resultTab", "data");
-                set("status", `${cleanKey}`);
-                return;
-              }
-            } catch {
-              /* 类型探测失败不影响结果展示 */
-            }
-          }
-        }
-      }
-      useWorkspaceStore.getState().setResultSets(sets);
-      if (redis) {
-        set("resultMeta", { database: tab.database || conn.database, pkCols: [] });
-      }
-      if (cancelled) {
-        set("status", "已取消");
-        notify({ kind: "warning", title: "已取消", message: "查询已停止", mode: "toast", durationMs: 2200 });
-      } else {
-        const okN = sets.filter((s) => !s.result.error).length;
-        const errN = sets.length - okN;
-        set(
-          "status",
-          stoppedAt != null
-            ? `已遇错停止：第 ${stoppedAt + 1}/${stmts.length} 条失败 · ${okN} 成功 · ${errN} 失败`
-            : errN
-              ? `${okN} 成功 · ${errN} 失败`
-              : `${sets.length} 个结果集`,
-        );
-        set("connState", "ok");
-      }
-    } catch (e) {
-      if (isAbortError(e) || ac.signal.aborted) {
-        set("status", "已取消");
-        notify({ kind: "warning", title: "已取消", message: "查询已停止", mode: "toast", durationMs: 2200 });
-      } else {
-        const msg = e instanceof Error ? e.message : String(e);
-        set("status", msg);
-        notifyError(e, "modal");
-      }
-    } finally {
-      abortRef.current = null;
-      set("running", false);
-    }
-  };
-
-  const runExplain = async () => {
-    if (!conn) {
-      set("status", "请先选择连接");
-      return;
-    }
-    if (!supportsExplain(conn.driver)) {
-      useWorkspaceStore.getState().notify({
-        kind: "warning",
-        title: "执行计划",
-        message: `${driverById(conn.driver)?.name ?? conn.driver} 暂不支持执行计划。`,
-        mode: "toast",
-      });
-      return;
-    }
-    const text = (tab?.sql || "").trim();
-    if (!text) {
-      set("status", "没有可分析的 SQL");
-      return;
-    }
-    const stmts = splitStatements(text).map((r) => r.text.trim()).filter(Boolean);
-    const target = stmts[0] || text;
-    const ac = new AbortController();
-    abortRef.current = ac;
-    set("running", true);
-    set("status", "获取执行计划…");
-    try {
-      // C3:方言包装由服务端完成(MSSQL 钉连接 / Oracle DBMS_XPLAN)；会话失效自动重连重试一次
-      const res = await withSessionRetry(conn, (sid) =>
-        explainSql(conn, target, {
-          sessionId: sid,
-          database: tab.database || conn.database,
-          signal: ac.signal,
-        }),
-      );
-      if (res.error === "已取消" || ac.signal.aborted) {
-        set("status", "已取消");
-        notify({ kind: "warning", title: "已取消", message: "执行计划已停止", mode: "toast", durationMs: 2200 });
-        return;
-      }
-      if (res.error) {
-        set("explainText", res.error);
-      } else if (res.text) {
-        set("explainText", res.text);
-      } else if (res.columns?.length === 1 && res.rows?.length) {
-        const col = res.columns[0];
-        set("explainText", res.rows.map((r) => String(r[col] ?? "")).join("\n"));
-      } else if (res.columns?.length) {
-        const header = res.columns.join("\t");
-        const body = (res.rows ?? [])
-          .map((r) => res.columns!.map((c) => (r[c] == null ? "NULL" : String(r[c]))).join("\t"))
-          .join("\n");
-        set("explainText", [header, body].filter(Boolean).join("\n"));
-      } else {
-        set("explainText", "(空计划)");
-      }
-      set("resultTab", "explain");
-      set("status", "执行计划已就绪");
-      set("connState", "ok");
-    } catch (e) {
-      if (isAbortError(e) || ac.signal.aborted) {
-        set("status", "已取消");
-        notify({ kind: "warning", title: "已取消", message: "执行计划已停止", mode: "toast", durationMs: 2200 });
-      } else {
-        const msg = e instanceof Error ? e.message : String(e);
-        set("explainText", msg);
-        set("resultTab", "explain");
-        if (msg.includes("会话") || msg.toLowerCase().includes("session")) set("connState", "down");
-        notifyError(e, "toast");
-      }
-    } finally {
-      abortRef.current = null;
-      set("running", false);
-    }
-  };
-
-  useEffect(() => {
-    const onKey = (e: KeyboardEvent) => {
-      const mod = e.metaKey || e.ctrlKey;
-      if (mod && e.key === "t") {
-        e.preventDefault();
-        newQueryTab();
-        return;
-      }
-      if (mod && e.key === "w") {
-        e.preventDefault();
-        if (!tab) return;
-        void (async () => {
-          if (tab.dirty) {
-            const ok = await askConfirm({
-              title: "关闭查询",
-              message: `「${tab.title}」有未保存改动，确认关闭？`,
-              okLabel: "关闭",
-              danger: true,
-            });
-            if (!ok) return;
-          }
-          closeTab(tab.id);
-        })();
-        return;
-      }
-      if (mod && e.key === "/") {
-        e.preventDefault();
-        set("showHelp", !useWorkspaceStore.getState().showHelp);
-        return;
-      }
-      if (mod && e.key === "b") {
-        e.preventDefault();
-        set("showAi", !useWorkspaceStore.getState().showAi);
-        return;
-      }
-      // ⌘1–9 切换查询 Tab(修 K1)
-      if (mod && !e.shiftKey && !e.altKey && /^[1-9]$/.test(e.key)) {
-        const idx = Number(e.key) - 1;
-        const tabs = useWorkspaceStore.getState().tabs;
-        if (idx < tabs.length) {
-          e.preventDefault();
-          set("activeTabId", tabs[idx].id);
-        }
-        return;
-      }
-      // Ctrl+Tab 循环切换(Shift 反向;修 K1)
-      if (e.ctrlKey && e.key === "Tab") {
-        e.preventDefault();
-        const s = useWorkspaceStore.getState();
-        if (s.tabs.length < 2) return;
-        const cur = s.tabs.findIndex((t) => t.id === s.activeTabId);
-        const next = (cur + (e.shiftKey ? -1 : 1) + s.tabs.length) % s.tabs.length;
-        set("activeTabId", s.tabs[next].id);
-        return;
-      }
-      // ⌘⇧F 聚焦对象树过滤框(修 K3)
-      if (mod && e.shiftKey && e.key.toLowerCase() === "f") {
-        e.preventDefault();
-        const el = document.querySelector<HTMLInputElement>("[data-ops-tree-filter]");
-        el?.focus();
-        el?.select();
-        return;
-      }
-    };
-    window.addEventListener("keydown", onKey);
-    return () => window.removeEventListener("keydown", onKey);
-  }, [closeTab, newQueryTab, set, tab]);
-
-  // R2-F6:Tab 右键菜单 —— Esc/外点关闭(参照对象树右键菜单)
-  useEffect(() => {
-    if (!tabCtx) {
-      setTabCtxPos(null);
-      return;
-    }
-    const close = () => setTabCtx(null);
-    const onKey = (e: KeyboardEvent) => {
-      if (e.key === "Escape") {
-        e.preventDefault();
-        e.stopPropagation();
-        setTabCtx(null);
-      }
-    };
-    window.addEventListener("click", close);
-    window.addEventListener("keydown", onKey, true);
-    return () => {
-      window.removeEventListener("click", close);
-      window.removeEventListener("keydown", onKey, true);
-    };
-  }, [tabCtx]);
-
-  // R2-F6:视口边界翻转 —— 菜单渲染后测量,贴右/下缘时自动收回
-  useEffect(() => {
-    if (!tabCtx) return;
-    const el = tabCtxRef.current;
-    if (!el) return;
-    const r = el.getBoundingClientRect();
-    const x = tabCtx.x + r.width > window.innerWidth - 8 ? Math.max(8, window.innerWidth - r.width - 8) : tabCtx.x;
-    const y = tabCtx.y + r.height > window.innerHeight - 8 ? Math.max(8, window.innerHeight - r.height - 8) : tabCtx.y;
-    setTabCtxPos({ x, y });
-  }, [tabCtx]);
-
-  // SQL 编辑器右键：Esc/外点关闭
-  useEffect(() => {
-    if (!editorCtx) {
-      setEditorCtxPos(null);
-      return;
-    }
-    const close = () => setEditorCtx(null);
-    const onKey = (e: KeyboardEvent) => {
-      if (e.key === "Escape") {
-        e.preventDefault();
-        setEditorCtx(null);
-      }
-    };
-    window.addEventListener("click", close);
-    window.addEventListener("keydown", onKey, true);
-    return () => {
-      window.removeEventListener("click", close);
-      window.removeEventListener("keydown", onKey, true);
-    };
-  }, [editorCtx]);
-
-  useEffect(() => {
-    if (!editorCtx) return;
-    const el = editorCtxRef.current;
-    if (!el) return;
-    const r = el.getBoundingClientRect();
-    const x = editorCtx.x + r.width > window.innerWidth - 8 ? Math.max(8, window.innerWidth - r.width - 8) : editorCtx.x;
-    const y = editorCtx.y + r.height > window.innerHeight - 8 ? Math.max(8, window.innerHeight - r.height - 8) : editorCtx.y;
-    setEditorCtxPos({ x, y });
-  }, [editorCtx]);
-
-  /** R2-F6:批量关闭前的脏标签守卫,统一确认一次 */
-  const tabMenuAction = async (kind: "close" | "others" | "right" | "all") => {
-    if (!tabCtx) return;
-    const target = tabs.find((t) => t.id === tabCtx.tabId);
-    if (!target) return;
-    const ids =
-      kind === "close"
-        ? [target.id]
-        : kind === "others"
-          ? tabs.filter((t) => t.id !== target.id).map((t) => t.id)
-          : kind === "right"
-            ? tabs.slice(tabs.indexOf(target) + 1).map((t) => t.id)
-            : tabs.map((t) => t.id);
-    setTabCtx(null);
-    if (kind !== "close" && !ids.length) return;
-    const dirtyN = tabs.filter((t) => ids.includes(t.id) && t.dirty).length;
-    if (dirtyN) {
-      const ok = await askConfirm({
-        title: "关闭查询",
-        message:
-          ids.length === 1
-            ? `「${target.title}」有未保存改动，确认关闭？`
-            : `将关闭 ${ids.length} 个标签，其中 ${dirtyN} 个有未保存改动，确认关闭？`,
-        okLabel: "关闭",
-        danger: true,
-      });
-      if (!ok) return;
-    }
-    if (kind === "close") closeTab(target.id);
-    else if (kind === "others") closeOtherTabs(target.id);
-    else if (kind === "right") closeRightTabs(target.id);
-    else closeAllTabs();
-  };
-
-  return (
-    <section className="flex min-h-0 min-w-0 flex-1 flex-col">
-      <div className="ops-tabbar">
-        {tabs.map((t) => (
-          <div
-            key={t.id}
-            className={cx(
-              "group flex items-center gap-1 border-b-2 px-2 text-[12px]",
-              t.id === activeTabId ? "border-[var(--ops-accent)]" : "border-transparent opacity-70 hover:opacity-100",
-            )}
-            style={
-              t.id === activeTabId
-                ? { color: "var(--ops-accent)", background: "var(--ops-surface)" }
-                : { color: "var(--ops-muted)" }
-            }
-            onMouseDown={(e) => {
-              // 中键关闭(修 T2)
-              if (e.button !== 1) return;
-              e.preventDefault();
-              void (async () => {
-                if (t.dirty) {
-                  const ok = await askConfirm({
-                    title: "关闭查询",
-                    message: `「${t.title}」有未保存改动，确认关闭？`,
-                    okLabel: "关闭",
-                    danger: true,
-                  });
-                  if (!ok) return;
-                }
-                closeTab(t.id);
-              })();
-            }}
-            onContextMenu={(e) => {
-              // R2-F6:Tab 右键菜单(关闭/关闭其他/关闭右侧/关闭全部)
-              e.preventDefault();
-              setTabCtx({ x: e.clientX, y: e.clientY, tabId: t.id });
-            }}
-          >
-            <button
-              type="button"
-              className={cx("flex items-center gap-1", t.dirty ? "ops-tab-dirty" : undefined)}
-              onClick={() => {
-                set("activeTabId", t.id);
-                // Tab 自带连接 → 切换时同步激活该连接（编辑器/树跟随）
-                if (t.connectionId && t.connectionId !== useWorkspaceStore.getState().activeConnectionId) {
-                  set("activeConnectionId", t.connectionId);
-                }
-              }}
-            >
-              {(() => {
-                const tc = connections.find((c) => c.id === t.connectionId);
-                if (!tc) return t.title;
-                return (
-                  <span className="flex items-center gap-1">
-                    <DriverIcon driver={tc.driver} size={12} />
-                    <span className="text-[10px] opacity-60">{tc.name}</span>
-                    <span className="opacity-30">·</span>
-                    <span>{t.title}</span>
-                  </span>
-                );
-              })()}
-            </button>
-            <button
-              type="button"
-              className="ops-close-faint w-[18px] text-[11px] opacity-0 transition-opacity group-hover:opacity-60 hover:!opacity-100"
-              style={{ color: "var(--ops-danger)" }}
-              title="关闭"
-              onClick={() => {
-                void (async () => {
-                  if (t.dirty) {
-                    const ok = await askConfirm({
-                      title: "关闭查询",
-                      message: `「${t.title}」有未保存改动，确认关闭？`,
-                      okLabel: "关闭",
-                      danger: true,
-                    });
-                    if (!ok) return;
-                  }
-                  closeTab(t.id);
-                })();
-              }}
-            >
-              ×
-            </button>
-          </div>
-        ))}
-        <button type="button" className="ops-btn-ghost px-1.5" onClick={() => newQueryTab()} title={`新建查询 ${MOD}T`}>
-          +
-        </button>
-      </div>
-
-      {/* R2-F6:Tab 右键菜单(自绘,复用 .ops-ctx 样式) */}
-      {tabCtx && (
-        <div
-          ref={tabCtxRef}
-          className="ops-ctx"
-          style={
-            tabCtxPos
-              ? { left: tabCtxPos.x, top: tabCtxPos.y }
-              : { left: tabCtx.x, top: tabCtx.y, visibility: "hidden" }
-          }
-          onClick={(e) => e.stopPropagation()}
-        >
-          <button type="button" onClick={() => void tabMenuAction("close")}>
-            关闭
-          </button>
-          <button type="button" onClick={() => void tabMenuAction("others")}>
-            关闭其他
-          </button>
-          <button type="button" onClick={() => void tabMenuAction("right")}>
-            关闭右侧
-          </button>
-          <button type="button" onClick={() => void tabMenuAction("all")}>
-            关闭全部
-          </button>
-        </div>
-      )}
-
-      <div
-        className="flex min-h-8 flex-wrap items-center gap-2 border-b px-2 py-0.5"
-        style={{ borderColor: "var(--ops-border)", background: "var(--ops-surface)" }}
-      >
-        {running ? (
-          <button type="button" className="ops-btn-secondary" onClick={cancelRun} title="取消当前查询">
-            取消
-          </button>
-        ) : (
-          <button
-            type="button"
-            className="ops-btn-primary"
-            onClick={() => void run(editorRef.current?.getRunSql())}
-          >
-            执行
-          </button>
-        )}
-        {(conn?.driver || "").toLowerCase() !== "redis" && (
-          <button
-            type="button"
-            className="ops-btn-secondary"
-            disabled={running}
-            title="格式化当前选区或全文（⌘Z 可撤销）"
-            onClick={() => {
-              editorRef.current?.format(true);
-              notify({
-                kind: "success",
-                title: "已格式化",
-                message: "⌘Z 可撤销",
-                mode: "toast",
-                durationMs: 1800,
-              });
-            }}
-          >
-            格式化
-          </button>
-        )}
-        {(conn?.driver || "").toLowerCase() !== "redis" && (
-          <button
-            type="button"
-            className="ops-btn-secondary"
-            disabled={running || !supportsExplain(conn?.driver)}
-            title={supportsExplain(conn?.driver) ? "执行计划" : "当前引擎不支持执行计划"}
-            onClick={() => void runExplain()}
-          >
-            执行计划
-          </button>
-        )}
-        <button
-          type="button"
-          className="ops-btn-secondary"
-          onClick={() => {
-            void (async () => {
-              // C6:askInput 替代 window.prompt(WKWebView 下 prompt 返回 null)
-              const name = await askInput({ title: "书签名称", defaultValue: "常用查询", placeholder: "常用查询" });
-              if (name == null) return;
-              if (!name.trim()) {
-                useWorkspaceStore.getState().notify({ kind: "warning", title: "书签", message: "名称必填", mode: "toast" });
-                return;
-              }
-              useWorkspaceStore.getState().saveBookmark(name, tab?.sql ?? "");
-              useWorkspaceStore.getState().notify({ kind: "success", title: "已保存书签", message: name.trim(), mode: "toast" });
-            })();
-          }}
-        >
-          存书签
-        </button>
-        <button
-          type="button"
-          className={cx("ops-btn-ghost", showBookmarks && "ops-tree-item-active")}
-          onClick={() => set("showBookmarks", !showBookmarks)}
-        >
-          书签
-        </button>
-        {/* R2-F1:多语句「遇错即停」开关(默认开),持久化到 prefs */}
-        <div className="ops-seg" role="group" aria-label="遇错即停">
-          <button
-            type="button"
-            className={stopOnError ? "ops-seg-active" : undefined}
-            title="多语句执行:某条失败即停止后续语句"
-            onClick={() => setStopOnError(true)}
-          >
-            遇错即停
-          </button>
-          <button
-            type="button"
-            className={!stopOnError ? "ops-seg-active" : undefined}
-            title="多语句执行:全部跑完再汇总成败"
-            onClick={() => setStopOnError(false)}
-          >
-            继续执行
-          </button>
-        </div>
-        {/* R2-F8:语句执行超时选择,run() 以 timeoutMs 传给 execSql(E2) */}
-        <select
-          className="ops-input h-6 py-0 text-[11px]"
-          value={execTimeoutMs}
-          onChange={(e) => setExecTimeoutMs(Number(e.target.value))}
-          title="单语句执行超时(需服务端支持 E2)"
-          aria-label="执行超时"
-        >
-          <option value={0}>超时:无</option>
-          <option value={10000}>超时:10s</option>
-          <option value={30000}>超时:30s</option>
-          <option value={60000}>超时:60s</option>
-          <option value={300000}>超时:5min</option>
-        </select>
-        <span
-          className="hidden truncate text-[10px] opacity-60 min-[1100px]:inline"
-          style={{ color: "var(--ops-muted)" }}
-          title={`${MOD}+Enter 执行；多语句出多结果`}
-        >
-          {(conn?.driver || "").toLowerCase() === "redis"
-            ? `${MOD}+Enter 当前行或选区；多行逐条执行`
-            : `${MOD}+Enter 选区或当前语句；多语句出多结果`}
-        </span>
-        <span className="min-w-0 truncate text-[11px]" style={{ color: "var(--ops-muted)" }}>
-          {conn ? `${conn.name} · ${driverById(conn.driver)?.name}` : "未选择连接"}
-        </span>
-      </div>
-
-                  {showBookmarks && (
-        <div className="max-h-36 shrink-0 overflow-auto border-b px-2 py-1 text-[11px]" style={{ borderColor: "var(--ops-border)" }}>
-          <div className="mb-1" style={{ color: "var(--ops-muted)" }}>书签 {bookmarks.length}</div>
-          {bookmarks.length === 0 && <div style={{ color: "var(--ops-muted)" }}>暂无书签，点「存书签」</div>}
-          {bookmarks.map((b) => (
-            <div key={b.id} className="group flex items-center gap-1">
-              <button
-                type="button"
-                className="ops-tree-item min-w-0 flex-1"
-                onClick={() => updateActiveSql(b.sql)}
-                title={b.sql}
-              >
-                <span className="truncate font-medium">{b.name}</span>
-                <span className="ml-auto shrink-0 opacity-40">{new Date(b.at).toLocaleDateString()}</span>
-              </button>
-              <button
-                type="button"
-                className="hidden text-[10px] opacity-60 group-hover:inline"
-                onClick={() => {
-                  void (async () => {
-                    const name = await askInput({ title: "重命名书签", defaultValue: b.name });
-                    if (name == null || !name.trim()) return;
-                    useWorkspaceStore.getState().renameBookmark(b.id, name);
-                  })();
-                }}
-              >
-                ✎
-              </button>
-              <button
-                type="button"
-                className="hidden text-[10px] opacity-60 group-hover:inline"
-                style={{ color: "var(--ops-danger)" }}
-                onClick={() => useWorkspaceStore.getState().removeBookmark(b.id)}
-              >
-                ×
-              </button>
-            </div>
-          ))}
-        </div>
-      )}
-      {showHistory && (
-        <div className="flex max-h-56 shrink-0 flex-col border-b text-[11px]" style={{ borderColor: "var(--ops-border)" }}>
-          <div className="flex items-center gap-2 px-2 py-1">
-            <span className="shrink-0" style={{ color: "var(--ops-muted)" }}>
-              最近 {history.length} 条
-            </span>
-            <input
-              value={histFilter}
-              onChange={(e) => setHistFilter(e.target.value)}
-              placeholder="过滤历史…"
-              className="min-w-0 flex-1 rounded px-1.5 py-0.5 text-[11px]"
-              style={{
-                background: "var(--ops-input-bg)",
-                border: "1px solid var(--ops-border)",
-                color: "inherit",
-              }}
-            />
-            <button
-              type="button"
-              className="hover:underline"
-              style={{ color: "var(--ops-accent)" }}
-              onClick={() => useWorkspaceStore.getState().clearHistory()}
-            >
-              清空
-            </button>
-          </div>
-          <div className="min-h-0 flex-1 overflow-auto px-1 pb-1">
-            {history.length === 0 && (
-              <div className="px-1.5 py-2 leading-5" style={{ color: "var(--ops-muted)" }}>
-                暂无历史。执行过的语句会留在这里：点击行回填编辑器，▶ 直接重跑；重复语句自动去重置顶。
-              </div>
-            )}
-            {history
-              .filter((h) => {
-                const q = histFilter.trim().toLowerCase();
-                if (!q) return true;
-                return (
-                  h.sql.replace(/\s+/g, " ").toLowerCase().includes(q) ||
-                  connections.find((c) => c.id === h.connectionId)?.name.toLowerCase().includes(q)
-                );
-              })
-              .map((h) => {
-                const connName = connections.find((c) => c.id === h.connectionId)?.name;
-                return (
-                  <div key={h.id} className="ops-tree-item group w-full" title={h.sql}>
-                    <button
-                      type="button"
-                      className="flex min-w-0 flex-1 items-center gap-1.5 text-left"
-                      onClick={() => updateActiveSql(h.sql)}
-                    >
-                      <span className="w-14 shrink-0 opacity-50">{new Date(h.at).toLocaleTimeString()}</span>
-                      {connName && (
-                        <span
-                          className="max-w-20 shrink-0 truncate rounded px-1 text-[10px]"
-                          style={{ background: "var(--ops-accent-soft)", color: "var(--ops-accent)" }}
-                        >
-                          {connName}
-                        </span>
-                      )}
-                      <span
-                        className={`truncate font-mono ${h.error ? "opacity-60" : ""}`}
-                        style={h.error ? { color: "var(--ops-danger, #e11d48)" } : undefined}
-                      >
-                        {h.sql.replace(/\s+/g, " ")}
-                      </span>
-                      <span className="ml-auto shrink-0 tabular-nums opacity-45">
-                        {h.error ? "失败" : `${h.rowCount ?? 0} 行 · ${h.timeMs ?? 0}ms`}
-                      </span>
-                    </button>
-                    <button
-                      type="button"
-                      className="ml-1 shrink-0 rounded px-1 opacity-0 transition-opacity group-hover:opacity-90"
-                      style={{ color: "var(--ops-accent)" }}
-                      title="回填并执行"
-                      onClick={() => {
-                        updateActiveSql(h.sql);
-                        void run(h.sql);
-                      }}
-                    >
-                      ▶
-                    </button>
-                  </div>
-                );
-              })}
-          </div>
-        </div>
-      )}
-
-      {editorCtx && (
-        <div
-          ref={editorCtxRef}
-          className="ops-ctx"
-          style={
-            editorCtxPos
-              ? { left: editorCtxPos.x, top: editorCtxPos.y }
-              : { left: editorCtx.x, top: editorCtx.y, visibility: "hidden" }
-          }
-          onClick={(e) => e.stopPropagation()}
-        >
-          <button
-            type="button"
-            onClick={() => {
-              const sql = editorRef.current?.getRunSql() ?? "";
-              setEditorCtx(null);
-              void run(sql);
-            }}
-          >
-            {editorCtx.hasSelection
-              ? "执行选中"
-              : (conn?.driver || "").toLowerCase() === "redis"
-                ? "执行当前命令"
-                : "执行当前语句"}
-          </button>
-          <button
-            type="button"
-            disabled={!editorRelation}
-            title={editorRelation ? undefined : "请先在对象树选择表"}
-            onClick={() => {
-              if (!editorRelation) return;
-              set("viewDataRequest", { ...editorRelation, token: Date.now() });
-              setEditorCtx(null);
-            }}
-          >
-            查看数据
-          </button>
-          {(conn?.driver || "").toLowerCase() !== "redis" && (
-            <button
-              type="button"
-              disabled={!editorRelation}
-              title={editorRelation ? undefined : "请先在对象树选择表"}
-              onClick={() => {
-                if (!editorRelation) return;
-                set("ddlRequest", { ...editorRelation, token: Date.now() });
-                setEditorCtx(null);
-              }}
-            >
-              查看 DDL
-            </button>
-          )}
-          <div className="ops-ctx-sep" />
-          <button
-            type="button"
-            disabled={!editorCtx.hasSelection}
-            onClick={() => {
-              void editorRef.current?.cutSelection();
-              setEditorCtx(null);
-            }}
-          >
-            剪切
-          </button>
-          <button
-            type="button"
-            disabled={!editorCtx.hasSelection}
-            onClick={() => {
-              void editorRef.current?.copySelection();
-              setEditorCtx(null);
-            }}
-          >
-            复制
-          </button>
-          <button
-            type="button"
-            onClick={() => {
-              void editorRef.current?.pasteClipboard();
-              setEditorCtx(null);
-            }}
-          >
-            粘贴
-          </button>
-          <button
-            type="button"
-            onClick={() => {
-              editorRef.current?.selectAll();
-              setEditorCtx(null);
-            }}
-          >
-            全选
-          </button>
-        </div>
-      )}
-
-      <div className="flex min-h-0 flex-1 flex-col">
-        <div className="min-h-[120px]" style={{ flex: `${1 - resultRatio} 1 0` }}>
-          <SqlEditor
-            ref={editorRef}
-            value={tab?.sql ?? ""}
-            theme={theme}
-            driver={conn?.driver}
-            connectionId={conn?.id}
-            onChange={updateActiveSql}
-            onRun={(sql) => void run(sql)}
-            onContextMenu={(info) => {
-              setTabCtx(null);
-              setEditorCtx(info);
-            }}
-          />
-        </div>
-        <DragY
-          onMove={(dy) => {
-            const h = Math.max(280, window.innerHeight - 80);
-            const next = Math.min(0.7, Math.max(0.2, resultRatio - dy / h));
-            set("resultRatio", next);
-          }}
-        />
-        <div className="min-h-[96px]" style={{ flex: `${resultRatio} 1 0` }}>
-          <ResultPane tableHint={conn?.database} />
-        </div>
-      </div>
-    </section>
-  );
-}
-
-function StatusBar() {
-  const resultMeta = useWorkspaceStore((s) => s.resultMeta);
-  const status = useWorkspaceStore((s) => s.status);
-  const connections = useWorkspaceStore((s) => s.connections);
-  const activeConnectionId = useWorkspaceStore((s) => s.activeConnectionId);
-  const result = useWorkspaceStore((s) => s.result);
-  const connState = useWorkspaceStore((s) => s.connState);
-  const set = useWorkspaceStore((s) => s.set);
-  const notify = useWorkspaceStore((s) => s.notify);
-  const notifyError = useWorkspaceStore((s) => s.notifyError);
-  const conn = connections.find((c) => c.id === activeConnectionId);
-
-  const reconnect = async () => {
-    if (!conn) return;
-    set("connState", "reconnecting");
-    set("status", "重连中…");
-    try {
-      useWorkspaceStore.getState().setSession(conn.id, null);
-      const { sessionId } = await (await import("./api")).openSession(conn);
-      useWorkspaceStore.getState().setSession(conn.id, sessionId);
-      set("connState", "ok");
-      set("status", `已重连 ${conn.name}` + (conn.database ? ` · ${conn.database}` : ""));
-      notify({ kind: "success", title: "重连成功", message: conn.name, mode: "toast", durationMs: 1600 });
-    } catch (e) {
-      set("connState", "down");
-      const msg = e instanceof Error ? e.message : String(e);
-      set("status", `重连失败：${msg}`);
-      notifyError(e, "modal");
-    }
-  };
-
-  return (
-    <footer className="ops-statusbar">
-      <span className="truncate">{conn ? conn.name : "未连接"}</span>
-      <span className="opacity-30">|</span>
-      {connState === "down" && (
-        <>
-          <span style={{ color: "var(--ops-danger)" }}>已断开</span>
-          <button type="button" className="ops-btn-secondary h-5 px-1.5 text-[10px]" onClick={() => void reconnect()}>
-            重连
-          </button>
-          <span className="opacity-30">|</span>
-        </>
-      )}
-      {connState === "reconnecting" && (
-        <>
-          <span style={{ color: "var(--ops-warning)" }}>重连中…</span>
-          <span className="opacity-30">|</span>
-        </>
-      )}
-      <span className="truncate">{status || "就绪"}</span>
-      <span className="opacity-30">|</span>
-      <span className="truncate">
-        {conn ? `${driverById(conn.driver)?.name} · ${conn.host || conn.database}${conn.port ? `:${conn.port}` : ""}` : "无连接"}
-      </span>
-      {result && !result.error && !((conn?.driver || "").toLowerCase() === "redis" && resultMeta?.redisType && resultMeta?.table) && (
-        <>
-          <span className="opacity-30">|</span>
-          <span>
-            {result.rowCount} 行 / {result.timeMs} ms
-            {result.truncated ? " · 已截断" : ""}
-          </span>
-        </>
-      )}
-    </footer>
-  );
-}
-
-function HelpOverlay() {
-  const set = useWorkspaceStore((s) => s.set);
-  const rows = [
-    [`${MOD} + Enter`, "执行当前语句或选区"],
-    [`${MOD} + T`, "新建查询"],
-    [`${MOD} + W`, "关闭查询"],
-    [`${MOD} + 1-9`, "切换到第 N 个查询"],
-    ["Ctrl + Tab", "循环切换查询"],
-    [`${MOD} + ⇧ + F`, "聚焦对象树过滤框"],
-    [`${MOD} + B`, "显示/隐藏 AI"],
-    [`${MOD} + /`, "本帮助"],
-    ["点表名", "打开前 100 行"],
-    ["展开表", "查看列"],
-    ["双击单元格", "进入编辑"],
-  ];
-  return (
-    <div className="fixed inset-0 z-[80] grid place-items-center bg-black/45 p-4" onClick={() => set("showHelp", false)}>
-      <div className="ops-modal w-full max-w-sm" onClick={(e) => e.stopPropagation()}>
-        <div className="ops-modal-header">快捷键</div>
-        <div className="ops-modal-body space-y-1.5">
-          {rows.map(([k, v]) => (
-            <div key={k} className="flex justify-between gap-3 text-[12px]">
-              <span className="font-mono" style={{ color: "var(--ops-accent)" }}>{k}</span>
-              <span style={{ color: "var(--ops-muted)" }}>{v}</span>
-            </div>
-          ))}
-        </div>
-        <div className="ops-modal-footer">
-          <button type="button" className="ops-btn-primary" onClick={() => set("showHelp", false)}>
-            知道了
-          </button>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-export function OpsxWorkspace() {
-  /** null = first probe pending; true/false = known */
-  const [backendDown, setBackendDown] = useState<boolean | null>(null);
-  /** 桌面 sidecar 启动后端失败原因(opsxdb://backend-failed 事件),浏览器 dev 恒为 null */
-  const [backendFailed, setBackendFailed] = useState<string | null>(null);
-  const notify = useWorkspaceStore((s) => s.notify);
-
-  const view = useWorkspaceStore((s) => s.view);
-  const loadConnections = useWorkspaceStore((s) => s.loadConnections);
-  const leftWidth = useWorkspaceStore((s) => s.leftWidth);
-  const aiWidth = useWorkspaceStore((s) => s.aiWidth);
-  const showAi = useWorkspaceStore((s) => s.showAi);
-  const showHelp = useWorkspaceStore((s) => s.showHelp);
-  const activeConnectionId = useWorkspaceStore((s) => s.activeConnectionId);
-  const connections = useWorkspaceStore((s) => s.connections);
-  const connState = useWorkspaceStore((s) => s.connState);
-  const [dismissDown, setDismissDown] = useState(false);
-  const conn = useWorkspaceStore((s) => s.connections.find((c) => c.id === s.activeConnectionId));  const set = useWorkspaceStore((s) => s.set);
-
-  useEffect(() => {
-    loadConnections();
-  }, [loadConnections]);
-
-  const probeHealth = useCallback(async (opts?: { toastOnFail?: boolean }) => {
-    try {
-      await health();
-      setBackendDown(false);
-      return true;
-    } catch {
-      setBackendDown(true);
-      if (opts?.toastOnFail) {
-        notify({
-          kind: "warning",
-          title: "本地后端未就绪",
-          message: "连库依赖本机 OpsxDB 服务（默认 127.0.0.1:8788）。桌面版会自动拉起；开发态请先 ./run.sh。",
-          mode: "toast",
-          durationMs: 8000,
-        });
-      }
-      return false;
-    }
-  }, [notify]);
-
-  useEffect(() => {
-    let cancelled = false;
-    let warned = false;
-    const tick = async () => {
-      const ok = await probeHealth();
-      if (cancelled) return;
-      if (!ok && !warned) {
-        warned = true;
-        notify({
-          kind: "warning",
-          title: "本地后端未就绪",
-          message: "连库依赖本机 OpsxDB 服务（默认 127.0.0.1:8788）。桌面版会自动拉起；开发态请先 ./run.sh。",
-          mode: "toast",
-          durationMs: 8000,
-        });
-      }
-    };
-    void tick();
-    const id = window.setInterval(() => void tick(), 5000);
-    return () => {
-      cancelled = true;
-      window.clearInterval(id);
-    };
-  }, [notify, probeHealth]);
-
-  const retryHealth = () => {
-    void probeHealth({ toastOnFail: true });
-  };
-
-  // 桌面:sidecar 拉起后端失败时 emit opsxdb://backend-failed(§3.12);浏览器 dev 无此模块,静默跳过
-  useEffect(() => {
-    let unlisten: (() => void) | undefined;
-    let disposed = false;
-    void (async () => {
-      try {
-        const { listen } = await import("@tauri-apps/api/event");
-        const off = await listen<string | { reason?: string; logPath?: string }>(
-          "opsxdb://backend-failed",
-          (e) => {
-            const p = e.payload;
-            const reason = typeof p === "string" ? p : p?.reason || "未知原因";
-            const logPath = typeof p === "object" && p?.logPath ? ` · 日志:${p.logPath}` : "";
-            setBackendFailed(`${reason}${logPath}`);
-          },
-        );
-        if (disposed) off();
-        else unlisten = off;
-      } catch {
-        /* 非 Tauri 环境 */
-      }
-    })();
-    return () => {
-      disposed = true;
-      unlisten?.();
-    };
-  }, []);
-
-  const launchStrip = (
-    <>
-      {backendFailed !== null && (
-        <div
-          className="flex shrink-0 items-center gap-2 border-b px-2.5 text-[11px]"
-          style={{
-            height: 28,
-            zIndex: "var(--ops-z-banner)",
-            borderColor: "color-mix(in srgb, var(--ops-danger) 40%, var(--ops-border))",
-            background: "color-mix(in srgb, var(--ops-danger) 12%, transparent)",
-            color: "var(--ops-danger)",
-          }}
-        >
-          <span className="shrink-0 font-medium">后端不可用</span>
-          <span className="min-w-0 truncate" style={{ color: "var(--ops-muted)" }}>
-            {backendFailed}
-          </span>
-          <button
-            type="button"
-            className="ops-btn-secondary ml-auto h-5 shrink-0 px-2 text-[10px]"
-            onClick={() => {
-              setBackendFailed(null);
-              retryHealth();
-            }}
-          >
-            重试
-          </button>
-        </div>
-      )}
-      {backendDown === null ? (
-        <div
-          className="flex shrink-0 items-center gap-2 border-b px-2.5 text-[11px]"
-          style={{
-            height: 28,
-            borderColor: "var(--ops-border)",
-            background: "var(--ops-surface)",
-            color: "var(--ops-muted)",
-          }}
-        >
-          <span>启动中…</span>
-        </div>
-      ) : backendDown ? (
-        <BackendDownBanner onRetry={retryHealth} />
-      ) : null}
-    </>
-  );
-
-  // 新断开时重新显示提示（用户上次关闭后，再次断开要能看见）。必须位于 view 早退之前，否则切到选择器视图时 hooks 数量变化会崩溃。
-  useEffect(() => {
-    if (connState === "down") setDismissDown(false);
-  }, [connState]);
-
-  if (view === "picker") {
-    return (
-      <>
-        {launchStrip}
-        <ConnectionPicker />
-        <NotifyHost />
-      </>
-    );
-  }
-
-  return (
-    <div className="ops-shell flex h-screen min-h-[640px] flex-col">
-      <TopNav />
-      {launchStrip}
-      {connState === "down" && !dismissDown && (
-        <div
-          className="flex shrink-0 items-center gap-2 border-b px-2.5 text-[11px]"
-          style={{
-            height: 28,
-            borderColor: "color-mix(in srgb, var(--ops-danger) 35%, var(--ops-border))",
-            background: "color-mix(in srgb, var(--ops-danger) 8%, transparent)",
-            color: "var(--ops-danger)",
-          }}
-        >
-          <span>⚠ {conn ? `${conn.name} 已断开` : "连接已断开"}</span>
-          <button
-            type="button"
-            className="ml-auto px-1 text-[13px] leading-none"
-            style={{ color: "var(--ops-muted)" }}
-            title="关闭提示"
-            onClick={() => setDismissDown(true)}
-          >
-            ×
-          </button>
-        </div>
-      )}
-      <div className="flex min-h-0 flex-1">
-        <aside className="ops-panel flex h-full shrink-0 flex-col border-r" style={{ width: leftWidth }}>
-          <div className="min-h-0 flex-1 overflow-auto">
-          <ConnectionSidebar
-            onSelect={(id) => set("activeConnectionId", id)}
-            onDelete={(id) => {
-              void (async () => {
-                const c = useWorkspaceStore.getState().connections.find((x) => x.id === id);
-                const ok = await useWorkspaceStore.getState().askConfirm({
-                  title: "删除连接",
-                  message: `确认删除「${c?.name ?? id}」？此操作不可撤销。`,
-                  okLabel: "删除",
-                  danger: true,
-                });
-                if (ok) useWorkspaceStore.getState().removeConnection(id);
-              })();
-            }}
-          />
-          </div>
-          <SidebarFilterBar />
-        </aside>
-        <DragX
-          onMove={(dx) => set("leftWidth", Math.min(360, Math.max(200, leftWidth + dx)))}
-        />
-        {activeConnectionId || connections.length > 0 ? (
-          <EditorPane />
-        ) : (
-          <div className="ops-empty">
-            <h2>未选择连接</h2>
-            <p>先新建或打开一个连接，再写 SQL。断连时不会白屏。</p>
-            <button type="button" className="ops-btn-primary" onClick={() => useWorkspaceStore.getState().openConnectionList()}>
-              打开连库页
-            </button>
-          </div>
-        )}
-        {showAi && (
-          <>
-            <DragX onMove={(dx) => set("aiWidth", Math.min(420, Math.max(220, aiWidth - dx)))} />
-            <div className="shrink-0" style={{ width: aiWidth }}>
-              <AiPanel />
-            </div>
-          </>
-        )}
-      </div>
-      <StatusBar />
-      <NotifyHost />
-      {showHelp && <HelpOverlay />}
-    </div>
-  );
-}
-
-
-function BackendDownBanner({ onRetry }: { onRetry: () => void }) {
-  return (
-    <div
-      className="flex shrink-0 items-center gap-2 border-b px-2.5 text-[11px]"
-      style={{
-        height: 28,
-        borderColor: "color-mix(in srgb, var(--ops-warning) 40%, var(--ops-border))",
-        background: "color-mix(in srgb, var(--ops-warning) 12%, transparent)",
-        color: "var(--ops-warning)",
-      }}
-    >
-      <span className="shrink-0 font-medium">本地后端未就绪</span>
-      <span className="min-w-0 truncate" style={{ color: "var(--ops-muted)" }}>
-        开发态请先 <span style={{ color: "var(--ops-text)", fontFamily: "ui-monospace, monospace" }}>./run.sh</span>
-        {" · "}
-        <span style={{ fontFamily: "ui-monospace, monospace" }}>127.0.0.1:8788</span>
-      </span>
-      <button
-        type="button"
-        className="ops-btn-secondary ml-auto h-5 shrink-0 px-2 text-[10px]"
-        onClick={onRetry}
-      >
-        重试
-      </button>
-    </div>
-  );
-}
diff --git a/packages/ui/src/api.ts b/packages/ui/src/api.ts
deleted file mode 100644
index 39738b2..0000000
--- a/packages/ui/src/api.ts
+++ /dev/null
@@ -1,592 +0,0 @@
-import type { SavedConnection, QueryResult, TreeNode, ColumnInfo } from "./store";
-import { decodeSecret } from "./secrets";
-
-/** C2:桌面 sidecar 注入的运行时配置(缺省时行为与现状一致) */
-declare global {
-  interface Window {
-    __OPSXDB_API__?: string;
-    __OPSXDB_TOKEN__?: string;
-  }
-}
-
-function injectedApi(): string | undefined {
-  if (typeof window === "undefined") return undefined;
-  const v = window.__OPSXDB_API__;
-  return v ? v.replace(/\/$/, "") : undefined;
-}
-
-function injectedToken(): string {
-  if (typeof window === "undefined") return "";
-  return window.__OPSXDB_TOKEN__ ?? "";
-}
-
-/** 开发态走 Vite 代理（空串）；桌面生产包优先 sidecar 注入地址，回落默认 8788。 */
-function resolveApiBase(): string {
-  const injected = injectedApi();
-  if (injected) return injected;
-  const fromEnv = (import.meta as { env?: Record<string, string> }).env?.VITE_OPSXDB_API;
-  if (fromEnv) return fromEnv.replace(/\/$/, "");
-  if (typeof window === "undefined") return "";
-  const { protocol, hostname, port } = window.location;
-  if (protocol === "tauri:" || hostname === "tauri.localhost" || hostname === "localhost" && port === "") {
-    return "http://127.0.0.1:8788";
-  }
-  return "";
-}
-
-const API = resolveApiBase();
-
-/** C2:token 存在时统一带 Authorization 头；token 为空（本机 dev）行为不变 */
-function authHeaders(): Record<string, string> {
-  const token = injectedToken();
-  return token ? { Authorization: `Bearer ${token}` } : {};
-}
-
-async function post<T>(path: string, body: unknown, signal?: AbortSignal): Promise<T> {
-  const res = await fetch(`${API}${path}`, {
-    method: "POST",
-    headers: { "Content-Type": "application/json", ...authHeaders() },
-    body: JSON.stringify(body),
-    signal,
-  });
-  const data = await res.json().catch(() => ({}));
-  if (!res.ok) {
-    throw new Error((data as { error?: string }).error || res.statusText || "request failed");
-  }
-  return data as T;
-}
-
-async function get<T>(path: string, signal?: AbortSignal): Promise<T> {
-  const res = await fetch(`${API}${path}`, { headers: { ...authHeaders() }, signal });
-  const data = await res.json().catch(() => ({}));
-  if (!res.ok) {
-    throw new Error((data as { error?: string }).error || res.statusText || "request failed");
-  }
-  return data as T;
-}
-
-export type ConnBody = {
-  driver?: string;
-  host?: string;
-  port?: number;
-  user?: string;
-  password?: string;
-  database?: string;
-  service?: string;
-  ssl?: boolean;
-  sslMode?: string;
-  sslCA?: string;
-  sslCert?: string;
-  sslKey?: string;
-  sessionId?: string;
-  sql?: string;
-  table?: string;
-  limit?: number;
-  /** E1:执行请求标识,配合 POST /api/db/cancel 取消在途语句 */
-  requestId?: string;
-  /** E2:单语句执行超时(毫秒),0/缺省 = 服务端默认不额外限制 */
-  timeoutMs?: number;
-  /** E6:对象搜索关键字 */
-  keyword?: string;
-  /** E7:服务端导出格式 */
-  format?: string;
-  /** C5:结果分页,跳过前 offset 行 */
-  offset?: number;
-  /** C1:前端已完成危险语句确认后重发时置 true */
-  confirmDanger?: boolean;
-  key?: string;
-  pattern?: string;
-  cursor?: number;
-  redisMode?: string;
-  redisNodes?: string;
-  masterName?: string;
-  sentinelPassword?: string;
-  sshEnabled?: boolean;
-  sshHost?: string;
-  sshPort?: number;
-  sshUser?: string;
-  sshAuth?: string;
-  sshPassword?: string;
-  sshPrivateKey?: string;
-  sshPassphrase?: string;
-};
-
-export function fullConnPayload(c: SavedConnection): ConnBody {
-  const sslOn = !!(c.ssl || (c.sslMode && c.sslMode !== "disable"));
-  return {
-    driver: c.driver,
-    host: c.host,
-    port: c.port,
-    user: c.user,
-    password: decodeSecret(c.password),
-    database: c.database,
-    service: c.service,
-    ssl: sslOn,
-    sslMode: sslOn ? (c.sslMode && c.sslMode !== "disable" ? c.sslMode : "require") : "disable",
-    sslCA: c.sslCA || "",
-    sslCert: c.sslCert || "",
-    sslKey: c.sslKey || "",
-    redisMode: c.redisMode || "standalone",
-    redisNodes: c.redisNodes || "",
-    masterName: c.masterName || "",
-    sentinelPassword: c.sentinelPassword ? decodeSecret(c.sentinelPassword) : "",
-    sshEnabled: !!c.sshEnabled,
-    sshHost: c.sshHost,
-    sshPort: c.sshPort,
-    sshUser: c.sshUser,
-    sshAuth: c.sshAuth,
-    sshPassword: c.sshPassword ? decodeSecret(c.sshPassword) : "",
-    sshPrivateKey: c.sshPrivateKey,
-    sshPassphrase: c.sshPassphrase ? decodeSecret(c.sshPassphrase) : "",
-  };
-}
-
-export function sessionPayload(c: SavedConnection, sessionId: string, extra?: Partial<ConnBody>): ConnBody {
-  return {
-    sessionId,
-    database: extra?.database ?? c.database,
-    sql: extra?.sql,
-    table: extra?.table,
-    limit: extra?.limit,
-    offset: extra?.offset,
-    confirmDanger: extra?.confirmDanger,
-    key: extra?.key,
-    pattern: extra?.pattern,
-    service: extra?.service ?? c.service,
-    requestId: extra?.requestId,
-    timeoutMs: extra?.timeoutMs,
-    keyword: extra?.keyword,
-    format: extra?.format,
-  };
-}
-
-export async function testConnection(c: SavedConnection) {
-  return post<{ ok: boolean; message?: string }>("/api/db/test-connection", fullConnPayload(c));
-}
-
-export async function openSession(c: SavedConnection) {
-  return post<{ ok: boolean; sessionId: string; message?: string }>("/api/db/open", fullConnPayload(c));
-}
-
-export async function closeSession(sessionId: string) {
-  return post<{ ok: boolean }>("/api/db/close", { sessionId });
-}
-
-function body(c: SavedConnection, sessionId: string | undefined, extra?: Partial<ConnBody>): ConnBody {
-  if (sessionId) return sessionPayload(c, sessionId, extra);
-  return { ...fullConnPayload(c), ...extra };
-}
-
-export async function listDatabases(c: SavedConnection, sessionId?: string) {
-  return post<{ databases: string[] }>("/api/db/databases", body(c, sessionId));
-}
-
-/**
- * C8:schema 缓存 —— connId → database → table → columns。
- * listTables/listColumns 成功时写入,供 SqlEditor 补全与 AiPanel 上下文注入共用。
- */
-const schemaCache = new Map<string, Map<string, Map<string, ColumnInfo[]>>>();
-
-function cacheTables(connId: string, db: string, tables: string[]) {
-  let dbMap = schemaCache.get(connId);
-  if (!dbMap) {
-    dbMap = new Map();
-    schemaCache.set(connId, dbMap);
-  }
-  let tblMap = dbMap.get(db);
-  if (!tblMap) {
-    tblMap = new Map();
-    dbMap.set(db, tblMap);
-  }
-  for (const t of tables) {
-    if (!tblMap.has(t)) tblMap.set(t, []);
-  }
-}
-
-function cacheColumns(connId: string, db: string, table: string, columns: ColumnInfo[]) {
-  let dbMap = schemaCache.get(connId);
-  if (!dbMap) {
-    dbMap = new Map();
-    schemaCache.set(connId, dbMap);
-  }
-  let tblMap = dbMap.get(db);
-  if (!tblMap) {
-    tblMap = new Map();
-    dbMap.set(db, tblMap);
-  }
-  tblMap.set(table, columns);
-}
-
-/** 连接关闭/删除后丢弃其缓存,避免跨连接串数据 */
-export function dropSchemaCache(connId: string) {
-  schemaCache.delete(connId);
-}
-
-/** SqlEditor 补全数据源:已加载的表与列 */
-export function getCachedSchema(
-  connId: string | null | undefined,
-): Map<string, Map<string, ColumnInfo[]>> | null {
-  if (!connId) return null;
-  return schemaCache.get(connId) ?? null;
-}
-
-/**
- * AiPanel 上下文注入:把已加载的库表列拼成文本,按 connId 隔离,截断 4000 字符。
- * 优先输出当前库,其余库只列库.表名。
- */
-export function schemaContextFor(connId: string | null | undefined, currentDb?: string): string {
-  const dbMap = connId ? schemaCache.get(connId) : undefined;
-  if (!dbMap || dbMap.size === 0) return "";
-  const MAX = 4000;
-  const lines: string[] = [];
-  const dbs = [...dbMap.keys()].sort((a, b) => {
-    if (a === currentDb) return -1;
-    if (b === currentDb) return 1;
-    return a.localeCompare(b);
-  });
-  for (const db of dbs) {
-    const tblMap = dbMap.get(db)!;
-    for (const [table, cols] of tblMap) {
-      const colText = cols.length
-        ? `(${cols.map((c) => `${c.name} ${c.type}`.trim()).join(", ")})`
-        : "";
-      lines.push(`${db}.${table}${colText}`);
-      if (lines.join("\n").length > MAX) {
-        return lines.join("\n").slice(0, MAX);
-      }
-    }
-  }
-  return lines.join("\n").slice(0, MAX);
-}
-
-export async function listTables(c: SavedConnection, database: string, sessionId?: string) {
-  const res = await post<{ tables: string[] }>("/api/db/tables", body(c, sessionId, { database }));
-  if (Array.isArray(res.tables)) cacheTables(c.id, database, res.tables);
-  return res;
-}
-
-export async function listColumns(c: SavedConnection, database: string, table: string, sessionId?: string) {
-  const res = await post<{ columns: ColumnInfo[] }>("/api/db/columns", body(c, sessionId, { database, table }));
-  if (Array.isArray(res.columns)) cacheColumns(c.id, database, table, res.columns);
-  return res;
-}
-
-/** E1:最近一次 execSql 的 requestId,供 cancelExec() 取消在途语句 */
-let lastExecRequestId: string | undefined;
-
-export async function execSql(
-  c: SavedConnection,
-  sql: string,
-  opts?: {
-    database?: string;
-    sessionId?: string;
-    limit?: number;
-    offset?: number;
-    confirmDanger?: boolean;
-    /** E2:单语句执行超时(毫秒),0/缺省 = 不额外限制 */
-    timeoutMs?: number;
-    signal?: AbortSignal;
-  },
-) {
-  // E1:每次执行生成独立 requestId(模块级记录最后一次),取消端点按 id 精准取消
-  const requestId = crypto.randomUUID();
-  lastExecRequestId = requestId;
-  return post<QueryResult>(
-    "/api/db/exec",
-    body(c, opts?.sessionId, {
-      sql,
-      database: opts?.database || c.database,
-      limit: opts?.limit,
-      offset: opts?.offset,
-      confirmDanger: opts?.confirmDanger,
-      requestId,
-      timeoutMs: opts?.timeoutMs,
-    }),
-    opts?.signal,
-  );
-}
-
-/**
- * E1:取消最近一次执行 —— fire-and-forget 调 POST /api/db/cancel。
- * 与前端 abort 互补:服务端收到取消后释放连接/杀查询,错误一律吞掉。
- */
-export function cancelExec(): void {
-  const rid = lastExecRequestId;
-  if (!rid) return;
-  void fetch(`${API}/api/db/cancel`, {
-    method: "POST",
-    headers: { "Content-Type": "application/json", ...authHeaders() },
-    body: JSON.stringify({ requestId: rid }),
-  }).catch(() => {
-    /* 取消失败不影响本地中止流程 */
-  });
-}
-
-/** E5:查看表/视图 DDL(方言差异由服务端处理) */
-export async function getDdl(
-  c: SavedConnection,
-  table: string,
-  opts?: { database?: string; sessionId?: string },
-) {
-  return post<{ ddl?: string; error?: string }>(
-    "/api/db/ddl",
-    body(c, opts?.sessionId, { table, database: opts?.database || c.database }),
-  );
-}
-
-export type SearchObjectHit = { schema: string; name: string; type: "table" | "view" };
-
-/** E6:跨库对象搜索(服务端 LIKE,大小写策略由驱动决定) */
-export async function searchObjects(
-  c: SavedConnection,
-  keyword: string,
-  opts?: { database?: string; sessionId?: string },
-) {
-  return post<{ results: SearchObjectHit[]; error?: string }>(
-    "/api/db/search",
-    body(c, opts?.sessionId, { keyword, database: opts?.database || c.database }),
-  );
-}
-
-export type ExportRequest = {
-  format: "csv" | "json" | "insert";
-  /** 自定义查询导出(单条 SELECT);命中危险/非 SELECT 时服务端返回 needConfirm */
-  sql?: string;
-  /** 整表导出 */
-  table?: string;
-  limit?: number;
-  database?: string;
-  sessionId?: string;
-  /** C1:危险确认二段流重发时置 true */
-  confirmDanger?: boolean;
-};
-
-/** E7 服务端导出失败:Error 上挂 needConfirm,由调用侧弹二段确认后重发 */
-export type ExportError = Error & { needConfirm?: boolean };
-
-/**
- * E7:服务端导出 —— 文件流下载(Content-Disposition attachment)。
- * 返回 blob 与解析出的文件名;失败时抛 ExportError(needConfirm=true 表示需二段确认)。
- */
-export async function exportData(c: SavedConnection, opts: ExportRequest): Promise<{ blob: Blob; filename?: string }> {
-  const res = await fetch(`${API}/api/db/export`, {
-    method: "POST",
-    headers: { "Content-Type": "application/json", ...authHeaders() },
-    body: JSON.stringify(
-      body(c, opts.sessionId, {
-        format: opts.format,
-        sql: opts.sql,
-        table: opts.table,
-        limit: opts.limit,
-        database: opts.database || c.database,
-        confirmDanger: opts.confirmDanger,
-      }),
-    ),
-  });
-  if (!res.ok) {
-    const data = await res.json().catch(() => ({}));
-    const err = new Error((data as { error?: string }).error || res.statusText || "导出失败") as ExportError;
-    if ((data as { needConfirm?: boolean }).needConfirm) err.needConfirm = true;
-    throw err;
-  }
-  const cd = res.headers.get("Content-Disposition") || "";
-  const m = /filename\*?=(?:UTF-8''|\")?([^";]+)/i.exec(cd);
-  const filename = m ? decodeURIComponent(m[1].replace(/"$/, "").trim()) : undefined;
-  const blob = await res.blob();
-  return { blob, filename };
-}
-
-/** C3:服务端专用执行计划端点(方言包装在服务端完成,前端不再拼 EXPLAIN) */
-export type ExplainResult = {
-  columns?: string[];
-  rows?: Record<string, unknown>[];
-  /** MSSQL SHOWPLAN_XML / Oracle 文本计划 */
-  text?: string;
-  timeMs: number;
-  error?: string;
-};
-
-export async function explainSql(
-  c: SavedConnection,
-  sql: string,
-  opts?: { database?: string; sessionId?: string; signal?: AbortSignal },
-) {
-  return post<ExplainResult>(
-    "/api/db/explain",
-    body(c, opts?.sessionId, { sql, database: opts?.database || c.database }),
-    opts?.signal,
-  );
-}
-
-
-export type RedisKeyInfo = { name: string; type: string; ttl: number };
-
-export type RedisKeysResult = {
-  keys: RedisKeyInfo[];
-  truncated?: boolean;
-  timeMs?: number;
-  error?: string;
-};
-
-export type RedisKeyValue = {
-  name: string;
-  type: string;
-  ttl: number;
-  columns: string[];
-  rows: Record<string, unknown>[];
-  rowCount: number;
-  timeMs: number;
-  truncated?: boolean;
-  limit?: number;
-  /** >0 表示还有更多；续载时作为 cursor 回传 */
-  nextCursor?: number;
-  error?: string;
-};
-
-export async function listRedisKeys(
-  c: SavedConnection,
-  database: string,
-  opts?: { sessionId?: string; pattern?: string; limit?: number },
-) {
-  return post<RedisKeysResult>(
-    "/api/db/redis/keys",
-    body(c, opts?.sessionId, { database, pattern: opts?.pattern, limit: opts?.limit, driver: c.driver }),
-  );
-}
-
-export async function getRedisKey(
-  c: SavedConnection,
-  database: string,
-  key: string,
-  opts?: { sessionId?: string; limit?: number; cursor?: number },
-) {
-  return post<RedisKeyValue>(
-    "/api/db/redis/key",
-    body(c, opts?.sessionId, { database, key, table: key, limit: opts?.limit, cursor: opts?.cursor, driver: c.driver }),
-  );
-}
-
-export async function deleteRedisKey(
-  c: SavedConnection,
-  database: string,
-  key: string,
-  opts?: { sessionId?: string },
-) {
-  return post<QueryResult>(
-    "/api/db/redis/key/delete",
-    body(c, opts?.sessionId, { database, key, table: key, driver: c.driver }),
-  );
-}
-
-/** 目录（前缀）批量删除：pattern 如 `agent:*`；后端 SCAN+UNLINK，拒全库与超上限 */
-export async function deleteRedisPattern(
-  c: SavedConnection,
-  database: string,
-  pattern: string,
-  opts?: { sessionId?: string },
-) {
-  return post<{ deleted: number; scanned: number; truncated: boolean; error?: string; timeMs?: number }>(
-    "/api/db/redis/del-pattern",
-    body(c, opts?.sessionId, { database, pattern, driver: c.driver }),
-  );
-}
-
-
-export async function loadTree(c: SavedConnection, sessionId?: string): Promise<TreeNode[]> {
-  const { databases } = await listDatabases(c, sessionId);
-  return databases.map((name) => ({ name, kind: "database" as const }));
-}
-
-export type AiAction =
-  | "ask"
-  | "generate"
-  | "explain"
-  | "optimize"
-  | "fix"
-  | "dialect"
-  | "sample";
-
-export async function callAi(payload: {
-  action: AiAction;
-  prompt?: string;
-  sql?: string;
-  driver?: string;
-  database?: string;
-  error?: string;
-  /** C4/C8:前端注入的库表列上下文(截断 4000 字符) */
-  schema?: string;
-  model?: string;
-}) {
-  return post<{ content: string; sql?: string }>("/api/ai/chat", payload);
-}
-
-/** C4:AI 配置(key 脱敏,只回掩码与是否已配置) */
-export type AiConfig = {
-  provider: string;
-  baseURL: string;
-  model: string;
-  hasKey: boolean;
-  apiKey?: string;
-};
-
-export async function getAiConfig(signal?: AbortSignal) {
-  return get<AiConfig>("/api/ai/config", signal);
-}
-
-export async function saveAiConfig(cfg: { provider: string; baseURL: string; apiKey?: string; model: string }) {
-  return post<{ ok: boolean }>("/api/ai/config", cfg);
-}
-
-export async function health() {
-  const res = await fetch(`${API}/api/health`, { headers: { ...authHeaders() } });
-  if (!res.ok) throw new Error(`health ${res.status}`);
-  return res.json();
-}
-
-/** fetch AbortController / DOMException AbortError */
-export function isAbortError(e: unknown): boolean {
-  if (!e || typeof e !== "object") return false;
-  const name = (e as { name?: string }).name;
-  if (name === "AbortError") return true;
-  const msg = e instanceof Error ? e.message : String(e);
-  return /aborted|abort/i.test(msg) && !/session/i.test(msg);
-}
-
-// ---------- 驱动管理（agent 驱动） ----------
-
-export type DriverJarStatus = { file: string; size: number; installed: boolean };
-
-export type DriverStatusItem = {
-  id: string;
-  label: string;
-  runtime: string;
-  license: string;
-  autoFetch: boolean;
-  jars: DriverJarStatus[];
-  allInstalled: boolean;
-  jdkRequired: boolean;
-  jdkOk: boolean;
-  javaVersion: string;
-  agentInstalled: boolean;
-  offlinePack: boolean;
-};
-
-export async function driverStatus() {
-  const res = await fetch(`${API}/api/drivers/status`);
-  const data = await res.json().catch(() => ({}));
-  if (!res.ok) throw new Error((data as { error?: string }).error || res.statusText);
-  return (data as { drivers: DriverStatusItem[] }).drivers;
-}
-
-export async function driverInstall(driver: string) {
-  return post<{ ok: boolean; error?: string; drivers?: DriverStatusItem[] }>("/api/drivers/install", { driver });
-}
-
-export async function driverImportOffline(file: File) {
-  const form = new FormData();
-  form.append("file", file);
-  const res = await fetch(`${API}/api/drivers/import`, { method: "POST", body: form });
-  const data = await res.json().catch(() => ({}));
-  if (!res.ok) throw new Error((data as { error?: string }).error || res.statusText);
-  return data as { ok: boolean; error?: string; imported?: number; drivers?: DriverStatusItem[] };
-}
diff --git a/packages/ui/src/catalog.ts b/packages/ui/src/catalog.ts
deleted file mode 100644
index c9fd6fd..0000000
--- a/packages/ui/src/catalog.ts
+++ /dev/null
@@ -1,183 +0,0 @@
-import registry from "../../../connection-types/connection-types.json";
-
-/**
- * 驱动目录 §3.11:单一事实来源是 connection-types/connection-types.json(运行时 import),
- * 本文件只做类型收敛与查询辅助。新增驱动请先改 JSON(Go 侧 open.go 分发表仍需手工同步)。
- */
-export type DriverId =
-  | "mysql"
-  | "mariadb"
-  | "tidb"
-  | "postgresql"
-  | "sqlserver"
-  | "oracle"
-  | "sqlite"
-  | "mongodb"
-  | "redis"
-  | "elasticsearch"
-  | "zookeeper"
-  | "influxdb"
-  | "dameng"
-  | "oceanbase"
-  | "gaussdb"
-  | "opengauss" // 服务端族接受此 id（老数据/URL 粘贴兼容），选择器与 gaussdb 合并展示
-  | "polardb"
-  | "tdsql"
-  | "kingbase";
-
-export type DriverCategory = "关系型" | "NoSQL" | "国产库" | "时序/搜索" | "全部";
-
-export type FormKind = "standard" | "file" | "redis" | "oracle";
-
-export type DriverDef = {
-  id: DriverId;
-  name: string;
-  category: Exclude<DriverCategory, "全部">;
-  defaultPort: number;
-  color: string;
-  icon?: string;
-  mysqlCompat?: boolean;
-  ready?: boolean;
-  /** 是否已在 docker 验收矩阵验收;false 时引擎列表显示「未验收」徽标 */
-  verified?: boolean;
-  /** 未验收/未就绪说明 */
-  notes?: string;
-  formKind?: FormKind;
-  hints?: { host?: string; port?: string; user?: string; database?: string };
-};
-
-type RegistryEntry = {
-  id: string;
-  label: string;
-  category: Exclude<DriverCategory, "全部">;
-  form?: FormKind;
-  ready?: boolean;
-  verified?: boolean;
-  notes?: string;
-  defaultPort?: number;
-  mysqlCompat?: boolean;
-  color?: string;
-  icon?: string;
-  hints?: { host?: string; port?: string; user?: string; database?: string };
-};
-
-export const DRIVERS: DriverDef[] = (registry.types as RegistryEntry[]).map((t) => ({
-  id: t.id as DriverId,
-  name: t.label,
-  category: t.category,
-  defaultPort: t.defaultPort ?? 0,
-  color: t.color ?? "#64748b",
-  icon: t.icon,
-  mysqlCompat: t.mysqlCompat,
-  ready: t.ready,
-  verified: t.verified,
-  notes: t.notes,
-  formKind: t.form,
-  hints: t.hints,
-}));
-
-export const CATEGORIES: DriverCategory[] = ["全部", "关系型", "NoSQL", "国产库", "时序/搜索"];
-
-export function driverById(id: string) {
-  return DRIVERS.find((d) => d.id === id);
-}
-
-export function isDriverReady(id: string) {
-  const d = driverById(id);
-  return !!(d?.ready || d?.mysqlCompat);
-}
-
-export function formKindOf(id: string): FormKind {
-  return driverById(id)?.formKind ?? "standard";
-}
-
-// ---------- 驱动能力模型 ----------
-// 对象树分组 / 右键菜单 / 行编辑等按驱动开关，禁止名不副实的功能展示
-// （如 ES 挂「存储过程」、ZK 节点提供「删除表」）。
-
-export type TreeGroupKind = "tables" | "views" | "procedures" | "functions";
-
-export type DriverCaps = {
-  /** 库节点下展示哪些分组；空数组 = 该驱动无分组概念（走特殊树） */
-  treeGroups: TreeGroupKind[];
-  /** 分组显示别名（如 ES 的 tables →「索引」） */
-  groupLabel: Partial<Record<TreeGroupKind, string>>;
-  /** 对象节点可展开查看字段（列） */
-  columns: boolean;
-  /** 右键「查看 DDL」 */
-  ddl: boolean;
-  /** 右键「清空/截断」 */
-  truncate: boolean;
-  /** 右键「删除对象」（表/集合/索引…） */
-  dropObject: boolean;
-  /** 库节点「设为默认库」 */
-  setDefaultDb: boolean;
-};
-
-const ALL_GROUPS: TreeGroupKind[] = ["tables", "views", "procedures", "functions"];
-
-/** 全能力 SQL 库（含达梦：JDBC 元数据全支持） */
-const SQL_CAPS: DriverCaps = {
-  treeGroups: ALL_GROUPS,
-  groupLabel: {},
-  columns: true,
-  ddl: true,
-  truncate: true,
-  dropObject: true,
-  setDefaultDb: true,
-};
-
-/** 只读 flat 对象树（无分组包装，对象直挂库节点）的 NoSQL 驱动 */
-function readonlyCaps(columns: boolean): DriverCaps {
-  return {
-    treeGroups: [], // flat：ES 索引/Mongo 集合/Influx measurement/ZK 子节点 直挂库节点
-    groupLabel: {},
-    columns,
-    ddl: false,
-    truncate: false,
-    dropObject: false,
-    setDefaultDb: false,
-  };
-}
-
-export function driverCaps(driver: string): DriverCaps {
-  const d = (driver || "").toLowerCase();
-  switch (d) {
-    case "mysql":
-    case "mariadb":
-    case "tidb":
-    case "oceanbase":
-    case "polardb":
-    case "tdsql":
-    case "postgresql":
-    case "postgres":
-    case "gaussdb":
-    case "opengauss":
-    case "kingbase":
-    case "sqlserver":
-    case "mssql":
-    case "oracle":
-    case "dameng":
-      return SQL_CAPS;
-    case "sqlite":
-      // SQLite 无存储过程/函数/TRUNCATE；有视图与 DROP TABLE
-      return { ...SQL_CAPS, treeGroups: ["tables", "views"], truncate: false };
-    case "elasticsearch":
-      // ES SQL 只读：索引≈表；无 DDL/写操作/默认库
-      return readonlyCaps(true);
-    case "influxdb":
-      // bucket→measurement；字段可探（Flux fieldKeys），只读
-      return readonlyCaps(true);
-    case "mongodb":
-      // 库→集合；抽样字段；写操作走 DSL 编辑器而非树右键
-      return readonlyCaps(true);
-    case "zookeeper":
-      // 路径→子节点；节点数据靠双击 GET；无列概念
-      return readonlyCaps(false);
-    case "redis":
-      // Redis 走专属键树（buildRedisKeyTree），这里全关兜底
-      return { treeGroups: [], groupLabel: {}, columns: false, ddl: false, truncate: false, dropObject: false, setDefaultDb: false };
-    default:
-      return readonlyCaps(false);
-  }
-}
diff --git a/packages/ui/src/dialogs.ts b/packages/ui/src/dialogs.ts
deleted file mode 100644
index 1687476..0000000
--- a/packages/ui/src/dialogs.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-/**
- * 模块级输入对话框(C6 契约)
- *
- * 独立于 store.ts(避免与 WS-C 文件冲突):内部维护一个微型订阅队列,
- * 由 NotifyHost 内嵌的 DialogHost 订阅并以 OpsModal input 变体渲染。
- * 业务侧只需 `const name = await askInput({ title: "分组名称" })`,
- * 确认返回输入字符串,Esc/取消返回 null(替代 WKWebView 下返回 null 的 window.prompt)。
- */
-import { useSyncExternalStore } from "react";
-
-export type AskInputOptions = {
-  title: string;
-  label?: string;
-  defaultValue?: string;
-  placeholder?: string;
-};
-
-type InputRequest = AskInputOptions & {
-  /** 递增 id,供渲染侧作 React key(连续请求时强制重挂,重置输入框状态) */
-  id: number;
-  resolve: (value: string | null) => void;
-};
-
-// 请求队列:允许连续发起多个 askInput,逐个展示
-let queue: InputRequest[] = [];
-let nextId = 1;
-const listeners = new Set<() => void>();
-
-function emit() {
-  listeners.forEach((l) => l());
-}
-
-/** C6 契约:弹出令牌化输入框,确认返回值 / Esc 或取消返回 null */
-export function askInput(opts: AskInputOptions): Promise<string | null> {
-  return new Promise((resolve) => {
-    queue = [...queue, { ...opts, id: nextId++, resolve }];
-    emit();
-  });
-}
-
-function subscribe(listener: () => void): () => void {
-  listeners.add(listener);
-  return () => {
-    listeners.delete(listener);
-  };
-}
-
-function getSnapshot(): InputRequest | null {
-  return queue[0] ?? null;
-}
-
-/** 内部:NotifyHost 的 DialogHost 订阅当前待处理的输入请求 */
-export function useInputRequest(): InputRequest | null {
-  return useSyncExternalStore(subscribe, getSnapshot);
-}
-
-/** 内部:消费当前请求(确认传值,取消传 null),并出队下一个 */
-export function settleInputRequest(value: string | null) {
-  const [cur, ...rest] = queue;
-  queue = rest;
-  cur?.resolve(value);
-  emit();
-}
diff --git a/packages/ui/src/driverIconUrls.ts b/packages/ui/src/driverIconUrls.ts
deleted file mode 100644
index 8d54775..0000000
--- a/packages/ui/src/driverIconUrls.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-/** Vite-bundled driver icons — works in Tauri/web without depending on /public path. */
-const modules = import.meta.glob("../assets/databases/*.{svg,png}", {
-  eager: true,
-  query: "?url",
-  import: "default",
-}) as Record<string, string>;
-
-function fileKey(path: string): string {
-  const base = path.split("/").pop() ?? path;
-  return base.replace(/\.(svg|png)$/i, "").toLowerCase();
-}
-
-/** id → bundled asset URL */
-export const DRIVER_ICON_URLS: Record<string, string> = {};
-for (const [path, url] of Object.entries(modules)) {
-  DRIVER_ICON_URLS[fileKey(path)] = url;
-}
-
-/** Resolve catalog icon path or id to a loadable URL. */
-export function resolveDriverIconUrl(id: string, icon?: string): string | undefined {
-  const byId = DRIVER_ICON_URLS[id.toLowerCase()];
-  if (byId) return byId;
-  if (!icon) return undefined;
-  const m = icon.match(/\/([^/]+)\.(svg|png)$/i);
-  if (m) {
-    const byFile = DRIVER_ICON_URLS[m[1].toLowerCase()];
-    if (byFile) return byFile;
-  }
-  // last resort: absolute/public path (web dev)
-  return icon;
-}
diff --git a/packages/ui/src/dsn.ts b/packages/ui/src/dsn.ts
deleted file mode 100644
index 7ff6ae8..0000000
--- a/packages/ui/src/dsn.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import type { DriverId } from "./catalog";
-import { driverById } from "./catalog";
-
-const PROTO: Record<string, DriverId> = {
-  mysql: "mysql",
-  mariadb: "mariadb",
-  postgres: "postgresql",
-  postgresql: "postgresql",
-  redis: "redis",
-  sqlite: "sqlite",
-  file: "sqlite",
-  sqlserver: "sqlserver",
-  mssql: "sqlserver",
-  oracle: "oracle",
-  tidb: "tidb",
-  mongodb: "mongodb",
-  mongo: "mongodb",
-  oceanbase: "oceanbase",
-  gaussdb: "gaussdb",
-  opengauss: "gaussdb",
-  polardb: "polardb",
-  tdsql: "tdsql",
-  kingbase: "kingbase",
-  dameng: "dameng",
-};
-
-export type ParsedDSN = {
-  driver: DriverId;
-  host?: string;
-  port?: number;
-  user?: string;
-  password?: string;
-  database?: string;
-  ssl?: boolean;
-};
-
-/** 粘贴 mysql:// / postgres:// / redis:// / sqlite: 路径即可拆字段 */
-export function parseDSN(raw: string): ParsedDSN | null {
-  const s = raw.trim();
-  if (!s) return null;
-  if (/^[a-zA-Z]:[\\/]/.test(s) || s.startsWith("/") || s.endsWith(".db") || s.endsWith(".sqlite")) {
-    return { driver: "sqlite", database: s };
-  }
-  try {
-    const u = new URL(s.includes("://") ? s : `mysql://${s}`);
-    const proto = u.protocol.replace(":", "").toLowerCase();
-    const driver = PROTO[proto];
-    if (!driver) return null;
-    const database = decodeURIComponent(u.pathname.replace(/^\/+/, ""));
-    const port = u.port ? Number(u.port) : driverById(driver)?.defaultPort;
-    const ssl = u.searchParams.get("sslmode") === "require" || u.searchParams.get("ssl") === "true";
-    return {
-      driver,
-      host: u.hostname || undefined,
-      port: port || undefined,
-      user: decodeURIComponent(u.username || "") || undefined,
-      password: decodeURIComponent(u.password || "") || undefined,
-      database: database || undefined,
-      ssl,
-    };
-  } catch {
-    return null;
-  }
-}
diff --git a/packages/ui/src/index.ts b/packages/ui/src/index.ts
deleted file mode 100644
index 21ab4c8..0000000
--- a/packages/ui/src/index.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-export { OpsxWorkspace } from "./Workspace";
-export { useWorkspaceStore } from "./store";
-export { ConnectionPicker } from "./ConnectionPicker";
-export { ConnectionList } from "./ConnectionList";
-export { AiPanel } from "./AiPanel";
-export { DRIVERS, CATEGORIES, driverById, isDriverReady } from "./catalog";
-export type { DriverId, DriverDef, DriverCategory, FormKind } from "./catalog";
-export { NotifyHost } from "./NotifyHost";
-export { formatDbError } from "./notify";
-export { OpsModal } from "./OpsModal";
-export type { OpsModalProps, OpsModalVariant } from "./OpsModal";
-export { askInput } from "./dialogs";
-export type { AskInputOptions } from "./dialogs";
-export { DriverIcon } from "./DriverIcon";
-
-export { SchemaPane } from "./SchemaPane";
diff --git a/packages/ui/src/notify.ts b/packages/ui/src/notify.ts
deleted file mode 100644
index 7834bcb..0000000
--- a/packages/ui/src/notify.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-/** Format raw DB / API errors into a brief in-app dialog payload. */
-
-export type NotifyKind = "error" | "warning" | "info" | "success";
-
-export type NotifyPayload = {
-  id: string;
-  kind: NotifyKind;
-  title: string;
-  message: string;
-  detail?: string;
-  tips?: string[];
-  /** auto-dismiss ms for toast mode; modal stays until closed */
-  mode: "modal" | "toast";
-  durationMs?: number;
-};
-
-type Parsed = {
-  kind: NotifyKind;
-  title: string;
-  message: string;
-  detail?: string;
-  tips?: string[];
-};
-
-export function formatDbError(raw: unknown): Parsed {
-  const text = raw instanceof Error ? raw.message : String(raw ?? "未知错误");
-  const lower = text.toLowerCase();
-
-  // MySQL / MariaDB Access denied
-  if (/error\s*1045|access denied for user/i.test(text)) {
-    const noPassword = /using password:\s*NO/i.test(text);
-    return {
-      kind: "error",
-      title: "认证失败",
-      message: noPassword ? "未填密码，服务器拒绝空密码登录。" : "用户名或密码错误，或主机无权访问。",
-      detail: text,
-    };
-  }
-
-  if (/error\s*2003|can't connect|connection refused|econnrefused/i.test(text) || lower.includes("connect")) {
-    if (/refused|2003|econnrefused|timed out|timeout|unreachable/i.test(text)) {
-      return {
-        kind: "error",
-        title: "无法连接",
-        message: "主机不可达，或端口未开 / 服务未启动。",
-        detail: text,
-      };
-    }
-  }
-
-  if (/error\s*1049|unknown database/i.test(text)) {
-    return {
-      kind: "error",
-      title: "库不存在",
-      message: "数据库名不正确；可留空连接后再选。",
-      detail: text,
-    };
-  }
-
-  if (/驱动开发中/.test(text)) {
-    return {
-      kind: "warning",
-      title: "驱动开发中",
-      message: text,
-    };
-  }
-
-  if (/开发中/.test(text)) {
-    return {
-      kind: "info",
-      title: "即将推出",
-      message: text.replace(/：开发中$/, "功能开发中。"),
-    };
-  }
-
-  return {
-    kind: "error",
-    title: "操作失败",
-    message: text.length > 120 ? "发生错误，详见详情。" : text,
-    detail: text.length > 120 ? text : undefined,
-  };
-}
-
-export function notifyId() {
-  return crypto.randomUUID();
-}
diff --git a/packages/ui/src/redis.test.ts b/packages/ui/src/redis.test.ts
deleted file mode 100644
index f4da011..0000000
--- a/packages/ui/src/redis.test.ts
+++ /dev/null
@@ -1,119 +0,0 @@
-import { describe, expect, it } from "vitest";
-import {
-  buildRedisKeyTree,
-  createKeyCommand,
-  isDangerousRedis,
-  quoteRedisArg,
-  redisCmd,
-  redisLeafLabel,
-  removeRedisKeyFromTree,
-  splitRedisCommands,
-  tryPrettyJson,
-  tsLabel,
-} from "./redis";
-
-describe("buildRedisKeyTree", () => {
-  it("按 : 编文件夹，叶子保留全名", () => {
-    const tree = buildRedisKeyTree(
-      [
-        { name: "CEX:FOLLOW:FOLLOWERS:FUTURE:97865651", type: "hash", ttl: -1 },
-        { name: "CEX:FOLLOW:TRADERS:1", type: "hash", ttl: -1 },
-        { name: "LANG", type: "string", ttl: 12 },
-      ],
-      ":",
-    );
-    expect(tree.map((n) => n.name)).toEqual(["CEX", "LANG"]);
-    const cex = tree[0];
-    expect(cex.kind).toBe("folder");
-    expect(cex.count).toBe(2);
-    expect(cex.fullName).toBe("CEX:");
-    const follow = cex.children?.[0];
-    expect(follow?.name).toBe("FOLLOW");
-    const leaves = (follow?.children ?? []).flatMap((n) =>
-      n.kind === "folder" ? n.children ?? [] : [n],
-    );
-    expect(leaves.some((n) => n.name === "CEX:FOLLOW:TRADERS:1")).toBe(true);
-  });
-
-  it("无分隔符时保持扁平", () => {
-    const tree = buildRedisKeyTree(
-      [
-        { name: "alpha", type: "string", ttl: -1 },
-        { name: "beta", type: "hash", ttl: 3 },
-      ],
-      ":",
-    );
-    expect(tree.every((n) => n.kind === "key")).toBe(true);
-    expect(tree.map((n) => n.name)).toEqual(["alpha", "beta"]);
-  });
-
-  it("删除键后收起空文件夹", () => {
-    const tree = buildRedisKeyTree(
-      [
-        { name: "a:b:c", type: "string", ttl: -1 },
-        { name: "a:x", type: "string", ttl: -1 },
-      ],
-      ":",
-    );
-    const next = removeRedisKeyFromTree(tree, "a:b:c");
-    expect(next).toHaveLength(1);
-    expect(next[0].kind).toBe("folder");
-    expect(next[0].count).toBe(1);
-    expect(next[0].children?.[0].name).toBe("a:x");
-  });
-});
-
-describe("quote / cmd", () => {
-  it("空白与引号转义", () => {
-    expect(quoteRedisArg("abc")).toBe("abc");
-    expect(quoteRedisArg("a b")).toBe('"a b"');
-    expect(quoteRedisArg('say "hi"')).toBe('"say \\"hi\\""');
-    expect(redisCmd("SET", "k", "v w")).toBe('SET k "v w"');
-  });
-  it("新建键命令", () => {
-    expect(createKeyCommand("string", "demo", "x")).toBe("SET demo x");
-    expect(createKeyCommand("hash", "h", "v")).toBe("HSET h field v");
-  });
-});
-
-describe("splitRedisCommands", () => {
-  it("按行切，跳过空行和 # 注释", () => {
-    const parts = splitRedisCommands("GET a\n\n# skip\nHGETALL b");
-    expect(parts.map((p) => p.text)).toEqual(["GET a", "HGETALL b"]);
-  });
-  it("不把分号当分隔", () => {
-    const parts = splitRedisCommands('SET k "a;b"');
-    expect(parts).toHaveLength(1);
-    expect(parts[0].text).toBe('SET k "a;b"');
-  });
-});
-
-describe("misc", () => {
-  it("危险命令", () => {
-    expect(isDangerousRedis("FLUSHALL")).toBe(true);
-    expect(isDangerousRedis("GET k")).toBe(false);
-    expect(isDangerousRedis("keys *")).toBe(true);
-  });
-  it("JSON 美化", () => {
-    expect(tryPrettyJson('{"a":1}')).toBe('{\n  "a": 1\n}');
-    expect(tryPrettyJson("not-json")).toBeNull();
-  });
-  it("leaf label", () => {
-    expect(redisLeafLabel("a:b:c", ":")).toBe("c");
-    expect(redisLeafLabel("plain", ":")).toBe("plain");
-  });
-});
-
-describe("tsLabel", () => {
-  it("毫秒时间戳给可读时间", () => {
-    expect(tsLabel(1782230400000)).toMatch(/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/);
-  });
-  it("秒时间戳给可读时间", () => {
-    expect(tsLabel(1782230400)).toMatch(/^\d{4}-/);
-  });
-  it("普通数字/非法值不误判", () => {
-    expect(tsLabel(10)).toBeNull();
-    expect(tsLabel(77777777777777)).toBeNull();
-    expect(tsLabel(Number.NaN)).toBeNull();
-  });
-});
diff --git a/packages/ui/src/redis.ts b/packages/ui/src/redis.ts
deleted file mode 100644
index 360530c..0000000
--- a/packages/ui/src/redis.ts
+++ /dev/null
@@ -1,280 +0,0 @@
-import type { TreeNode } from "./store";
-
-export type RedisKeyMeta = { name: string; type: string; ttl: number };
-
-/** 类型点颜色，对齐常见 Redis GUI */
-export function redisTypeColor(type?: string): string {
-  switch ((type || "").toLowerCase()) {
-    case "string":
-      return "#22c55e";
-    case "hash":
-      return "#3b82f6";
-    case "list":
-      return "#f59e0b";
-    case "set":
-      return "#a855f7";
-    case "zset":
-      return "#06b6d4";
-    case "stream":
-      return "#ec4899";
-    case "rejson":
-    case "json":
-    case "rejson-rl":
-      return "#14b8a6";
-    default:
-      return "#ef4444";
-  }
-}
-
-/** TTL 可读：永久 / 不存在 / Ns */
-export function formatRedisTtl(ttl: number | undefined): string {
-  if (ttl == null) return "";
-  if (ttl === -1) return "永久";
-  if (ttl === -2) return "不存在";
-  if (ttl < 0) return String(ttl);
-  if (ttl < 60) return `${ttl}s`;
-  if (ttl < 3600) return `${Math.floor(ttl / 60)}m${ttl % 60 ? `${ttl % 60}s` : ""}`;
-  if (ttl < 86400) {
-    const h = Math.floor(ttl / 3600);
-    const m = Math.floor((ttl % 3600) / 60);
-    return m ? `${h}h${m}m` : `${h}h`;
-  }
-  const d = Math.floor(ttl / 86400);
-  const h = Math.floor((ttl % 86400) / 3600);
-  return h ? `${d}d${h}h` : `${d}d`;
-}
-
-/** 数值若形如 Unix 时间戳（秒/毫秒）则给可读时间，否则 null —— zset Score 常存毫秒时间戳（如 K 线） */
-export function tsLabel(n: number): string | null {
-  if (!Number.isFinite(n)) return null;
-  let d: Date | null = null;
-  if (n > 1e11 && n < 9e12) d = new Date(n); // 毫秒
-  else if (n > 1e8 && n < 9e9) d = new Date(n * 1000); // 秒
-  if (!d || Number.isNaN(d.getTime())) return null;
-  const p = (x: number) => String(x).padStart(2, "0");
-  return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}:${p(d.getSeconds())}`;
-}
-
-export function redisLeafLabel(full: string, sep: string): string {
-  if (!sep) return full;
-  const i = full.lastIndexOf(sep);
-  if (i < 0) return full;
-  const leaf = full.slice(i + sep.length);
-  return leaf || full;
-}
-
-type Bucket = {
-  folders: Map<string, Bucket>;
-  keys: RedisKeyMeta[];
-};
-
-function keyCount(n: TreeNode): number {
-  if (n.kind === "key") return 1;
-  return n.count ?? (n.children ?? []).reduce((a, c) => a + keyCount(c), 0);
-}
-
-/** 按分隔符把 SCAN 结果编成文件夹树（默认 `:`，对标 Another Redis Desktop Manager）。 */
-export function buildRedisKeyTree(keys: RedisKeyMeta[], separator = ":"): TreeNode[] {
-  const sep = separator || ":";
-  const root: Bucket = { folders: new Map(), keys: [] };
-  for (const k of keys) {
-    const parts = k.name.split(sep);
-    if (parts.length <= 1) {
-      root.keys.push(k);
-      continue;
-    }
-    let cur = root;
-    for (let i = 0; i < parts.length - 1; i++) {
-      const p = parts[i] ?? "";
-      let next = cur.folders.get(p);
-      if (!next) {
-        next = { folders: new Map(), keys: [] };
-        cur.folders.set(p, next);
-      }
-      cur = next;
-    }
-    cur.keys.push(k);
-  }
-  return bucketToNodes(root, "", sep);
-}
-
-function bucketToNodes(b: Bucket, prefix: string, sep: string): TreeNode[] {
-  const folderNames = [...b.folders.keys()].sort((a, c) => a.localeCompare(c, undefined, { numeric: true }));
-  const folders: TreeNode[] = folderNames.map((name) => {
-    const child = b.folders.get(name)!;
-    const fullName = prefix + name + sep;
-    const children = bucketToNodes(child, fullName, sep);
-    return {
-      name,
-      kind: "folder" as const,
-      groupId: "folder",
-      fullName,
-      loaded: true,
-      count: children.reduce((a, n) => a + keyCount(n), 0),
-      children,
-    };
-  });
-  const keys: TreeNode[] = [...b.keys]
-    .sort((a, c) => a.name.localeCompare(c.name, undefined, { numeric: true }))
-    .map((k) => ({
-      name: k.name,
-      kind: "key" as const,
-      type: k.type,
-      ttl: k.ttl,
-    }));
-  return [...folders, ...keys];
-}
-
-export function removeRedisKeyFromTree(nodes: TreeNode[], key: string): TreeNode[] {
-  const out: TreeNode[] = [];
-  for (const n of nodes) {
-    if (n.kind === "key" && n.name === key) continue;
-    if (n.kind === "folder") {
-      const children = removeRedisKeyFromTree(n.children ?? [], key);
-      if (!children.length) continue;
-      out.push({
-        ...n,
-        children,
-        count: children.reduce((a, c) => a + keyCount(c), 0),
-      });
-      continue;
-    }
-    out.push(n);
-  }
-  return out;
-}
-
-/** 前端过滤键树：子串匹配键名/路径 + 类型筛选；空文件夹剪枝，计数同步 */
-export function filterRedisTree(nodes: TreeNode[], q: string, type: string): TreeNode[] {
-  const needle = q.trim().toLowerCase();
-  const typeOn = type && type !== "all";
-  if (!needle && !typeOn) return nodes;
-  const keep = (n: TreeNode): boolean =>
-    !needle || n.name.toLowerCase().includes(needle) || (n.fullName || "").toLowerCase().includes(needle);
-  const typeOk = (n: TreeNode): boolean => !typeOn || (n.type || "").toLowerCase() === type;
-  const walk = (list: TreeNode[]): TreeNode[] => {
-    const out: TreeNode[] = [];
-    for (const n of list) {
-      if (n.kind === "folder") {
-        const children = walk(n.children ?? []);
-        if (!children.length) continue;
-        out.push({ ...n, children, count: children.reduce((a, c) => a + keyCount(c), 0) });
-        continue;
-      }
-      if (n.kind === "key") {
-        if (keep(n) && typeOk(n)) out.push(n);
-        continue;
-      }
-      out.push(n);
-    }
-    return out;
-  };
-  return walk(nodes);
-}
-
-export function quoteRedisArg(s: string): string {
-  if (s === "") return '""';
-  if (/^[\w\-.:/@+=]+$/.test(s)) return s;
-  return `"${s.replace(/\\/g, "\\\\").replace(/"/g, '\\"')}"`;
-}
-
-export function redisCmd(...parts: string[]): string {
-  return parts.map(quoteRedisArg).join(" ");
-}
-
-export function tryPrettyJson(raw: unknown): string | null {
-  if (raw == null) return null;
-  if (typeof raw === "object") {
-    try {
-      return JSON.stringify(raw, null, 2);
-    } catch {
-      return null;
-    }
-  }
-  const s = String(raw).trim();
-  if (!s || (s[0] !== "{" && s[0] !== "[" && s[0] !== '"')) return null;
-  try {
-    return JSON.stringify(JSON.parse(s), null, 2);
-  } catch {
-    return null;
-  }
-}
-
-export function displayRedisValue(raw: unknown, max = 180): { text: string; pretty: string | null } {
-  const pretty = tryPrettyJson(raw);
-  const full = pretty ?? (raw == null ? "" : String(raw));
-  if (full.length > max) return { text: `${full.slice(0, max)}…`, pretty };
-  return { text: full, pretty };
-}
-
-export const REDIS_COMMANDS = [
-  "PING", "GET", "SET", "DEL", "EXISTS", "TTL", "PTTL", "EXPIRE", "PERSIST", "TYPE", "RENAME",
-  "KEYS", "SCAN", "INFO", "DBSIZE", "SELECT", "ECHO",
-  "HGET", "HGETALL", "HSET", "HDEL", "HKEYS", "HVALS", "HLEN", "HEXISTS", "HSCAN",
-  "LPUSH", "RPUSH", "LRANGE", "LLEN", "LSET", "LPOP", "RPOP", "LINDEX",
-  "SADD", "SREM", "SMEMBERS", "SCARD", "SISMEMBER", "SSCAN",
-  "ZADD", "ZREM", "ZRANGE", "ZREVRANGE", "ZCARD", "ZSCORE", "ZSCAN",
-  "MGET", "MSET", "INCR", "DECR", "INCRBY", "DECRBY", "APPEND", "STRLEN",
-  "FLUSHDB", "FLUSHALL", "CONFIG", "CLIENT", "SLOWLOG", "MEMORY",
-].map((label) => ({ label, type: "keyword" as const }));
-
-/** Redis 按行切命令（不是 SQL 分号）。空行与 # 注释跳过。 */
-export function splitRedisCommands(sql: string): { start: number; end: number; text: string }[] {
-  const out: { start: number; end: number; text: string }[] = [];
-  let i = 0;
-  while (i <= sql.length) {
-    const nl = sql.indexOf("\n", i);
-    const end = nl < 0 ? sql.length : nl;
-    const line = sql.slice(i, end);
-    const trimmed = line.trim();
-    if (trimmed && !trimmed.startsWith("#")) {
-      const lead = line.search(/\S/);
-      const from = i + (lead < 0 ? 0 : lead);
-      out.push({ start: from, end: from + trimmed.length, text: trimmed });
-    }
-    if (nl < 0) break;
-    i = end + 1;
-  }
-  return out.length ? out : [{ start: 0, end: sql.length, text: sql }];
-}
-
-export function isDangerousRedis(sql: string): boolean {
-  const cmd = sql.trim().split(/\s+/)[0]?.toUpperCase() ?? "";
-  return ["FLUSHALL", "FLUSHDB", "KEYS", "CONFIG", "SHUTDOWN", "DEBUG", "REPLICAOF", "SLAVEOF"].includes(cmd);
-}
-
-export function redisHintForType(key: string, type?: string): string {
-  const k = quoteRedisArg(key);
-  switch (type) {
-    case "hash":
-      return `HGETALL ${k}`;
-    case "list":
-      return `LRANGE ${k} 0 499`;
-    case "set":
-      return `SMEMBERS ${k}`;
-    case "zset":
-      return `ZRANGE ${k} 0 499 WITHSCORES`;
-    default:
-      return `GET ${k}`;
-  }
-}
-
-export function createKeyCommand(type: string, name: string, value: string): string {
-  switch (type) {
-    case "hash":
-      return redisCmd("HSET", name, "field", value || "");
-    case "list":
-      return redisCmd("RPUSH", name, value || "");
-    case "set":
-      return redisCmd("SADD", name, value || "");
-    case "zset":
-      return redisCmd("ZADD", name, "0", value || "");
-    default:
-      return redisCmd("SET", name, value || "");
-  }
-}
-
-/** 是否 Redis 连接（按驱动名） */
-export function isRedisConn(driver?: string): boolean {
-  return (driver || "").toLowerCase() === "redis";
-}
diff --git a/packages/ui/src/secrets.ts b/packages/ui/src/secrets.ts
deleted file mode 100644
index e0e9706..0000000
--- a/packages/ui/src/secrets.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-const PREFIX = "ox1.";
-
-/** 本机混淆，不是保险箱。专业客户端最终应走 OS Keychain。 */
-export function encodeSecret(plain: string): string {
-  if (!plain || plain.startsWith(PREFIX)) return plain;
-  try {
-    return PREFIX + btoa(unescape(encodeURIComponent(plain)));
-  } catch {
-    return plain;
-  }
-}
-
-export function decodeSecret(stored: string): string {
-  if (!stored) return "";
-  if (!stored.startsWith(PREFIX)) return stored;
-  try {
-    return decodeURIComponent(escape(atob(stored.slice(PREFIX.length))));
-  } catch {
-    return stored;
-  }
-}
-
-export function sanitizeSecret(raw: string): string {
-  return raw.replace(/[\u200B-\u200D\uFEFF]/g, "").trim();
-}
diff --git a/packages/ui/src/sql.test.ts b/packages/ui/src/sql.test.ts
deleted file mode 100644
index 6d74450..0000000
--- a/packages/ui/src/sql.test.ts
+++ /dev/null
@@ -1,184 +0,0 @@
-import { describe, expect, it } from "vitest";
-import {
-  isDangerousSQL,
-  parseClipboardGrid,
-  quoteIdent,
-  rowsToCSV,
-  rowsToInsert,
-  splitRunnable,
-  splitStatements,
-  statementAt,
-} from "./sql";
-
-describe("rowsToCSV", () => {
-  it("转义引号/逗号/换行", () => {
-    const out = rowsToCSV(
-      ["a", "b"],
-      [{ a: 'x"y', b: "l1\nl2" }, { a: "c,d", b: null }],
-    );
-    expect(out).toBe('a,b\n"x""y","l1\nl2"\n"c,d",');
-  });
-
-  it("空值输出空串并保留表头", () => {
-    expect(rowsToCSV(["a"], [{ a: null }])).toBe("a\n");
-  });
-});
-
-describe("rowsToInsert(方言引号)", () => {
-  const rows = [{ id: 1, name: "O'Neil" }, { id: 2, name: null }];
-
-  it("mysql 族反引号 + 单引号字面量翻倍", () => {
-    expect(rowsToInsert("mysql", "users", ["id", "name"], rows)).toBe(
-      "INSERT INTO `users` (`id`, `name`) VALUES (1, 'O''Neil');\n" +
-        "INSERT INTO `users` (`id`, `name`) VALUES (2, NULL);",
-    );
-  });
-
-  it("postgresql/sqlite 双引号", () => {
-    expect(rowsToInsert("postgresql", "users", ["id"], [{ id: 1 }])).toBe(
-      'INSERT INTO "users" ("id") VALUES (1);',
-    );
-    expect(rowsToInsert("sqlite", "users", ["id"], [{ id: 1 }])).toBe(
-      'INSERT INTO "users" ("id") VALUES (1);',
-    );
-  });
-
-  it("mssql 中括号", () => {
-    expect(rowsToInsert("sqlserver", "users", ["id"], [{ id: 1 }])).toBe(
-      "INSERT INTO [users] ([id]) VALUES (1);",
-    );
-  });
-
-  it("oracle 裸名(大写惯例不加引号)", () => {
-    expect(rowsToInsert("oracle", "USERS", ["ID"], [{ ID: 1 }])).toBe(
-      "INSERT INTO USERS (ID) VALUES (1);",
-    );
-  });
-
-  it("库.表 全限定逐段加引号;内部反引号/双引号/中括号转义", () => {
-    expect(rowsToInsert("mysql", "app.users", ["id"], [{ id: 1 }])).toBe(
-      "INSERT INTO `app`.`users` (`id`) VALUES (1);",
-    );
-    expect(quoteIdent("mysql", "a`b")).toBe("`a``b`");
-    expect(quoteIdent("postgresql", 'a"b')).toBe('"a""b"');
-    expect(quoteIdent("sqlserver", "a]b")).toBe("[a]]b]");
-  });
-
-  it("缺省 driver 按 mysql 处理", () => {
-    expect(rowsToInsert(undefined, "t", ["c"], [{ c: "v" }])).toBe("INSERT INTO `t` (`c`) VALUES ('v');");
-  });
-});
-
-describe("quoteIdent", () => {
-  it("各 family 引号风格", () => {
-    expect(quoteIdent("mysql", "t")).toBe("`t`");
-    expect(quoteIdent("mariadb", "t")).toBe("`t`");
-    expect(quoteIdent("postgresql", "t")).toBe('"t"');
-    expect(quoteIdent("gaussdb", "t")).toBe('"t"');
-    expect(quoteIdent("sqlserver", "t")).toBe("[t]");
-    expect(quoteIdent("mssql", "t")).toBe("[t]");
-    expect(quoteIdent("oracle", "EMP")).toBe("EMP");
-    expect(quoteIdent("sqlite", "t")).toBe('"t"');
-  });
-});
-
-describe("splitStatements", () => {
-  it("引号内分号不截断", () => {
-    const parts = splitStatements("SELECT ';' AS x; SELECT 2");
-    expect(parts).toHaveLength(2);
-    expect(parts[0].text).toBe("SELECT ';' AS x");
-    expect(parts[1].text.trim()).toBe("SELECT 2");
-  });
-
-  it("行注释内分号不截断", () => {
-    const parts = splitStatements("SELECT 1 -- c;\n; SELECT 2");
-    expect(parts).toHaveLength(2);
-    expect(parts[1].text.trim()).toBe("SELECT 2");
-  });
-
-  it("块注释内分号不截断", () => {
-    const parts = splitStatements("SELECT /* ; */ 1; SELECT 2");
-    expect(parts).toHaveLength(2);
-  });
-
-  it("双引号字符串内分号不截断", () => {
-    const parts = splitStatements('SELECT "a;b" FROM t; SELECT 2');
-    expect(parts).toHaveLength(2);
-  });
-
-  it("单语句无分号原样返回", () => {
-    const parts = splitStatements("SELECT 1");
-    expect(parts).toHaveLength(1);
-    expect(parts[0].text).toBe("SELECT 1");
-  });
-});
-
-describe("parseClipboardGrid", () => {
-  it("Tab 分隔", () => {
-    expect(parseClipboardGrid("a\tb\nc\td")).toEqual([
-      ["a", "b"],
-      ["c", "d"],
-    ]);
-  });
-
-  it("literal NULL(任意大小写)→ null", () => {
-    expect(parseClipboardGrid("x,NULL,y")).toEqual([["x", null, "y"]]);
-    expect(parseClipboardGrid("null")).toEqual([[null]]);
-  });
-
-  it("无 Tab 的简单 CSV 按逗号拆", () => {
-    expect(parseClipboardGrid('a,"b,c"')).toEqual([["a", "b,c"]]);
-  });
-
-  it("CRLF 与末尾换行归一", () => {
-    expect(parseClipboardGrid("a\r\nb\n")).toEqual([["a"], ["b"]]);
-  });
-
-  it("空串返回空数组", () => {
-    expect(parseClipboardGrid("")).toEqual([]);
-  });
-});
-
-describe("isDangerousSQL", () => {
-  it("基本危险动词", () => {
-    expect(isDangerousSQL("DROP TABLE t")).toBe(true);
-    expect(isDangerousSQL("TRUNCATE TABLE t")).toBe(true);
-    expect(isDangerousSQL("ALTER TABLE t ADD c INT")).toBe(true);
-    expect(isDangerousSQL("GRANT ALL ON a TO b")).toBe(true);
-    expect(isDangerousSQL("REVOKE SELECT ON a FROM b")).toBe(true);
-  });
-
-  it("DELETE/UPDATE 无 WHERE 才算危险", () => {
-    expect(isDangerousSQL("DELETE FROM t")).toBe(true);
-    expect(isDangerousSQL("DELETE FROM t WHERE id=1")).toBe(false);
-    expect(isDangerousSQL("UPDATE t SET a=1")).toBe(true);
-    expect(isDangerousSQL("UPDATE t SET a=1 WHERE id=2")).toBe(false);
-  });
-
-  it("注释开头的语句仍判定", () => {
-    expect(isDangerousSQL("-- hi\nDROP TABLE t")).toBe(true);
-    expect(isDangerousSQL("/* c */ DROP TABLE t")).toBe(true);
-    expect(isDangerousSQL("  -- hi\n  /* c */ TRUNCATE TABLE t")).toBe(true);
-  });
-
-  it("普通查询与纯注释不误伤", () => {
-    expect(isDangerousSQL("SELECT 1")).toBe(false);
-    expect(isDangerousSQL("WITH x AS (SELECT 1) SELECT * FROM x")).toBe(false);
-    expect(isDangerousSQL("-- only comment")).toBe(false);
-    expect(isDangerousSQL("")).toBe(false);
-  });
-
-  it("Redis 危险命令按 driver 判定", () => {
-    expect(isDangerousSQL("FLUSHALL", "redis")).toBe(true);
-    expect(isDangerousSQL("GET k", "redis")).toBe(false);
-    expect(isDangerousSQL("FLUSHALL")).toBe(false);
-  });
-});
-
-describe("splitRunnable / statementAt redis", () => {
-  it("Redis 按行而不是分号", () => {
-    const parts = splitRunnable("GET a\nHGETALL b", "redis");
-    expect(parts.map((p) => p.text)).toEqual(["GET a", "HGETALL b"]);
-    expect(statementAt('SET k "a;b"\nGET k', 0, undefined, "redis")).toBe('SET k "a;b"');
-  });
-});
diff --git a/packages/ui/src/sql.ts b/packages/ui/src/sql.ts
deleted file mode 100644
index 7630b5f..0000000
--- a/packages/ui/src/sql.ts
+++ /dev/null
@@ -1,392 +0,0 @@
-import { format as sqlFormat } from "sql-formatter";
-import { isDangerousRedis, splitRedisCommands } from "./redis";
-
-/**
- * 危险语句 UX 预检(免一次往返)。
- * 注意:服务端 CheckDangerousSQL 为权威判定(逐语句/词边界/注释处理),
- * 此处只做宽松预提示,判定冲突时以服务端为准(needConfirm 二段流)。
- */
-export function isDangerousSQL(sql: string, driver?: string): boolean {
-  if ((driver || "").toLowerCase() === "redis") return isDangerousRedis(sql);
-  const s = stripLead(sql);
-  if (!s) return false;
-  const up = s.toUpperCase();
-  if (/^(DROP|TRUNCATE|ALTER|GRANT|REVOKE)\b/.test(up)) return true;
-  if (/^DELETE\b/.test(up) && !/\bWHERE\b/.test(up)) return true;
-  if (/^UPDATE\b/.test(up) && !/\bWHERE\b/.test(up)) return true;
-  return false;
-}
-
-function stripLead(sql: string): string {
-  let s = sql.trim();
-  while (true) {
-    if (s.startsWith("--")) {
-      const i = s.indexOf("\n");
-      if (i < 0) return "";
-      s = s.slice(i + 1).trim();
-      continue;
-    }
-    if (s.startsWith("/*")) {
-      const i = s.indexOf("*/");
-      if (i < 0) return "";
-      s = s.slice(i + 2).trim();
-      continue;
-    }
-    break;
-  }
-  return s;
-}
-
-/** 选区优先；否则取光标所在语句。Redis 按行，SQL 按分号。 */
-export function statementAt(sql: string, cursor: number, selection?: string, driver?: string): string {
-  const sel = selection?.trim();
-  if (sel) return sel;
-  const ranges = splitRunnable(sql, driver);
-  const pos = Math.max(0, Math.min(cursor, sql.length));
-  const hit = ranges.find((r) => pos >= r.start && pos <= r.end) ?? ranges.find((r) => pos < r.start);
-  return (hit?.text || sql).trim();
-}
-
-/** Redis 按行；其它引擎按 SQL 分号。 */
-export function splitRunnable(sql: string, driver?: string): { start: number; end: number; text: string }[] {
-  if ((driver || "").toLowerCase() === "redis") return splitRedisCommands(sql);
-  return splitStatements(sql);
-}
-
-export function splitStatements(sql: string): { start: number; end: number; text: string }[] {
-  const out: { start: number; end: number; text: string }[] = [];
-  let start = 0;
-  let i = 0;
-  let inS = false;
-  let inD = false;
-  let inLine = false;
-  let inBlock = false;
-  while (i < sql.length) {
-    const ch = sql[i];
-    const nxt = sql[i + 1];
-    if (inLine) {
-      if (ch === "\n") inLine = false;
-      i++;
-      continue;
-    }
-    if (inBlock) {
-      if (ch === "*" && nxt === "/") {
-        inBlock = false;
-        i += 2;
-        continue;
-      }
-      i++;
-      continue;
-    }
-    if (!inS && !inD && ch === "-" && nxt === "-") {
-      inLine = true;
-      i += 2;
-      continue;
-    }
-    if (!inS && !inD && ch === "/" && nxt === "*") {
-      inBlock = true;
-      i += 2;
-      continue;
-    }
-    if (ch === "'" && !inD) {
-      inS = !inS;
-      i++;
-      continue;
-    }
-    if (ch === '"' && !inS) {
-      inD = !inD;
-      i++;
-      continue;
-    }
-    if (!inS && !inD && ch === ";") {
-      const text = sql.slice(start, i);
-      if (text.trim()) out.push({ start, end: i, text });
-      start = i + 1;
-    }
-    i++;
-  }
-  const tail = sql.slice(start);
-  if (tail.trim()) out.push({ start, end: sql.length, text: tail });
-  return out.length ? out : [{ start: 0, end: sql.length, text: sql }];
-}
-
-/** limit:false 时不拼行数上限(树预览用,翻页由请求层 offset/limit 承担) */
-function buildSelectSql(driver: string | undefined, db: string, table: string, limit: number | false) {
-  const d = (driver || "mysql").toLowerCase();
-  if (d === "redis") return `GET ${table}`;
-  if (d === "postgresql" || d === "postgres" || d === "gaussdb" || d === "kingbase" || d === "opengauss") {
-    const ident = table.includes(".") ? table : `"${table}"`;
-    return `SELECT * FROM ${ident}${limit === false ? "" : ` LIMIT ${limit}`};`;
-  }
-  if (d === "sqlserver" || d === "mssql") {
-    return `SELECT ${limit === false ? "" : `TOP ${limit} `}* FROM ${table};`;
-  }
-  if (d === "oracle") {
-    return `SELECT * FROM ${table}${limit === false ? "" : ` FETCH FIRST ${limit} ROWS ONLY`}`;
-  }
-  if (d === "sqlite") {
-    return `SELECT * FROM "${table}"${limit === false ? "" : ` LIMIT ${limit}`};`;
-  }
-  const tbl = table.includes(".") ? table : `\`${table}\``;
-  const lim = limit === false ? "" : ` LIMIT ${limit}`;
-  if (db) return `SELECT * FROM \`${db}\`.${tbl}${lim};`;
-  return `SELECT * FROM ${tbl}${lim};`;
-}
-
-export function sampleSelectSql(driver: string | undefined, db: string, table: string) {
-  return buildSelectSql(driver, db, table, 100);
-}
-
-/** 树表预览 SQL:不带行数上限,翻页由请求层 offset/limit 完成(否则第 2 页起恒为空) */
-export function previewSelectSql(driver: string | undefined, db: string, table: string) {
-  return buildSelectSql(driver, db, table, false);
-}
-
-export function rowsToTSV(columns: string[], rows: Record<string, unknown>[], headers = true): string {
-  const esc = (v: unknown) => {
-    if (v == null) return "";
-    return String(v).replace(/\t/g, " ").replace(/\r?\n/g, " ");
-  };
-  const lines = rows.map((r) => columns.map((c) => esc(r[c])).join("\t"));
-  if (headers) lines.unshift(columns.join("\t"));
-  return lines.join("\n");
-}
-
-export function rowsToCSV(columns: string[], rows: Record<string, unknown>[]): string {
-  const esc = (v: unknown) => {
-    if (v == null) return "";
-    const s = String(v);
-    if (/[",\n]/.test(s)) return `"${s.replace(/"/g, '""')}"`;
-    return s;
-  };
-  return [columns.map(esc).join(","), ...rows.map((r) => columns.map((c) => esc(r[c])).join(","))].join("\n");
-}
-
-/** R2-F2:表名/列名按方言 quoteIdent(修 01-P1-1 恒反引号);库.表 形式逐段加引号 */
-export function rowsToInsert(
-  driver: string | undefined,
-  table: string,
-  columns: string[],
-  rows: Record<string, unknown>[],
-): string {
-  const ident = table
-    ? table.split(".").map((p) => quoteIdent(driver, p)).join(".")
-    : "t";
-  const cols = columns.map((c) => quoteIdent(driver, c)).join(", ");
-  const lit = (v: unknown) => {
-    if (v == null) return "NULL";
-    if (typeof v === "number" && Number.isFinite(v)) return String(v);
-    return `'${String(v).replace(/'/g, "''")}'`;
-  };
-  return rows
-    .map((r) => `INSERT INTO ${ident} (${cols}) VALUES (${columns.map((c) => lit(r[c])).join(", ")});`)
-    .join("\n");
-}
-
-
-export function isWritableDriver(driver: string | undefined): boolean {
-  const d = (driver || "").toLowerCase();
-  return [
-    "mysql", "mariadb", "tidb", "postgresql", "postgres", "sqlite",
-    "sqlserver", "mssql", "oracle", "oceanbase", "polardb", "tdsql",
-    "gaussdb", "kingbase", "opengauss",
-  ].includes(d);
-}
-
-export function quoteIdent(driver: string | undefined, name: string): string {
-  const d = (driver || "mysql").toLowerCase();
-  if (d === "postgresql" || d === "postgres" || d === "gaussdb" || d === "kingbase" || d === "opengauss" || d === "sqlite") {
-    return `"${name.replace(/"/g, '""')}"`;
-  }
-  if (d === "sqlserver" || d === "mssql") return `[${name.replace(/]/g, "]]")}]`;
-  if (d === "oracle") return name; // often unquoted uppercase
-  return `\`${name.replace(/`/g, "``")}\``;
-}
-
-export function sqlLiteral(v: unknown): string {
-  if (v == null || v === "") return "NULL";
-  if (typeof v === "number" && Number.isFinite(v)) return String(v);
-  if (typeof v === "boolean") return v ? "TRUE" : "FALSE";
-  return `'${String(v).replace(/'/g, "''")}'`;
-}
-
-/** Build UPDATE … SET col=? WHERE pk… from edited cell. */
-export function buildUpdateSql(
-  driver: string | undefined,
-  database: string | undefined,
-  table: string,
-  pkCols: string[],
-  row: Record<string, unknown>,
-  col: string,
-  newVal: unknown,
-): string | null {
-  if (!pkCols.length) return null;
-  const d = (driver || "mysql").toLowerCase();
-  const t = table.includes(".")
-    ? table
-    : database && !["postgresql", "postgres", "sqlite", "gaussdb", "kingbase", "opengauss"].includes(d)
-      ? `${quoteIdent(driver, database)}.${quoteIdent(driver, table)}`
-      : quoteIdent(driver, table);
-  const set = `${quoteIdent(driver, col)} = ${sqlLiteral(newVal === "" ? null : newVal)}`;
-  const where = pkCols
-    .map((k) => {
-      const v = row[k];
-      if (v == null) return `${quoteIdent(driver, k)} IS NULL`;
-      return `${quoteIdent(driver, k)} = ${sqlLiteral(v)}`;
-    })
-    .join(" AND ");
-  return `UPDATE ${t} SET ${set} WHERE ${where}`;
-}
-
-
-export function supportsExplain(driver: string | undefined): boolean {
-  const d = (driver || "").toLowerCase();
-  return [
-    "mysql", "mariadb", "tidb", "postgresql", "postgres", "sqlite",
-    "sqlserver", "mssql", "oracle", "oceanbase", "polardb", "tdsql",
-    "gaussdb", "kingbase", "opengauss",
-  ].includes(d);
-}
-
-// C3:方言 EXPLAIN 包装已下线 —— 改由服务端 POST /api/db/explain 按驱动完成
-// (MSSQL SHOWPLAN_XML 需钉单连接,Oracle 需查 DBMS_XPLAN,前端拼 SQL 拿不到)。
-
-/** Map OpsxDB driver id → sql-formatter language. */
-export function sqlFormatterLanguage(driver?: string): string {
-  const d = (driver || "mysql").toLowerCase();
-  if (d === "postgresql" || d === "postgres" || d === "gaussdb" || d === "kingbase" || d === "opengauss") {
-    return "postgresql";
-  }
-  if (d === "sqlite") return "sqlite";
-  if (d === "sqlserver" || d === "mssql") return "tsql";
-  if (d === "oracle") return "plsql";
-  if (d === "mariadb") return "mariadb";
-  // mysql / tidb / oceanbase / polardb / tdsql / redis fallback
-  return "mysql";
-}
-
-/**
- * Pretty-print SQL via sql-formatter.
- * On formatter parse errors, falls back to a minimal indent printer.
- */
-export function formatSqlText(sql: string, driver?: string): string {
-  const input = sql.replace(/\s+$/, "");
-  if (!input.trim()) return sql;
-  try {
-    return sqlFormat(input, {
-      // dialect heuristic — cast: sql-formatter language union is wide
-      language: sqlFormatterLanguage(driver) as "mysql",
-      tabWidth: 2,
-      keywordCase: "upper",
-      linesBetweenQueries: 1,
-    });
-  } catch {
-    return minimalPrettySql(input);
-  }
-}
-
-/** Minimal pretty-printer when sql-formatter is not installed yet. */
-function minimalPrettySql(sql: string): string {
-  const s = sql.trim();
-  // Insert newline before major keywords (best-effort, ignores strings — fine as fallback)
-  return s
-    .replace(/\s+/g, " ")
-    .replace(
-      /\b(SELECT|FROM|WHERE|AND|OR|JOIN|LEFT JOIN|RIGHT JOIN|INNER JOIN|OUTER JOIN|GROUP BY|ORDER BY|LIMIT|OFFSET|HAVING|UNION|INSERT INTO|VALUES|UPDATE|SET|DELETE FROM)\b/gi,
-      (m) => `\n${m.toUpperCase()}`,
-    )
-    .replace(/^\n/, "")
-    .trim();
-}
-
-/** Build DELETE FROM … WHERE pk… for a row. */
-export function buildDeleteSql(
-  driver: string | undefined,
-  database: string | undefined,
-  table: string,
-  pkCols: string[],
-  row: Record<string, unknown>,
-): string | null {
-  if (!pkCols.length) return null;
-  const d = (driver || "mysql").toLowerCase();
-  const t = table.includes(".")
-    ? table
-    : database && !["postgresql", "postgres", "sqlite", "gaussdb", "kingbase", "opengauss"].includes(d)
-      ? `${quoteIdent(driver, database)}.${quoteIdent(driver, table)}`
-      : quoteIdent(driver, table);
-  const where = pkCols
-    .map((k) => {
-      const v = row[k];
-      if (v == null) return `${quoteIdent(driver, k)} IS NULL`;
-      return `${quoteIdent(driver, k)} = ${sqlLiteral(v)}`;
-    })
-    .join(" AND ");
-  return `DELETE FROM ${t} WHERE ${where}`;
-}
-
-/**
- * Parse clipboard TSV/CSV into a grid.
- * - Split lines on newlines (handles CRLF); cells on tabs.
- * - If a line has no tabs but looks like simple CSV (has commas), split on commas.
- * - Empty cell → ""; literal "NULL" (any case) → null.
- */
-export function parseClipboardGrid(text: string): (string | null)[][] {
-  const raw = text.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
-  // Drop a single trailing newline so Excel paste does not invent an empty row
-  const trimmed = raw.endsWith("\n") ? raw.slice(0, -1) : raw;
-  if (!trimmed) return [];
-  const lines = trimmed.split("\n");
-  return lines.map((line) => {
-    let cells: string[];
-    if (line.includes("\t")) {
-      cells = line.split("\t");
-    } else if (line.includes(",") && looksLikeSimpleCsv(line)) {
-      cells = splitSimpleCsv(line);
-    } else {
-      cells = [line];
-    }
-    return cells.map((c) => {
-      if (c === "") return "";
-      if (/^null$/i.test(c)) return null;
-      return c;
-    });
-  });
-}
-
-function looksLikeSimpleCsv(line: string): boolean {
-  // Prefer CSV when commas separate simple unquoted or simply-quoted fields
-  if (!line.includes(",")) return false;
-  // Reject if it looks like a single free-text phrase with incidental commas and spaces only mid-word — still allow
-  return true;
-}
-
-/** Minimal CSV split: handles commas and ""-quoted fields; no escaped newlines. */
-function splitSimpleCsv(line: string): string[] {
-  const out: string[] = [];
-  let cur = "";
-  let inQ = false;
-  for (let i = 0; i < line.length; i++) {
-    const ch = line[i];
-    if (inQ) {
-      if (ch === '"') {
-        if (line[i + 1] === '"') {
-          cur += '"';
-          i++;
-        } else {
-          inQ = false;
-        }
-      } else {
-        cur += ch;
-      }
-    } else if (ch === '"') {
-      inQ = true;
-    } else if (ch === ",") {
-      out.push(cur);
-      cur = "";
-    } else {
-      cur += ch;
-    }
-  }
-  out.push(cur);
-  return out;
-}
diff --git a/packages/ui/src/store.ts b/packages/ui/src/store.ts
deleted file mode 100644
index 5e0e98b..0000000
--- a/packages/ui/src/store.ts
+++ /dev/null
@@ -1,950 +0,0 @@
-import { create } from "zustand";
-import type { DriverId } from "./catalog";
-import { driverById } from "./catalog";
-import { formatDbError, notifyId, type NotifyKind, type NotifyPayload } from "./notify";
-import { decodeSecret, encodeSecret } from "./secrets";
-import { dropSchemaCache } from "./api";
-
-export type SavedConnection = {
-  id: string;
-  name: string;
-  driver: DriverId;
-  host: string;
-  port: number;
-  user: string;
-  password: string;
-  database: string;
-  lastUsedAt?: number;
-  /** 侧栏分组 id，缺省 default */
-  groupId?: string;
-  /** 组内排序，越小越靠前 */
-  sortOrder?: number;
-  ssl?: boolean;
-  /** disable|require|skip-verify|verify-ca；关 SSL 时视为 disable */
-  sslMode?: "disable" | "require" | "skip-verify" | "verify-ca";
-  sslCA?: string;
-  sslCert?: string;
-  sslKey?: string;
-  service?: string;
-  color?: string;
-  /** 连库页默认连接 */
-  isDefault?: boolean;
-  /** 是否持久化密码，默认 true */
-  savePassword?: boolean;
-  /** Redis key 分隔符，默认 : */
-  keySeparator?: string;
-  redisMode?: "standalone" | "sentinel" | "cluster";
-  /** Sentinel/Cluster 节点列表 host:port（多行） */
-  redisNodes?: string;
-  /** Sentinel 主节点名 */
-  masterName?: string;
-  /** Sentinel 密码（可空） */
-  sentinelPassword?: string;
-  /** Oracle */
-  oracleConnType?: "basic";
-  oracleIdKind?: "service" | "sid";
-  oracleRole?: string;
-  /** SQL Server 验证方式 */
-  authMode?: "sql" | "windows";
-  /** SSH 隧道 */
-  sshEnabled?: boolean;
-  sshHost?: string;
-  sshPort?: number;
-  sshUser?: string;
-  sshAuth?: "password" | "privateKey";
-  sshPassword?: string;
-  sshPrivateKey?: string;
-  sshPassphrase?: string;
-};
-
-export const DEFAULT_CONN_GROUP = "default";
-
-export type ConnectionGroup = {
-  id: string;
-  name: string;
-};
-
-export type QueryTab = {
-  id: string;
-  title: string;
-  sql: string;
-  connectionId?: string;
-  database?: string;
-  /** 相对打开/保存基线有改动 */
-  dirty?: boolean;
-  savedSql?: string;
-};
-
-export type QueryResult = {
-  columns: string[];
-  rows: Record<string, unknown>[];
-  rowCount: number;
-  timeMs: number;
-  error?: string;
-  truncated?: boolean;
-  limit?: number;
-  /** C5:服务端回传的分页偏移 */
-  offset?: number;
-  /** Redis 值游标分页：>0 还有更多（hash/set=SCAN 游标；list/zset=偏移） */
-  nextCursor?: number;
-  /** C1:命中危险语句,需确认后带 confirmDanger 重发 */
-  needConfirm?: boolean;
-};
-
-export type SchemaView = {
-  database: string;
-  table: string;
-  columns: ColumnInfo[];
-  loading?: boolean;
-  error?: string;
-};
-
-export type ResultMeta = {
-  database?: string;
-  table?: string;
-  pkCols?: string[];
-  /** Redis 键详情：打开键时带类型/TTL，命令结果不带 */
-  redisType?: string;
-  redisTtl?: number;
-};
-
-export type ConnState = "ok" | "down" | "reconnecting";
-
-export type ResultSetItem = {
-  id: string;
-  label: string;
-  sql: string;
-  result: QueryResult;
-  /** C5:分页状态(仅单条 SELECT 启用);page 从 0 起 */
-  page?: number;
-  pageSize?: number;
-  /** 执行时使用的库(翻页重发需要) */
-  database?: string;
-  /** 列宽/选中态等视图持久化(修 G3,resultSet 级) */
-  viewState?: {
-    colWidths?: Record<string, number>;
-    selectedIdx?: number | null;
-    selectedCol?: string | null;
-  };
-};
-
-export type Bookmark = {
-  id: string;
-  name: string;
-  sql: string;
-  at: number;
-};
-
-export type ColumnInfo = {
-  name: string;
-  type: string;
-  nullable: boolean;
-  key?: string;
-  default?: unknown;
-  comment?: string;
-};
-
-export type TreeNode = {
-  name: string;
-  kind: "database" | "group" | "table" | "view" | "procedure" | "function" | "column" | "key" | "folder";
-  /** group id: tables|views|procedures|functions|keys|folder */
-  groupId?: string;
-  count?: number;
-  children?: TreeNode[];
-  loaded?: boolean;
-  loading?: boolean;
-  type?: string;
-  /** Redis TTL seconds; -1 permanent; -2 missing */
-  ttl?: number;
-  /** Redis 文件夹前缀（含分隔符），如 CEX:FOLLOW: */
-  fullName?: string;
-  nullable?: boolean;
-  key?: string;
-};
-
-export type QueryHistoryItem = {
-  id: string;
-  sql: string;
-  at: number;
-  connectionId?: string;
-  rowCount?: number;
-  timeMs?: number;
-  error?: string;
-};
-
-export type ConfirmRequest = {
-  title: string;
-  message: string;
-  okLabel?: string;
-  danger?: boolean;
-  /** C6:将执行的语句清单(危险确认二段流展示,前 3 条 + 折叠其余) */
-  items?: string[];
-};
-
-export type AiMessage = {
-  id: string;
-  role: "user" | "assistant" | "system";
-  content: string;
-  at: string;
-};
-
-export type ViewMode = "workbench" | "picker";
-export type PickerMode = "list" | "drivers";
-
-type State = {
-  theme: "dark" | "light";
-  view: ViewMode;
-  connections: SavedConnection[];
-  connGroups: ConnectionGroup[];
-  expandedConnGroups: string[];
-  activeConnectionId: string | null;
-  tree: TreeNode[];
-  treeLoading: boolean;
-  tabs: QueryTab[];
-  activeTabId: string;
-  result: QueryResult | null;
-  resultSets: ResultSetItem[];
-  activeResultSetId: string | null;
-  resultMeta: ResultMeta | null;
-  schemaView: SchemaView | null;
-  resultTab: "data" | "schema" | "explain";
-  explainText: string | null;
-  bookmarks: Bookmark[];
-  showBookmarks: boolean;
-  connState: ConnState;
-  /** 左栏底部统一搜索：非 Redis=过滤库/表；Redis=过滤键（回车服务端模糊扫描） */
-  sidebarFilter: string;
-  /** Redis 类型筛选 */
-  sidebarTypeFilter: string;
-  running: boolean;
-  pickerSearch: string;
-  pickerCategory: string;
-  pickerDriver: DriverId | null;
-  pickerMode: PickerMode;
-  form: Partial<SavedConnection>;
-  aiMessages: AiMessage[];
-  aiAsk: string;
-  aiModel: string;
-  aiBusy: boolean;
-  status: string;
-  notifyModal: NotifyPayload | null;
-  notifyToasts: NotifyPayload[];
-  sessions: Record<string, string>;
-  queryHistory: QueryHistoryItem[];
-  leftWidth: number;
-  aiWidth: number;
-  resultRatio: number;
-  showAi: boolean;
-  showHelp: boolean;
-  showHistory: boolean;
-  confirm: ConfirmRequest | null;
-  /** R2-F1:多语句执行遇错即停(默认 true);false 时全部执行完再汇总 */
-  stopOnError: boolean;
-  /** R2-F8:语句执行超时(ms),0 = 不超时;持久化到 prefs */
-  execTimeoutMs: number;
-  /** 对象树最近聚焦的表/视图(编辑器右键「查看数据/DDL」用) */
-  focusedRelation: { database: string; table: string } | null;
-  /** 请求 ObjectTree 打开 DDL 弹层 */
-  ddlRequest: { database: string; table: string; token: number } | null;
-  /** 请求 ObjectTree 打开表数据预览 */
-  viewDataRequest: { database: string; table: string; token: number } | null;
-
-  set: <K extends keyof State>(key: K, value: State[K]) => void;
-  notify: (input: {
-    kind?: NotifyKind;
-    title?: string;
-    message: string;
-    detail?: string;
-    tips?: string[];
-    mode?: "modal" | "toast";
-    durationMs?: number;
-    raw?: unknown;
-  }) => void;
-  notifyError: (raw: unknown, mode?: "modal" | "toast") => void;
-  dismissNotify: (id: string) => void;
-  loadConnections: () => void;
-  saveConnections: (list: SavedConnection[]) => void;
-  upsertConnection: (c: SavedConnection) => void;
-  removeConnection: (id: string) => void;
-  setDefaultConnection: (id: string) => void;
-  addConnGroup: (name: string) => string;
-  /** R2-F5:导入连接时并入分组(冲突/缺失 id 重新生成);默认分组不重复创建 */
-  importConnGroups: (groups: ConnectionGroup[]) => void;
-  renameConnGroup: (id: string, name: string) => void;
-  removeConnGroup: (id: string) => void;
-  moveConnection: (id: string, groupId: string, index: number) => void;
-  toggleConnGroup: (id: string) => void;
-  openPicker: (driver?: DriverId | null) => void;
-  openConnectionList: () => void;
-  editConnection: (c: SavedConnection) => void;
-  newQueryTab: () => void;
-  /** 重命名当前激活的查询 Tab（如打开表后标题设为表名） */
-  setActiveTabTitle: (title: string) => void;
-  /** 设置当前 Tab 的库上下文（Redis 编辑器 SELECT/USE 切库用） */
-  setTabDatabase: (database: string) => void;
-  closeTab: (id: string) => void;
-  /** R2-F6:Tab 右键菜单批量关闭(脏确认由调用侧负责) */
-  closeOtherTabs: (id: string) => void;
-  closeRightTabs: (id: string) => void;
-  closeAllTabs: () => void;
-  setStopOnError: (v: boolean) => void;
-  setExecTimeoutMs: (v: number) => void;
-  updateActiveSql: (sql: string) => void;
-  pushAi: (role: AiMessage["role"], content: string) => void;
-  setSession: (connectionId: string, sessionId: string | null) => void;
-  pushHistory: (item: Omit<QueryHistoryItem, "id" | "at"> & { at?: number }) => void;
-  clearHistory: () => void;
-  setResultSets: (items: ResultSetItem[]) => void;
-  selectResultSet: (id: string) => void;
-  /** C5/G3:局部更新某个结果集(翻页结果、视图持久化);若为激活项同步 result */
-  updateResultSet: (id: string, patch: Partial<Omit<ResultSetItem, "id">>) => void;
-  loadBookmarks: () => void;
-  saveBookmark: (name: string, sql: string) => void;
-  renameBookmark: (id: string, name: string) => void;
-  removeBookmark: (id: string) => void;
-  askConfirm: (req: ConfirmRequest) => Promise<boolean>;
-  resolveConfirm: (ok: boolean) => void;
-  persistPrefs: () => void;
-};
-
-const LS_KEY = "opsxdb.connections.v1";
-const LS_GROUPS = "opsxdb.conn-groups.v1";
-const LS_EXPANDED = "opsxdb.conn-groups-expanded.v1";
-const LS_PREFS = "opsxdb.prefs.v1";
-const LS_TABS = "opsxdb.tabs.v1";
-const LS_HISTORY = "opsxdb.history.v1";
-const LS_BOOKMARKS = "opsxdb.bookmarks.v1";
-
-let confirmResolver: ((ok: boolean) => void) | null = null;
-
-function loadPrefs(): Partial<Pick<State, "theme" | "leftWidth" | "aiWidth" | "resultRatio" | "showAi" | "stopOnError" | "execTimeoutMs">> {
-  try {
-    const raw = localStorage.getItem(LS_PREFS);
-    if (!raw) return {};
-    const p = JSON.parse(raw) as Record<string, unknown>;
-    return {
-      theme: p.theme === "light" ? "light" : "dark",
-      leftWidth: typeof p.leftWidth === "number" ? Math.min(360, Math.max(200, p.leftWidth)) : undefined,
-      aiWidth: typeof p.aiWidth === "number" ? p.aiWidth : undefined,
-      resultRatio: typeof p.resultRatio === "number" ? p.resultRatio : undefined,
-      showAi: typeof p.showAi === "boolean" ? p.showAi : undefined,
-      stopOnError: typeof p.stopOnError === "boolean" ? p.stopOnError : undefined,
-      execTimeoutMs: typeof p.execTimeoutMs === "number" ? Math.min(3_600_000, Math.max(0, p.execTimeoutMs)) : undefined,
-    };
-  } catch {
-    return {};
-  }
-}
-
-function loadTabs(): { tabs: QueryTab[]; activeTabId: string } | null {
-  try {
-    const raw = localStorage.getItem(LS_TABS);
-    if (!raw) return null;
-    const p = JSON.parse(raw) as { tabs?: QueryTab[]; activeTabId?: string };
-    if (!Array.isArray(p.tabs) || !p.tabs.length) return null;
-    const tabs = p.tabs.map((tab) => {
-      const savedSql = tab.savedSql ?? tab.sql ?? "";
-      const sql = tab.sql ?? "";
-      return { ...tab, sql, savedSql, dirty: sql !== savedSql };
-    });
-    return { tabs, activeTabId: p.activeTabId || tabs[0].id };
-  } catch {
-    return null;
-  }
-}
-
-function loadHistory(): QueryHistoryItem[] {
-  try {
-    const raw = localStorage.getItem(LS_HISTORY);
-    if (!raw) return [];
-    const p = JSON.parse(raw);
-    return Array.isArray(p) ? p.slice(0, 50) : [];
-  } catch {
-    return [];
-  }
-}
-
-function loadGroups(): ConnectionGroup[] {
-  try {
-    const raw = localStorage.getItem(LS_GROUPS);
-    if (!raw) return [{ id: DEFAULT_CONN_GROUP, name: "默认" }];
-    const parsed = JSON.parse(raw);
-    if (!Array.isArray(parsed) || !parsed.length) return [{ id: DEFAULT_CONN_GROUP, name: "默认" }];
-    const list = parsed.filter((g: ConnectionGroup) => g && g.id && g.name);
-    if (!list.some((g: ConnectionGroup) => g.id === DEFAULT_CONN_GROUP)) {
-      list.unshift({ id: DEFAULT_CONN_GROUP, name: "默认" });
-    }
-    return list;
-  } catch {
-    return [{ id: DEFAULT_CONN_GROUP, name: "默认" }];
-  }
-}
-
-function saveGroups(list: ConnectionGroup[]) {
-  localStorage.setItem(LS_GROUPS, JSON.stringify(list));
-}
-
-function loadExpanded(): string[] {
-  try {
-    const raw = localStorage.getItem(LS_EXPANDED);
-    if (!raw) return [DEFAULT_CONN_GROUP];
-    const parsed = JSON.parse(raw);
-    return Array.isArray(parsed) ? parsed : [DEFAULT_CONN_GROUP];
-  } catch {
-    return [DEFAULT_CONN_GROUP];
-  }
-}
-
-function loadLs(): SavedConnection[] {
-  try {
-    const raw = localStorage.getItem(LS_KEY);
-    if (!raw) return [];
-    const parsed = JSON.parse(raw);
-    return Array.isArray(parsed) ? parsed : [];
-  } catch {
-    return [];
-  }
-}
-
-function defaultTab(): QueryTab {
-  // 新 Tab 默认空白(修 T3),不再预置 SELECT 1 AS ok;
-  return { id: crypto.randomUUID(), title: "查询 1", sql: "", savedSql: "", dirty: false };
-}
-
-export const useWorkspaceStore = create<State>((set, get) => ({
-  theme: "dark",
-  view: "workbench",
-  connections: [],
-  connGroups: [{ id: DEFAULT_CONN_GROUP, name: "默认" }],
-  expandedConnGroups: [DEFAULT_CONN_GROUP],
-  activeConnectionId: null,
-  tree: [],
-  treeLoading: false,
-  tabs: [defaultTab()],
-  activeTabId: "",
-  result: null,
-  resultSets: [],
-  activeResultSetId: null,
-  resultMeta: null,
-  schemaView: null,
-  resultTab: "data",
-  explainText: null,
-  bookmarks: [],
-  showBookmarks: false,
-  connState: "ok",
-  sidebarFilter: "",
-  sidebarTypeFilter: "all",
-  running: false,
-  pickerSearch: "",
-  pickerCategory: "全部",
-  pickerDriver: null,
-  pickerMode: "list",
-  form: {},
-  aiMessages: [],
-  aiAsk: "",
-  aiModel: "opsxdb-stub",
-  aiBusy: false,
-  status: "就绪",
-  notifyModal: null,
-  notifyToasts: [],
-  sessions: {},
-  queryHistory: [],
-  leftWidth: 260,
-  aiWidth: 280,
-  resultRatio: 0.38,
-  showAi: true,
-  showHelp: false,
-  showHistory: false,
-  confirm: null,
-  stopOnError: true,
-  execTimeoutMs: 0,
-  focusedRelation: null,
-  ddlRequest: null,
-  viewDataRequest: null,
-
-  set: (key, value) => {
-    set({ [key]: value } as Partial<State>);
-    if (key === "theme" || key === "leftWidth" || key === "aiWidth" || key === "resultRatio" || key === "showAi" || key === "stopOnError" || key === "execTimeoutMs") {
-      get().persistPrefs();
-    }
-    if (key === "tabs" || key === "activeTabId") {
-      const s = get();
-      localStorage.setItem(LS_TABS, JSON.stringify({ tabs: s.tabs, activeTabId: s.activeTabId }));
-    }
-  },
-
-  notify: (input) => {
-    const parsed = input.raw !== undefined ? formatDbError(input.raw) : null;
-    const kind = input.kind ?? parsed?.kind ?? "info";
-    const mode = input.mode ?? (kind === "error" ? "modal" : "toast");
-    const payload: NotifyPayload = {
-      id: notifyId(),
-      kind,
-      title: input.title ?? parsed?.title ?? (kind === "error" ? "错误" : "提示"),
-      message: input.message || parsed?.message || "",
-      detail: input.detail ?? parsed?.detail,
-      tips: input.tips ?? parsed?.tips,
-      mode,
-      durationMs: input.durationMs,
-    };
-    if (mode === "modal") {
-      set({ notifyModal: payload });
-    } else {
-      set((s) => ({ notifyToasts: [...s.notifyToasts.slice(-4), payload] }));
-    }
-  },
-
-  notifyError: (raw, mode = "modal") => {
-    const parsed = formatDbError(raw);
-    const payload: NotifyPayload = {
-      id: notifyId(),
-      kind: parsed.kind,
-      title: parsed.title,
-      message: parsed.message,
-      detail: parsed.detail,
-      tips: parsed.tips,
-      mode,
-    };
-    if (mode === "modal") set({ notifyModal: payload });
-    else set((s) => ({ notifyToasts: [...s.notifyToasts.slice(-4), payload] }));
-  },
-
-  dismissNotify: (id) => {
-    const s = get();
-    if (s.notifyModal?.id === id) set({ notifyModal: null });
-    set({ notifyToasts: get().notifyToasts.filter((t) => t.id !== id) });
-  },
-
-  loadConnections: () => {
-    const list = loadLs().map((c) => ({
-      ...c,
-      groupId: c.groupId || DEFAULT_CONN_GROUP,
-      sortOrder: c.sortOrder ?? 0,
-    }));
-    const prefs = loadPrefs();
-    const savedTabs = loadTabs();
-    const tabs = savedTabs?.tabs ?? get().tabs;
-    const activeTabId = savedTabs?.activeTabId || get().activeTabId || tabs[0]?.id || "";
-    set({
-      connections: list,
-      connGroups: loadGroups(),
-      expandedConnGroups: loadExpanded(),
-      tabs,
-      activeTabId,
-      queryHistory: loadHistory(),
-      ...prefs,
-    });
-  },
-
-  saveConnections: (list) => {
-    const encoded = list.map((c) => ({
-      ...c,
-      password: encodeSecret(c.password || ""),
-      sshPassword: c.sshPassword ? encodeSecret(c.sshPassword) : c.sshPassword,
-      sshPassphrase: c.sshPassphrase ? encodeSecret(c.sshPassphrase) : c.sshPassphrase,
-    }));
-    localStorage.setItem(LS_KEY, JSON.stringify(encoded));
-    set({ connections: encoded });
-  },
-
-  upsertConnection: (c) => {
-    const next = {
-      ...c,
-      groupId: c.groupId || DEFAULT_CONN_GROUP,
-      sortOrder: c.sortOrder ?? Date.now(),
-      password: c.savePassword === false ? "" : c.password,
-      sshPassword: c.savePassword === false ? "" : c.sshPassword,
-    };
-    let list = [...get().connections];
-    // 同名防护：不同 id 同名时自动加序号后缀，避免侧栏出现重名条目
-    const nameTaken = (n: string) => list.some((x) => x.id !== next.id && x.name === n);
-    if (nameTaken(next.name)) {
-      let k = 2;
-      while (nameTaken(`${next.name} ${k}`)) k++;
-      next.name = `${next.name} ${k}`;
-    }
-    if (next.isDefault) {
-      list = list.map((x) => ({ ...x, isDefault: x.id === next.id ? true : false }));
-    }
-    const i = list.findIndex((x) => x.id === next.id);
-    if (i >= 0) list[i] = { ...list[i], ...next };
-    else list.unshift(next);
-    get().saveConnections(list);
-  },
-
-  removeConnection: (id) => {
-    get().saveConnections(get().connections.filter((c) => c.id !== id));
-    dropSchemaCache(id);
-    const sessions = { ...get().sessions };
-    delete sessions[id];
-    if (get().activeConnectionId === id) set({ activeConnectionId: null, tree: [], sessions });
-    else set({ sessions });
-  },
-
-  setDefaultConnection: (id) => {
-    const list = get().connections.map((c) => ({ ...c, isDefault: c.id === id }));
-    get().saveConnections(list);
-  },
-
-
-  addConnGroup: (name) => {
-    const n = name.trim() || "新分组";
-    const id = crypto.randomUUID();
-    const list = [...get().connGroups, { id, name: n }];
-    saveGroups(list);
-    const expanded = Array.from(new Set([...get().expandedConnGroups, id]));
-    localStorage.setItem(LS_EXPANDED, JSON.stringify(expanded));
-    set({ connGroups: list, expandedConnGroups: expanded });
-    return id;
-  },
-
-  /** R2-F5:导入连接时并入分组;与现有 id 冲突或缺失时重新生成,避免串组 */
-  importConnGroups: (groups) => {
-    if (!Array.isArray(groups) || !groups.length) return;
-    const cur = get().connGroups;
-    const ids = new Set(cur.map((g) => g.id));
-    const merged = [...cur];
-    for (const g of groups) {
-      if (!g || typeof g.name !== "string" || !g.name.trim()) continue;
-      if (g.id === DEFAULT_CONN_GROUP) continue;
-      const item = { id: g.id && !ids.has(g.id) ? g.id : crypto.randomUUID(), name: g.name.trim() };
-      ids.add(item.id);
-      merged.push(item);
-    }
-    saveGroups(merged);
-    set({ connGroups: merged });
-  },
-
-  renameConnGroup: (id, name) => {
-    if (id === DEFAULT_CONN_GROUP) return;
-    const n = name.trim();
-    if (!n) return;
-    const list = get().connGroups.map((g) => (g.id === id ? { ...g, name: n } : g));
-    saveGroups(list);
-    set({ connGroups: list });
-  },
-
-  removeConnGroup: (id) => {
-    if (id === DEFAULT_CONN_GROUP) return;
-    const list = get().connGroups.filter((g) => g.id !== id);
-    saveGroups(list);
-    const connections = get().connections.map((c) =>
-      (c.groupId || DEFAULT_CONN_GROUP) === id ? { ...c, groupId: DEFAULT_CONN_GROUP } : c,
-    );
-    get().saveConnections(connections);
-    const expanded = get().expandedConnGroups.filter((x) => x !== id);
-    localStorage.setItem(LS_EXPANDED, JSON.stringify(expanded));
-    set({ connGroups: list, expandedConnGroups: expanded });
-  },
-
-  moveConnection: (id, groupId, index) => {
-    const gid = groupId || DEFAULT_CONN_GROUP;
-    const all = [...get().connections];
-    const moving = all.find((c) => c.id === id);
-    if (!moving) return;
-    const othersInGroup = all
-      .filter((c) => c.id !== id && (c.groupId || DEFAULT_CONN_GROUP) === gid)
-      .sort((a, b) => (a.sortOrder ?? 0) - (b.sortOrder ?? 0));
-    const clamped = Math.max(0, Math.min(index, othersInGroup.length));
-    othersInGroup.splice(clamped, 0, { ...moving, groupId: gid });
-    othersInGroup.forEach((c, i) => {
-      c.sortOrder = i;
-    });
-    const rest = all.filter((c) => c.id !== id && (c.groupId || DEFAULT_CONN_GROUP) !== gid);
-    get().saveConnections([...rest, ...othersInGroup]);
-    if (!get().expandedConnGroups.includes(gid)) {
-      const expanded = [...get().expandedConnGroups, gid];
-      localStorage.setItem(LS_EXPANDED, JSON.stringify(expanded));
-      set({ expandedConnGroups: expanded });
-    }
-  },
-
-  toggleConnGroup: (id) => {
-    const cur = get().expandedConnGroups;
-    const expanded = cur.includes(id) ? cur.filter((x) => x !== id) : [...cur, id];
-    localStorage.setItem(LS_EXPANDED, JSON.stringify(expanded));
-    set({ expandedConnGroups: expanded });
-  },
-
-  openPicker: (driver = null) => {
-    const d = driver ? driverById(driver) : null;
-    set({
-      view: "picker",
-      pickerMode: d ? "drivers" : "drivers",
-      pickerDriver: driver,
-      form: d
-        ? {
-            id: crypto.randomUUID(),
-            name: `${d.name} 连接`,
-            driver: d.id,
-            host: d.hints?.host ?? "127.0.0.1",
-            port: d.defaultPort,
-            user: d.hints?.user ?? (d.id === "redis" ? "" : "root"),
-            password: "",
-            database: d.hints?.database ?? "",
-            ssl: false,
-            sslMode: "disable",
-            sslCA: "",
-            sslCert: "",
-            sslKey: "",
-            service: d.id === "oracle" ? (d.hints?.database ?? "ORCL") : "",
-            savePassword: true,
-            keySeparator: d.id === "redis" ? ":" : undefined,
-            redisMode: d.id === "redis" ? "standalone" : undefined,
-            oracleConnType: d.id === "oracle" ? "basic" : undefined,
-            oracleIdKind: d.id === "oracle" ? "service" : undefined,
-            oracleRole: d.id === "oracle" ? "default" : undefined,
-            authMode: d.id === "sqlserver" ? "sql" : undefined,
-            sshEnabled: false,
-            sshPort: 22,
-            sshAuth: "password",
-          }
-        : {},
-    });
-  },
-
-  openConnectionList: () => {
-    set({ view: "picker", pickerMode: "list", pickerDriver: null, form: {} });
-  },
-
-  editConnection: (c) => {
-    set({
-      view: "picker",
-      pickerMode: "drivers",
-      pickerDriver: c.driver,
-      form: {
-        ...c,
-        password: decodeSecret(c.password),
-        sshPassword: c.sshPassword ? decodeSecret(c.sshPassword) : "",
-        sshPassphrase: c.sshPassphrase ? decodeSecret(c.sshPassphrase) : "",
-      },
-    });
-  },
-
-  newQueryTab: () => {
-    const n = get().tabs.length + 1;
-    const tab: QueryTab = {
-      id: crypto.randomUUID(),
-      title: `查询 ${n}`,
-      sql: "",
-      savedSql: "",
-      dirty: false,
-      connectionId: get().activeConnectionId ?? undefined,
-    };
-    const tabs = [...get().tabs, tab];
-    set({ tabs, activeTabId: tab.id });
-    localStorage.setItem(LS_TABS, JSON.stringify({ tabs, activeTabId: tab.id }));
-  },
-
-  setActiveTabTitle: (title) => {
-    const s = get();
-    const tabs = s.tabs.map((t) => (t.id === s.activeTabId ? { ...t, title } : t));
-    set({ tabs });
-    localStorage.setItem(LS_TABS, JSON.stringify({ tabs, activeTabId: s.activeTabId }));
-  },
-
-  setTabDatabase: (database) => {
-    const s = get();
-    const tabs = s.tabs.map((t) => (t.id === s.activeTabId ? { ...t, database } : t));
-    set({ tabs });
-    localStorage.setItem(LS_TABS, JSON.stringify({ tabs, activeTabId: s.activeTabId }));
-  },
-
-  closeTab: (id) => {
-    const tabs = get().tabs.filter((t) => t.id !== id);
-    const next = tabs.length ? tabs : [defaultTab()];
-    const activeTabId = get().activeTabId === id ? next[0].id : get().activeTabId;
-    set({ tabs: next, activeTabId });
-    localStorage.setItem(LS_TABS, JSON.stringify({ tabs: next, activeTabId }));
-  },
-
-  /** R2-F6:右键菜单「关闭其他」——只保留指定 Tab */
-  closeOtherTabs: (id) => {
-    const tabs = get().tabs.filter((t) => t.id === id);
-    const next = tabs.length ? tabs : [defaultTab()];
-    const activeTabId = next.some((t) => t.id === get().activeTabId) ? get().activeTabId : next[0].id;
-    set({ tabs: next, activeTabId });
-    localStorage.setItem(LS_TABS, JSON.stringify({ tabs: next, activeTabId }));
-  },
-
-  /** R2-F6:右键菜单「关闭右侧」——保留指定 Tab 及其左侧全部 */
-  closeRightTabs: (id) => {
-    const idx = get().tabs.findIndex((t) => t.id === id);
-    if (idx < 0) return;
-    const next = get().tabs.slice(0, idx + 1);
-    const activeTabId = next.some((t) => t.id === get().activeTabId) ? get().activeTabId : next[next.length - 1].id;
-    set({ tabs: next, activeTabId });
-    localStorage.setItem(LS_TABS, JSON.stringify({ tabs: next, activeTabId }));
-  },
-
-  /** R2-F6:右键菜单「关闭全部」——回落一个空白 Tab(与 closeTab 语义一致) */
-  closeAllTabs: () => {
-    const next = [defaultTab()];
-    set({ tabs: next, activeTabId: next[0].id });
-    localStorage.setItem(LS_TABS, JSON.stringify({ tabs: next, activeTabId: next[0].id }));
-  },
-
-  setStopOnError: (v) => {
-    set({ stopOnError: v });
-    get().persistPrefs();
-  },
-
-  setExecTimeoutMs: (v) => {
-    set({ execTimeoutMs: Math.min(3_600_000, Math.max(0, v || 0)) });
-    get().persistPrefs();
-  },
-
-  updateActiveSql: (sql) => {
-    const id = get().activeTabId;
-    const tabs = get().tabs.map((t) => {
-      if (t.id !== id) return t;
-      const saved = t.savedSql ?? "";
-      return { ...t, sql, dirty: sql !== saved };
-    });
-    set({ tabs });
-    localStorage.setItem(LS_TABS, JSON.stringify({ tabs, activeTabId: id }));
-  },
-
-  pushAi: (role, content) =>
-    set((s) => ({
-      aiMessages: [
-        ...s.aiMessages,
-        { id: crypto.randomUUID(), role, content, at: new Date().toLocaleTimeString() },
-      ],
-    })),
-
-  setSession: (connectionId, sessionId) => {
-    const sessions = { ...get().sessions };
-    if (sessionId) sessions[connectionId] = sessionId;
-    else delete sessions[connectionId];
-    set({ sessions });
-  },
-
-  pushHistory: (item) => {
-    const norm = (s: string) => s.replace(/\s+/g, " ").trim().toLowerCase();
-    const key = norm(item.sql);
-    const entry: QueryHistoryItem = {
-      id: crypto.randomUUID(),
-      at: item.at ?? Date.now(),
-      sql: item.sql,
-      connectionId: item.connectionId,
-      rowCount: item.rowCount,
-      timeMs: item.timeMs,
-      error: item.error,
-    };
-    // 相同语句去重置顶：重复执行只留最新一次，历史即「最近用过的不同语句」
-    const next = [entry, ...get().queryHistory.filter((h) => norm(h.sql) !== key)].slice(0, 200);
-    localStorage.setItem(LS_HISTORY, JSON.stringify(next));
-    set({ queryHistory: next });
-  },
-
-  clearHistory: () => {
-    set({ queryHistory: [] });
-    localStorage.setItem(LS_HISTORY, JSON.stringify([]));
-  },
-
-
-  setResultSets: (items) => {
-    const active = items[0]?.id ?? null;
-    set({
-      resultSets: items,
-      activeResultSetId: active,
-      result: items[0]?.result ?? null,
-      resultTab: "data",
-    });
-  },
-
-  selectResultSet: (id) => {
-    const item = get().resultSets.find((x) => x.id === id);
-    if (!item) return;
-    set({ activeResultSetId: id, result: item.result, resultTab: "data" });
-  },
-
-  updateResultSet: (id, patch) => {
-    const items = get().resultSets.map((x) => (x.id === id ? { ...x, ...patch } : x));
-    const next: Partial<State> = { resultSets: items };
-    if (get().activeResultSetId === id) {
-      const item = items.find((x) => x.id === id);
-      if (item) next.result = item.result;
-    }
-    set(next);
-  },
-
-  loadBookmarks: () => {
-    try {
-      const raw = localStorage.getItem(LS_BOOKMARKS);
-      if (!raw) return;
-      const parsed = JSON.parse(raw);
-      if (Array.isArray(parsed)) set({ bookmarks: parsed });
-    } catch {
-      /* ignore */
-    }
-  },
-
-  saveBookmark: (name, sql) => {
-    const n = name.trim();
-    if (!n) return;
-    const list = [{ id: crypto.randomUUID(), name: n, sql, at: Date.now() }, ...get().bookmarks].slice(0, 100);
-    localStorage.setItem(LS_BOOKMARKS, JSON.stringify(list));
-    set({ bookmarks: list });
-  },
-
-  renameBookmark: (id, name) => {
-    const n = name.trim();
-    if (!n) return;
-    const list = get().bookmarks.map((b) => (b.id === id ? { ...b, name: n } : b));
-    localStorage.setItem(LS_BOOKMARKS, JSON.stringify(list));
-    set({ bookmarks: list });
-  },
-
-  removeBookmark: (id) => {
-    const list = get().bookmarks.filter((b) => b.id !== id);
-    localStorage.setItem(LS_BOOKMARKS, JSON.stringify(list));
-    set({ bookmarks: list });
-  },
-
-  askConfirm: (req) =>
-    new Promise<boolean>((resolve) => {
-      confirmResolver?.(false);
-      confirmResolver = resolve;
-      set({ confirm: req });
-    }),
-
-  resolveConfirm: (ok) => {
-    const r = confirmResolver;
-    confirmResolver = null;
-    set({ confirm: null });
-    r?.(ok);
-  },
-
-  persistPrefs: () => {
-    const s = get();
-    localStorage.setItem(
-      LS_PREFS,
-      JSON.stringify({
-        theme: s.theme,
-        leftWidth: s.leftWidth,
-        aiWidth: s.aiWidth,
-        resultRatio: s.resultRatio,
-        showAi: s.showAi,
-        stopOnError: s.stopOnError,
-        execTimeoutMs: s.execTimeoutMs,
-      }),
-    );
-  },
-}));
-
-// init bookmarks
-try {
-  const _bm = localStorage.getItem(LS_BOOKMARKS);
-  if (_bm) {
-    const parsed = JSON.parse(_bm);
-    if (Array.isArray(parsed)) useWorkspaceStore.setState({ bookmarks: parsed });
-  }
-} catch { /* ignore */ }
-
-// init activeTabId after create
-const boot = useWorkspaceStore.getState();
-if (!boot.activeTabId && boot.tabs[0]) {
-  useWorkspaceStore.setState({ activeTabId: boot.tabs[0].id });
-}
diff --git a/packages/ui/src/vite-env.d.ts b/packages/ui/src/vite-env.d.ts
deleted file mode 100644
index 11f02fe..0000000
--- a/packages/ui/src/vite-env.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-/// <reference types="vite/client" />
diff --git a/packages/ui/tsconfig.json b/packages/ui/tsconfig.json
deleted file mode 100644
index a47cede..0000000
--- a/packages/ui/tsconfig.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "dist",
-    "rootDir": "src"
-  },
-  "include": [
-    "src"
-  ]
-}
diff --git a/run.sh b/run.sh
index 4cd2ca0..7b4be91 100755
--- a/run.sh
+++ b/run.sh
@@ -85,6 +85,17 @@ detect_node() {
 
 check_port() { lsof -ti:"$1" 2>/dev/null | head -1 || true; }
 
+opsxdb_health() {
+  curl -fsS --max-time 2 "http://127.0.0.1:$SERVER_PORT/health" 2>/dev/null \
+    | rg -q '"service"[[:space:]]*:[[:space:]]*"opsxdb"'
+}
+
+opsxdb_vite() {
+  local html
+  html="$(curl -fsS --max-time 2 "http://127.0.0.1:$WEB_PORT/" 2>/dev/null)" || return 1
+  [[ "$html" == *'<title>OpsxDB</title>'* && "$html" == *'/src/main.tsx'* ]]
+}
+
 kill_port() {
   local pids
   pids="$(lsof -ti:"$1" 2>/dev/null || true)"
@@ -119,10 +130,6 @@ ensure_npm() {
     warning "缺少 node_modules，正在 npm install..."
     npm install
   fi
-  if [ ! -d "$SCRIPT_DIR/node_modules" ]; then
-    warning "desktop 缺少依赖，正在安装..."
-    npm install
-  fi
 }
 
 build_server() {
@@ -145,13 +152,16 @@ wait_http() {
 }
 
 start_server() {
-  if curl -fsS "http://127.0.0.1:$SERVER_PORT/health" >/dev/null 2>&1; then
+  if opsxdb_health; then
     success "后端已在运行 :$SERVER_PORT"
     return 0
   fi
+  if [ -n "$(check_port "$SERVER_PORT")" ]; then
+    error ":$SERVER_PORT 已被其他进程占用，不能启动 OpsxDB Gin；不会结束该进程"
+    return 1
+  fi
   info "启动后端 :$SERVER_PORT ..."
   : >"$SERVER_LOG"
-  kill_port "$SERVER_PORT"
   build_server
   # 默认仅本机；对外需 OPSXDB_BIND_PUBLIC=1
   local bind_env="OPSXDB_ADDR=127.0.0.1:$SERVER_PORT"
@@ -168,22 +178,29 @@ start_server() {
 
 stop_server() {
   stop_detached "$SERVER_LABEL"
-  kill_port "$SERVER_PORT"
+  if opsxdb_health; then
+    kill_port "$SERVER_PORT"
+  elif [ -n "$(check_port "$SERVER_PORT")" ]; then
+    warning ":$SERVER_PORT 由其他服务占用，未停止该进程"
+  fi
   success "后端已停止"
 }
 
 # 仅供桌面 Tauri devUrl / 打包源；不是浏览器产品入口
 start_vite_for_desktop() {
-  if curl -fsS "http://127.0.0.1:$WEB_PORT/" >/dev/null 2>&1; then
+  if opsxdb_vite; then
     success "桌面 UI(Vite) 已在运行 :$WEB_PORT"
     return 0
   fi
+  if [ -n "$(check_port "$WEB_PORT")" ]; then
+    error ":$WEB_PORT 已被其他服务占用，无法启动 OpsxDB 桌面 UI；不会结束该进程"
+    return 1
+  fi
   info "启动桌面 UI 源 :${WEB_PORT}（仅本机给 Tauri，勿当浏览器客户端）..."
   : >"$WEB_LOG"
   ensure_npm
-  kill_port "$WEB_PORT"
   # Vite 用 nohup：launchctl submit 在本机对 npm -w 经常交不出进程（web.log 空、40s 超时）
-  nohup /bin/bash -lc "export PATH=\"$NODE_BIN_DIR:/opt/homebrew/bin:/usr/local/bin:\$PATH\"; cd \"$SCRIPT_DIR\" && exec npm run" >>"$WEB_LOG" 2>&1 </dev/null &
+  nohup /bin/bash -lc "export PATH=\"$NODE_BIN_DIR:/opt/homebrew/bin:/usr/local/bin:\$PATH\"; cd \"$SCRIPT_DIR\" && exec npm run dev:ui" >>"$WEB_LOG" 2>&1 </dev/null &
   wait_http "http://127.0.0.1:$WEB_PORT/" "Web UI" 80
   success "桌面 UI(Vite) UP  http://127.0.0.1:${WEB_PORT}（请用 ./run.sh gui，勿当工作台）"
 }
@@ -193,7 +210,11 @@ start_web() { start_vite_for_desktop; }
 
 stop_web() {
   stop_detached "$WEB_LABEL"
-  kill_port "$WEB_PORT"
+  if opsxdb_vite; then
+    kill_port "$WEB_PORT"
+  elif [ -n "$(check_port "$WEB_PORT")" ]; then
+    warning ":$WEB_PORT 由其他服务占用，未停止该进程"
+  fi
   success "Web 已停止"
 }
 
@@ -202,6 +223,9 @@ start_desktop() {
   : >"$DESKTOP_LOG"
   ensure_npm
   kill_opsxdb_gui
+  build_server
+  prepare_sidecar
+  npm run tauri -- build --debug --no-bundle
   ensure_gui_dev_app || return 1
   if [ "${GUI_DEV_NEEDS_VITE:-0}" = "1" ]; then
     start_vite_for_desktop
@@ -232,15 +256,21 @@ stop_desktop() {
 
 status() {
   echo "$PROJECT_NAME 状态"
-  if curl -fsS "http://127.0.0.1:$SERVER_PORT/health" >/dev/null 2>&1; then
+  if opsxdb_health; then
     success "server  :$SERVER_PORT  UP  $(curl -fsS "http://127.0.0.1:$SERVER_PORT/health")"
   else
     warning "server  :$SERVER_PORT  DOWN"
+    if [ -n "$(check_port "$SERVER_PORT")" ]; then
+      warning ":$SERVER_PORT 被其他进程占用；桌面可使用独立动态端口"
+    fi
   fi
-  if curl -fsS "http://127.0.0.1:$WEB_PORT/" >/dev/null 2>&1; then
+  if opsxdb_vite; then
     success "vite    :${WEB_PORT}  UP（桌面源，非浏览器产品）"
   else
     warning "vite    :$WEB_PORT  DOWN"
+    if [ -n "$(check_port "$WEB_PORT")" ]; then
+      warning ":$WEB_PORT 被其他服务占用"
+    fi
   fi
   if curl -fsS "http://127.0.0.1:$SERVER_PORT/home" >/dev/null 2>&1 \
     || curl -fsS "http://127.0.0.1:$SERVER_PORT/docs" >/dev/null 2>&1; then
@@ -254,10 +284,7 @@ status() {
 }
 
 
-package_desktop() {
-  info "构建桌面可安装包（含本机 sidecar）..."
-  ensure_npm
-  build_server
+prepare_sidecar() {
   local triple
   triple="$(rustc -vV 2>/dev/null | awk '/host:/ {print $2}')"
   if [ -z "$triple" ]; then
@@ -269,12 +296,19 @@ package_desktop() {
   cp "$SCRIPT_DIR/$SERVER_DIR/bin/$SERVER_BIN" "$bin_dir/opsxdb-server-$triple"
   chmod +x "$bin_dir/opsxdb-server-$triple"
   success "sidecar → binaries/opsxdb-server-$triple"
+}
+
+package_desktop() {
+  info "构建桌面可安装包（含本机 sidecar）..."
+  ensure_npm
+  build_server
+  prepare_sidecar
   (
-    cd "$SCRIPT_DIR/apps/desktop"
+    cd "$SCRIPT_DIR"
     export VITE_OPSXDB_API="http://127.0.0.1:$SERVER_PORT"
     npm run tauri -- build
   )
-  success "桌面包构建完成（见 apps/desktop/src-tauri/target/release/bundle）"
+  success "桌面包构建完成（见 src-tauri/target/release/bundle）"
 }
 
 usage() {
@@ -308,7 +342,11 @@ start_web_scene() {
 
 start_gui_scene() {
   if [ "$GUI_WITH_SERVER" = "1" ]; then
-    start_server
+    if [ -n "$(check_port "$SERVER_PORT")" ] && ! opsxdb_health; then
+      warning ":$SERVER_PORT 已被其他服务占用；桌面将自起独立后端"
+    else
+      start_server
+    fi
   else
     info "跳过 Gin（OPSXDB_GUI_WITH_SERVER=0）；桌面 HTTP 走 tauri-native"
   fi
@@ -334,6 +372,7 @@ case "$cmd" in
   gui|desktop-scene) start_gui_scene ;;
   all) start_all_scene ;;
   server) start_server ;;
+  prepare) build_server; prepare_sidecar ;;
   package|dist) package_desktop ;;
   web-only|vite)
     warning "已弃用浏览器工作台。Vite 仅桌面源；请用: ./run.sh gui"
diff --git a/scripts/gui-dev-app.sh b/scripts/gui-dev-app.sh
index 2e00b4c..6445107 100644
--- a/scripts/gui-dev-app.sh
+++ b/scripts/gui-dev-app.sh
@@ -2,18 +2,14 @@
 # shellcheck shell=bash
 
 # .noindex：避免 Spotlight 把临时 Dock 壳当成可打开的历史 App
-TAURI_DIR="$SCRIPT_DIR/apps/desktop/src-tauri"
+TAURI_DIR="$SCRIPT_DIR/src-tauri"
 GUI_APP_DIR="$TAURI_DIR/target/gui-app.noindex"
 GUI_APP="$GUI_APP_DIR/OpsxDB.app"
 ICONS_DIR="$TAURI_DIR/icons"
 REL_APP="$TAURI_DIR/target/release/bundle/macos/OpsxDB.app"
 DBG_APP="$TAURI_DIR/target/debug/bundle/macos/OpsxDB.app"
-REL_BIN="$TAURI_DIR/target/release/OpsxDB"
-[ -x "$REL_BIN" ] || REL_BIN="$SCRIPT_DIR/src-tauri/target/release/OpsxDB"
-DBG_BIN_A="$TAURI_DIR/target/debug/OpsxDB"
-[ -x "$DBG_BIN_A" ] || DBG_BIN_A="$SCRIPT_DIR/src-tauri/target/debug/OpsxDB"
-DBG_BIN_B="$TAURI_DIR/target/debug/opsxdb-desktop"
-[ -x "$DBG_BIN_B" ] || DBG_BIN_B="$SCRIPT_DIR/src-tauri/target/debug/opsxdb-desktop"
+REL_BIN="$TAURI_DIR/target/release/opsxdb"
+DBG_BIN="$TAURI_DIR/target/debug/opsxdb"
 GUI_DEV_NEEDS_VITE=0
 
 _gui_write_plist() {
@@ -44,7 +40,7 @@ _gui_wrap_bin() {
   local sidecar=""
   for sidecar in \
     "$(dirname "$src")/opsxdb-server" \
-    "$SCRIPT_DIR/apps/server/bin/opsxdb-server" \
+    "$SCRIPT_DIR/server/bin/opsxdb-server" \
     "$SCRIPT_DIR/src-tauri/target/debug/opsxdb-server"
   do
     if [ -x "$sidecar" ]; then
@@ -64,17 +60,9 @@ ensure_gui_dev_app() {
     return 1
   fi
   mkdir -p "$GUI_APP_DIR"
-  if [ -d "$DBG_APP" ]; then
+  if [ -x "$DBG_BIN" ]; then
     rm -rf "$GUI_APP"
-    cp -R "$DBG_APP" "$GUI_APP"
-    GUI_DEV_NEEDS_VITE=1
-  elif [ -x "$DBG_BIN_A" ]; then
-    rm -rf "$GUI_APP"
-    _gui_wrap_bin "$DBG_BIN_A"
-    GUI_DEV_NEEDS_VITE=1
-  elif [ -x "$DBG_BIN_B" ]; then
-    rm -rf "$GUI_APP"
-    _gui_wrap_bin "$DBG_BIN_B"
+    _gui_wrap_bin "$DBG_BIN"
     GUI_DEV_NEEDS_VITE=1
   elif [ -d "$REL_APP" ]; then
     rm -rf "$GUI_APP"
@@ -88,9 +76,6 @@ ensure_gui_dev_app() {
   fi
   mkdir -p "$GUI_APP/Contents/Resources"
   cp "$icon" "$GUI_APP/Contents/Resources/icon.icns"
-  if [ -x "$GUI_APP/Contents/MacOS/opsxdb-desktop" ] && [ ! -x "$GUI_APP/Contents/MacOS/OpsxDB" ]; then
-    mv "$GUI_APP/Contents/MacOS/opsxdb-desktop" "$GUI_APP/Contents/MacOS/OpsxDB"
-  fi
   /usr/libexec/PlistBuddy -c "Set :CFBundleDisplayName OpsxDB" "$GUI_APP/Contents/Info.plist" 2>/dev/null || true
   /usr/libexec/PlistBuddy -c "Set :CFBundleName OpsxDB" "$GUI_APP/Contents/Info.plist" 2>/dev/null || true
   /usr/libexec/PlistBuddy -c "Set :CFBundleExecutable OpsxDB" "$GUI_APP/Contents/Info.plist" 2>/dev/null || true
@@ -105,11 +90,9 @@ ensure_gui_dev_app() {
 
 kill_opsxdb_gui() {
   stop_detached "$DESKTOP_LABEL"
-  pkill -f "$SCRIPT_DIR/apps/desktop/src-tauri/target/debug/OpsxDB" 2>/dev/null || true
-  pkill -f "$SCRIPT_DIR/apps/desktop/src-tauri/target/debug/opsxdb-desktop" 2>/dev/null || true
+  pkill -f "$SCRIPT_DIR/src-tauri/target/debug/opsxdb" 2>/dev/null || true
   pkill -f "$SCRIPT_DIR/src-tauri/target/debug/opsxdb-desktop" 2>/dev/null || true
-  pkill -f "$SCRIPT_DIR/src-tauri/target/debug/OpsxDB" 2>/dev/null || true
-  pkill -f "$SCRIPT_DIR/apps/desktop/node_modules/.bin/tauri" 2>/dev/null || true
+  pkill -f "$SCRIPT_DIR/node_modules/.bin/tauri" 2>/dev/null || true
   pkill -f "$GUI_APP" 2>/dev/null || true
   pkill -f "$SCRIPT_DIR/src-tauri/target/gui-app.noindex/OpsxDB.app" 2>/dev/null || true
   pkill -x OpsxDB 2>/dev/null || true
diff --git a/server/bin/opsxdb-server b/server/bin/opsxdb-server
index ff372c3..0ea0929 100755
Binary files a/server/bin/opsxdb-server and b/server/bin/opsxdb-server differ
diff --git a/server/cmd/opsxdb-crud-accept/main.go b/server/cmd/opsxdb-crud-accept/main.go
index 88c7ce9..66b179a 100644
--- a/server/cmd/opsxdb-crud-accept/main.go
+++ b/server/cmd/opsxdb-crud-accept/main.go
@@ -75,6 +75,19 @@ func main() {
 		MaxLimit:             500,
 	})
 	rw.Source = "crud-accept"
+	// 真库不可达时尽早退出，避免把后续的 nil 结果误报成 CRUD 逻辑故障。
+	if _, err := rw.Call(ctx, aitools.ToolExecuteQuery, map[string]any{
+		"connection_id": mysqlID, "database": "demo", "sql": "SELECT 1 AS ready",
+	}); err != nil {
+		fmt.Printf("BLOCKED: MySQL preflight: %v\n", err)
+		os.Exit(1)
+	}
+	if _, err := rw.Call(ctx, aitools.ToolExecuteRedisCommand, map[string]any{
+		"connection_id": redisID, "command": "PING",
+	}); err != nil {
+		fmt.Printf("BLOCKED: Redis preflight: %v\n", err)
+		os.Exit(1)
+	}
 
 	// B1 无确认 → needConfirm
 	out, err := rw.Call(ctx, aitools.ToolExecuteQuery, map[string]any{
diff --git a/server/cmd/opsxdb-mcp/main.go b/server/cmd/opsxdb-mcp/main.go
index b3bbb65..ebdc512 100644
--- a/server/cmd/opsxdb-mcp/main.go
+++ b/server/cmd/opsxdb-mcp/main.go
@@ -1,7 +1,7 @@
-// opsxdb-mcp：stdio MCP Server，暴露只读数据库工具（P0）。 // Logan.Li
+// opsxdb-mcp：stdio MCP Server，按本机策略暴露数据库工具。
 //
 // 配置：
-//   ~/.opsxdb/mcp.json          — allowed_connection_ids；mode（P0 执行层强制只读）
+//   ~/.opsxdb/mcp.json          — allowed_connection_ids；mode；每次工具调用重新读取
 //   ~/.opsxdb/connections.json  — 桌面双写的连接列表（密码 ox1. 混淆）
 //   ~/.opsxdb/logs/mcp-audit.jsonl
 //
@@ -21,13 +21,6 @@ import (
 )
 
 func main() {
-	rt, err := aitools.DefaultRuntime()
-	if err != nil {
-		fmt.Fprintf(os.Stderr, "opsxdb-mcp: load policy: %v\n", err)
-		os.Exit(1)
-	}
-	rt.Source = "mcp"
-
 	s := server.NewMCPServer(
 		"opsxdb",
 		"0.1.0",
@@ -39,8 +32,7 @@ func main() {
 		t := mcp.NewToolWithRawSchema(spec.Name, spec.Description, raw)
 		toolName := spec.Name
 		s.AddTool(t, func(ctx context.Context, req mcp.CallToolRequest) (*mcp.CallToolResult, error) {
-			args := req.GetArguments()
-			out, err := rt.Call(ctx, toolName, args)
+			out, err := callTool(ctx, toolName, req.GetArguments(), aitools.DefaultRuntime)
 			if err != nil {
 				return mcp.NewToolResultError(err.Error()), nil
 			}
@@ -53,3 +45,13 @@ func main() {
 		os.Exit(1)
 	}
 }
+
+// 每次调用使用新的策略快照；读取失败直接拒绝，不继续用上一次的权限。
+func callTool(ctx context.Context, tool string, args map[string]any, load func() (*aitools.Runtime, error)) (any, error) {
+	rt, err := load()
+	if err != nil {
+		return nil, fmt.Errorf("load policy: %w", err)
+	}
+	rt.Source = "mcp"
+	return rt.Call(ctx, tool, args)
+}
diff --git a/server/cmd/opsxdb-mcp/main_test.go b/server/cmd/opsxdb-mcp/main_test.go
new file mode 100644
index 0000000..4682034
--- /dev/null
+++ b/server/cmd/opsxdb-mcp/main_test.go
@@ -0,0 +1,46 @@
+package main
+
+import (
+	"context"
+	"errors"
+	"strings"
+	"testing"
+
+	"opsxdb/server/internal/aitools"
+)
+
+func TestCallToolReloadsPolicyAndFailsClosed(t *testing.T) {
+	policy := aitools.Policy{Mode: aitools.ModeReadOnly, AllowedConnectionIDs: []string{"c1"}}
+	var loadErr error
+	load := func() (*aitools.Runtime, error) {
+		if loadErr != nil {
+			return nil, loadErr
+		}
+		rt := aitools.NewRuntime(policy)
+		rt.Audit = func(aitools.AuditEntry) {}
+		rt.LoadConns = func() ([]aitools.SavedConnection, error) {
+			return []aitools.SavedConnection{{ID: "c1"}, {ID: "c2"}}, nil
+		}
+		return rt, nil
+	}
+	list := func() ([]aitools.ConnectionSummary, error) {
+		out, err := callTool(context.Background(), aitools.ToolListConnections, nil, load)
+		if err != nil {
+			return nil, err
+		}
+		return out.(map[string]any)["connections"].([]aitools.ConnectionSummary), nil
+	}
+	first, err := list()
+	if err != nil || len(first) != 1 || first[0].ID != "c1" {
+		t.Fatalf("initial whitelist: %v, %v", first, err)
+	}
+	policy.AllowedConnectionIDs = []string{"c2"}
+	second, err := list()
+	if err != nil || len(second) != 1 || second[0].ID != "c2" {
+		t.Fatalf("updated whitelist: %v, %v", second, err)
+	}
+	loadErr = errors.New("invalid mcp.json")
+	if _, err := list(); err == nil || !strings.Contains(err.Error(), "invalid mcp.json") {
+		t.Fatalf("broken policy must reject calls, got %v", err)
+	}
+}
diff --git a/server/internal/ai/agent.go b/server/internal/ai/agent.go
index 5b487a8..b439656 100644
--- a/server/internal/ai/agent.go
+++ b/server/internal/ai/agent.go
@@ -34,17 +34,17 @@ type AgentReq struct {
 
 // AgentStep 挂在回复下的步骤时间线一项。
 type AgentStep struct {
-	Tool         string            `json:"tool"`
-	Args         string            `json:"args,omitempty"`
-	OK           bool              `json:"ok"`
-	Summary      string            `json:"summary"`
-	Error        string            `json:"error,omitempty"`
-	Ms           int64             `json:"ms"`
-	NeedConfirm  bool              `json:"needConfirm,omitempty"`
-	ConfirmSQL   string            `json:"confirmSql,omitempty"`
-	ConfirmBind  string            `json:"confirmBind,omitempty"`
-	Pending      bool              `json:"pending,omitempty"`
-	Result       *AgentQueryResult `json:"result,omitempty"`
+	Tool        string            `json:"tool"`
+	Args        string            `json:"args,omitempty"`
+	OK          bool              `json:"ok"`
+	Summary     string            `json:"summary"`
+	Error       string            `json:"error,omitempty"`
+	Ms          int64             `json:"ms"`
+	NeedConfirm bool              `json:"needConfirm,omitempty"`
+	ConfirmSQL  string            `json:"confirmSql,omitempty"`
+	ConfirmBind string            `json:"confirmBind,omitempty"`
+	Pending     bool              `json:"pending,omitempty"`
+	Result      *AgentQueryResult `json:"result,omitempty"`
 }
 
 // AgentRes Agent 最终回答 + 步骤 + 运行结果契约。
@@ -60,7 +60,7 @@ type AgentRes struct {
 	Resumable        bool        `json:"resumable,omitempty"`
 	StepsBudget      int         `json:"stepsBudget,omitempty"`
 	// Trajectory 含 system/user/assistant.tool_calls/tool 的完整对话（供落盘续跑；JSON 默认省略大字段可选）
-	Trajectory       []Message   `json:"trajectory,omitempty"`
+	Trajectory []Message `json:"trajectory,omitempty"`
 }
 
 // RunAgent 多轮：LLM tool_call → aitools.Runtime.Call → 回灌。
@@ -98,6 +98,10 @@ func runAgent(ctx context.Context, llm ToolChat, rt *aitools.Runtime, req AgentR
 		req.SessionID = sessionID
 	}
 	rt.RunID = runID
+	if req.ConnectionID != "" {
+		rt.BoundConnectionID = req.ConnectionID
+		rt.BoundDatabase = req.Database
+	}
 	// Agent 路径禁止模型自行带确认令牌
 	rt.RejectCallerConfirm = true
 
@@ -106,14 +110,14 @@ func runAgent(ctx context.Context, llm ToolChat, rt *aitools.Runtime, req AgentR
 	if req.Continue && len(req.Prior) > 0 {
 		msgs = append([]Message{}, req.Prior...)
 		hasSystem := false
-		for _, m := range msgs {
+		for i, m := range msgs {
 			if m.Role == "system" {
+				msgs[i].Content = buildAgentSystem(req, rt.Policy)
 				hasSystem = true
-				break
 			}
 		}
 		if !hasSystem {
-			msgs = append([]Message{{Role: "system", Content: buildAgentSystem(req)}}, msgs...)
+			msgs = append([]Message{{Role: "system", Content: buildAgentSystem(req, rt.Policy)}}, msgs...)
 		}
 		if prompt != "" {
 			msgs = append(msgs, Message{Role: "user", Content: prompt})
@@ -121,7 +125,7 @@ func runAgent(ctx context.Context, llm ToolChat, rt *aitools.Runtime, req AgentR
 		msgs = TrimMessages(msgs, h)
 	} else {
 		msgs = []Message{
-			{Role: "system", Content: buildAgentSystem(req)},
+			{Role: "system", Content: buildAgentSystem(req, rt.Policy)},
 			{Role: "user", Content: prompt},
 		}
 	}
@@ -258,18 +262,22 @@ func runAgent(ctx context.Context, llm ToolChat, rt *aitools.Runtime, req AgentR
 	return res, nil
 }
 
-func buildAgentSystem(req AgentReq) string {
+func buildAgentSystem(req AgentReq, policy aitools.Policy) string {
 	var b strings.Builder
 	b.WriteString("你是 OpsxDB 数据库 Agent。你可以通过工具查询用户已白名单的连接。\n")
 	b.WriteString("规则：\n")
 	b.WriteString("1. 需要查库时必须调用工具；不要假装已执行 SQL。\n")
-	b.WriteString("2. 默认只读：execute_query 以 SELECT/SHOW/EXPLAIN/DESCRIBE/WITH…SELECT 为主；Redis 以读命令为主。\n")
+	if policy.WritesEnabled() {
+		b.WriteString("2. 当前允许申请写操作：有写入意图时调用对应工具生成待确认命令；工具要求确认后必须停下，等待用户在界面确认，不能自行确认。\n")
+	} else {
+		b.WriteString("2. 当前策略为只读：仅能查询，写操作会被拒绝，也不会出现写操作确认。用户需要写入时，说明需先在设置 → MCP 选择使用默认权限，再提交任务并逐次确认。\n")
+	}
 	b.WriteString("3. 写操作若被拒绝并提示需要确认，向用户说明须在界面确认后执行；不要声称已写入。\n")
-	b.WriteString("4. 先确认 connection_id（可用 opsxdb_list_connections）；用户给出偏好连接时优先用它。\n")
+	b.WriteString("4. 只使用当前会话绑定的 connection_id 和数据库；调用工具时传入它们，不要切换到其他连接或库。\n")
 	b.WriteString("5. 用中文简明回答；可执行 SQL 放在 ```sql 代码块中。\n")
 	b.WriteString("6. 工具结果可能截断，注意说明。\n")
 	if req.ConnectionID != "" {
-		b.WriteString(fmt.Sprintf("\n用户当前偏好连接 id: %s", req.ConnectionID))
+		b.WriteString(fmt.Sprintf("\n当前会话绑定连接 id: %s", req.ConnectionID))
 		if req.Driver != "" {
 			b.WriteString(fmt.Sprintf("（%s）", req.Driver))
 		}
diff --git a/server/internal/ai/agent_test.go b/server/internal/ai/agent_test.go
index 699b3df..8bdf388 100644
--- a/server/internal/ai/agent_test.go
+++ b/server/internal/ai/agent_test.go
@@ -183,6 +183,121 @@ func TestRunAgentRejectsWriteViaRuntime(t *testing.T) {
 	}
 }
 
+func TestAgentCannotLeaveCurrentMySQLConnectionOrDatabase(t *testing.T) {
+	rt := aitools.NewRuntime(aitools.Policy{Mode: aitools.ModeReadOnly, AllowedConnectionIDs: []string{"current", "other"}, DefaultLimit: 10, MaxLimit: 20})
+	rt.FindConn = func(id string) (*aitools.SavedConnection, error) {
+		return &aitools.SavedConnection{ID: id, Driver: "mysql", Database: "demo"}, nil
+	}
+	var queries int
+	rt.ExecSQL = func(_ context.Context, req db.ConnReq) db.ExecResult {
+		queries++
+		if req.Database != "demo" {
+			t.Fatalf("wrong database: %s", req.Database)
+		}
+		return db.ExecResult{Columns: []string{"id"}, Rows: []map[string]interface{}{{"id": 1}}, RowCount: 1}
+	}
+	rt.Audit = func(aitools.AuditEntry) {}
+	call := func(id, conn, database string) ToolCall {
+		args, _ := json.Marshal(map[string]any{"connection_id": conn, "database": database, "sql": "SELECT id FROM users LIMIT 1"})
+		return ToolCall{ID: id, Type: "function", Function: ToolCallFunc{Name: aitools.ToolExecuteQuery, Arguments: string(args)}}
+	}
+	llm := &scriptedLLM{turns: []ToolsTurn{
+		{ToolCalls: []ToolCall{call("other", "other", "demo"), call("db", "current", "secret"), call("ok", "current", "demo")}},
+		{Content: "只查询了当前库。"},
+	}}
+	res, err := RunAgent(context.Background(), llm, rt, AgentReq{Prompt: "查询当前库", ConnectionID: "current", Driver: "mysql", Database: "demo"})
+	if err != nil {
+		t.Fatal(err)
+	}
+	if len(res.Steps) != 3 || res.Steps[0].OK || res.Steps[1].OK || !res.Steps[2].OK || queries != 1 {
+		t.Fatalf("Agent escaped scope or rejected valid query: steps=%+v queries=%d", res.Steps, queries)
+	}
+}
+
+func TestAgentRedisKeepOneKeyNeedsConfirmation(t *testing.T) {
+	rt := aitools.NewRuntime(aitools.Policy{Mode: aitools.ModeReadWrite, AllowedConnectionIDs: []string{"redis"}})
+	rt.RejectCallerConfirm = true
+	rt.FindConn = func(id string) (*aitools.SavedConnection, error) {
+		return &aitools.SavedConnection{ID: id, Driver: "redis", Database: "0"}, nil
+	}
+	var executed []string
+	rt.ExecSQL = func(_ context.Context, req db.ConnReq) db.ExecResult {
+		executed = append(executed, req.SQL)
+		return db.ExecResult{Columns: []string{"value"}, Rows: []map[string]interface{}{{"value": 3}}, RowCount: 1}
+	}
+	rt.Audit = func(aitools.AuditEntry) {}
+	call := func(id, command string) ToolCall {
+		args, _ := json.Marshal(map[string]any{"connection_id": "redis", "command": command, "confirm_danger": true})
+		return ToolCall{ID: id, Type: "function", Function: ToolCallFunc{Name: aitools.ToolExecuteRedisCommand, Arguments: string(args)}}
+	}
+	llm := &scriptedLLM{turns: []ToolsTurn{
+		{ToolCalls: []ToolCall{call("read", "EXISTS key1 key2 key3")}},
+		{ToolCalls: []ToolCall{call("delete", "DEL key2 key3")}},
+	}}
+	res, err := RunAgent(context.Background(), llm, rt, AgentReq{Prompt: "key1 key2 key3 只保留 key1", ConnectionID: "redis", Driver: "redis", Database: "0"})
+	if err != nil {
+		t.Fatal(err)
+	}
+	if len(executed) != 1 || executed[0] != "EXISTS key1 key2 key3" || len(res.Steps) != 2 || !res.Steps[1].NeedConfirm {
+		t.Fatalf("删除必须停在用户确认前: executed=%v steps=%+v", executed, res.Steps)
+	}
+	if err := aitools.VerifyAgentBind("redis", "0", "DEL key2 key3", res.Steps[1].ConfirmBind); err != nil {
+		t.Fatal(err)
+	}
+}
+
+func TestAgentContinueRefreshesWritePolicy(t *testing.T) {
+	rt := aitools.NewRuntime(aitools.Policy{Mode: aitools.ModeReadOnly})
+	llm := &scriptedLLM{turns: []ToolsTurn{{Content: "当前只读"}}}
+	_, err := RunAgent(context.Background(), llm, rt, AgentReq{
+		Prompt: "继续", Continue: true,
+		Prior: []Message{{Role: "system", Content: "旧策略：允许写入"}, {Role: "user", Content: "只保留 key1"}},
+	})
+	if err != nil {
+		t.Fatal(err)
+	}
+	if len(llm.seen) != 1 || !strings.Contains(llm.seen[0][0].Content, "当前策略为只读") || strings.Contains(llm.seen[0][0].Content, "旧策略") {
+		t.Fatalf("续聊必须使用当前权限: %+v", llm.seen)
+	}
+}
+
+func TestAgentRedisReadThenWriteNeedsCurrentDBConfirmation(t *testing.T) {
+	rt := aitools.NewRuntime(aitools.Policy{Mode: aitools.ModeReadWrite, AllowedConnectionIDs: []string{"redis"}, DefaultLimit: 10, MaxLimit: 20})
+	rt.FindConn = func(id string) (*aitools.SavedConnection, error) {
+		return &aitools.SavedConnection{ID: id, Driver: "redis", Database: "0"}, nil
+	}
+	var commands []string
+	rt.ExecSQL = func(_ context.Context, req db.ConnReq) db.ExecResult {
+		if req.Database != "1" {
+			t.Fatalf("Redis DB drifted: %s", req.Database)
+		}
+		commands = append(commands, req.SQL)
+		return db.ExecResult{Columns: []string{"value"}, Rows: []map[string]interface{}{{"value": "old"}}, RowCount: 1}
+	}
+	rt.Audit = func(aitools.AuditEntry) {}
+	call := func(id, cmd string) ToolCall {
+		args, _ := json.Marshal(map[string]any{"connection_id": "redis", "command": cmd})
+		return ToolCall{ID: id, Type: "function", Function: ToolCallFunc{Name: aitools.ToolExecuteRedisCommand, Arguments: string(args)}}
+	}
+	llm := &scriptedLLM{turns: []ToolsTurn{
+		{ToolCalls: []ToolCall{call("read", "GET smoke:key")}},
+		{ToolCalls: []ToolCall{call("write", "SET smoke:key new")}},
+	}}
+	res, err := RunAgent(context.Background(), llm, rt, AgentReq{Prompt: "读取然后修改键", ConnectionID: "redis", Driver: "redis", Database: "1"})
+	if err != nil {
+		t.Fatal(err)
+	}
+	if len(commands) != 1 || commands[0] != "GET smoke:key" || len(res.Steps) != 2 || !res.Steps[0].OK || !res.Steps[1].NeedConfirm {
+		t.Fatalf("unexpected Redis execution/confirmation: commands=%v steps=%+v", commands, res.Steps)
+	}
+	if err := aitools.VerifyAgentBind("redis", "1", "SET smoke:key new", res.Steps[1].ConfirmBind); err != nil {
+		t.Fatal(err)
+	}
+	if err := aitools.VerifyAgentBind("redis", "0", "SET smoke:key new", res.Steps[1].ConfirmBind); err == nil {
+		t.Fatal("other DB must not reuse the confirmation")
+	}
+}
+
 func TestParseToolsTurn(t *testing.T) {
 	content := "hi"
 	raw, _ := json.Marshal(map[string]any{
diff --git a/server/internal/ai/ai_test.go b/server/internal/ai/ai_test.go
index 605dd27..54a3dc6 100644
--- a/server/internal/ai/ai_test.go
+++ b/server/internal/ai/ai_test.go
@@ -1,12 +1,18 @@
 package ai
 
 import (
+	"context"
 	"encoding/json"
+	"io"
 	"net/http"
 	"strings"
 	"testing"
 )
 
+type roundTripFunc func(*http.Request) (*http.Response, error)
+
+func (f roundTripFunc) RoundTrip(req *http.Request) (*http.Response, error) { return f(req) }
+
 func TestValidateEndpoint(t *testing.T) {
 	if err := validateEndpoint("https://api.deepseek.com/v1", false); err != nil {
 		t.Fatalf("https 应直接放行: %v", err)
@@ -98,3 +104,49 @@ func TestBuildMessagesCoversActions(t *testing.T) {
 		t.Fatal("user 消息应包含 SQL")
 	}
 }
+
+func TestAskChatsWithoutClaimingDatabaseExecution(t *testing.T) {
+	request := ChatReq{Action: "ask", Prompt: "这个库里有哪些表？", Driver: "mysql", Database: "demo"}
+	msgs := BuildMessages(request)
+	if !strings.Contains(msgs[0].Content, "demo(mysql)") || !strings.Contains(msgs[0].Content, "不要声称已经查询") {
+		t.Fatalf("Ask should carry context without pretending to query: %s", msgs[0].Content)
+	}
+	if strings.Contains(msgs[0].Content, "只输出可执行 SQL") {
+		t.Fatal("Ask must not force a SQL response")
+	}
+	generate := BuildMessages(ChatReq{Action: "generate", Prompt: "查 users", Driver: "mysql", Database: "demo"})
+	if !strings.Contains(generate[0].Content, "生成一条 mysql 方言的 SQL") {
+		t.Fatalf("SQL generation lost its dedicated instruction: %s", generate[0].Content)
+	}
+	offline := chatStub(request)
+	if offline.SQL != "" || !strings.Contains(offline.Content, "离线体验无法回答") {
+		t.Fatalf("offline Ask must not pretend to generate or query: %+v", offline)
+	}
+}
+
+func TestAskRemoteRequestIsChatAndReturnsNoUnrequestedSQL(t *testing.T) {
+	p := NewRemoteProvider(Config{Provider: "deepseek", Protocol: ProtoChat, BaseURL: "https://api.example.test/v1", APIKey: "test-secret", Model: "test-model"})
+	p.hc = &http.Client{Transport: roundTripFunc(func(req *http.Request) (*http.Response, error) {
+		if req.URL.Path != "/v1/chat/completions" {
+			t.Fatalf("unexpected endpoint: %s", req.URL)
+		}
+		if req.Header.Get("Authorization") != "Bearer test-secret" {
+			t.Fatal("missing auth")
+		}
+		var payload struct {
+			Messages []Message `json:"messages"`
+			Tools    []any     `json:"tools"`
+		}
+		if err := json.NewDecoder(req.Body).Decode(&payload); err != nil {
+			t.Fatal(err)
+		}
+		if len(payload.Messages) != 2 || len(payload.Tools) != 0 || !strings.Contains(payload.Messages[0].Content, "demo(mysql)") || strings.Contains(payload.Messages[0].Content, "只输出可执行 SQL") {
+			t.Fatalf("Ask should be contextual chat without tools: %+v", payload)
+		}
+		return &http.Response{StatusCode: http.StatusOK, Body: io.NopCloser(strings.NewReader(`{"choices":[{"message":{"content":"当前表结构上下文不足，无法确认表名。"}}]}`)), Header: make(http.Header)}, nil
+	})}
+	res, err := p.Complete(context.Background(), ChatReq{Action: "ask", Prompt: "有哪些表？", Driver: "mysql", Database: "demo"})
+	if err != nil || res.SQL != "" || !strings.Contains(res.Content, "无法确认表名") {
+		t.Fatalf("Ask must return a plain answer without invented SQL: %+v err=%v", res, err)
+	}
+}
diff --git a/server/internal/ai/prompt.go b/server/internal/ai/prompt.go
index 71e06e6..7e4664a 100644
--- a/server/internal/ai/prompt.go
+++ b/server/internal/ai/prompt.go
@@ -17,8 +17,10 @@ func BuildMessages(req ChatReq) []Message {
 	sys := "你是资深数据库工程师助手,服务于数据库客户端 OpsxDB。回答使用中文,SQL 代码放在 ```sql 代码块中。"
 	var task string
 	switch strings.ToLower(req.Action) {
-	case "generate", "ask":
+	case "generate":
 		task = fmt.Sprintf("根据用户描述生成一条 %s 方言的 SQL。只输出可执行 SQL 与极简说明。", driver)
+	case "ask":
+		task = "回答用户关于当前数据库、数据或 SQL 的问题；只有用户明确要求编写 SQL 时才给出 SQL。你没有调用数据库工具，不要声称已经查询或修改数据。"
 	case "explain":
 		task = "逐部分解释用户给出的 SQL:访问路径、索引使用、潜在代价。"
 	case "optimize":
diff --git a/server/internal/ai/stub.go b/server/internal/ai/stub.go
index b302d26..957cd7c 100644
--- a/server/internal/ai/stub.go
+++ b/server/internal/ai/stub.go
@@ -28,7 +28,12 @@ func chatStub(req ChatReq) ChatRes {
 	prompt := strings.TrimSpace(req.Prompt)
 
 	switch strings.ToLower(req.Action) {
-	case "generate", "ask":
+	case "ask":
+		if prompt == "" {
+			prompt = "当前问题"
+		}
+		return ChatRes{Content: fmt.Sprintf("离线体验无法回答「%s」。请在设置 → 大模型配置 AI 供应商；如需试写 SQL，可切换为「生成 SQL」。", prompt)}
+	case "generate":
 		q := prompt
 		if q == "" {
 			q = "示例查询"
diff --git a/server/internal/aitools/confirm_bind.go b/server/internal/aitools/confirm_bind.go
index 54105bd..0db5480 100644
--- a/server/internal/aitools/confirm_bind.go
+++ b/server/internal/aitools/confirm_bind.go
@@ -15,6 +15,18 @@ func ConfirmBindHash(connectionID, statement string) string {
 	return hex.EncodeToString(sum[:])
 }
 
+// Agent 写操作还绑定数据库，避免确认时切换到同连接的其他库。
+func ConfirmAgentBindHash(connectionID, database, statement string) string {
+	return ConfirmBindHash(connectionID, strings.TrimSpace(database)+"\n"+statement)
+}
+
+func VerifyAgentBind(connectionID, database, statement, bind string) error {
+	if strings.TrimSpace(bind) == "" || !strings.EqualFold(bind, ConfirmAgentBindHash(connectionID, database, statement)) {
+		return fmt.Errorf("confirmBind mismatch: statement, connection or database changed; re-confirm required")
+	}
+	return nil
+}
+
 // VerifyConfirmBind 校验客户端带回的 bind；空 bind 视为不合法（桌面路径必须带）。
 func VerifyConfirmBind(connectionID, statement, bind string) error {
 	bind = strings.TrimSpace(bind)
diff --git a/server/internal/aitools/confirm_bind_test.go b/server/internal/aitools/confirm_bind_test.go
index 3f83913..63e81aa 100644
--- a/server/internal/aitools/confirm_bind_test.go
+++ b/server/internal/aitools/confirm_bind_test.go
@@ -23,6 +23,19 @@ func TestConfirmBindHashStableAndSensitive(t *testing.T) {
 	}
 }
 
+func TestAgentConfirmBindIncludesDatabase(t *testing.T) {
+	bind := ConfirmAgentBindHash("c1", "demo", "DELETE FROM users WHERE id=1")
+	if err := VerifyAgentBind("c1", "demo", "DELETE FROM users WHERE id=1", bind); err != nil {
+		t.Fatal(err)
+	}
+	if err := VerifyAgentBind("c1", "other", "DELETE FROM users WHERE id=1", bind); err == nil {
+		t.Fatal("database switch must invalidate confirmation")
+	}
+	if err := VerifyAgentBind("c2", "demo", "DELETE FROM users WHERE id=1", bind); err == nil {
+		t.Fatal("connection switch must invalidate confirmation")
+	}
+}
+
 func TestNeedConfirmIncludesBind(t *testing.T) {
 	rt := NewRuntime(Policy{
 		Mode:                 ModeReadWrite,
@@ -55,3 +68,23 @@ func TestNeedConfirmIncludesBind(t *testing.T) {
 		t.Fatalf("bind %s want %s", bind, want)
 	}
 }
+
+func TestAgentWriteProposalBindsCurrentDatabase(t *testing.T) {
+	rt := NewRuntime(Policy{Mode: ModeReadWrite, AllowedConnectionIDs: []string{"c1"}})
+	rt.BoundConnectionID = "c1"
+	rt.BoundDatabase = "demo"
+	rt.RejectCallerConfirm = true
+	rt.Audit = func(AuditEntry) {}
+	statement := "DELETE FROM users WHERE id=1"
+	out, err := rt.Call(nil, ToolExecuteQuery, map[string]any{"connection_id": "c1", "sql": statement, "database": "demo"})
+	if err != nil {
+		t.Fatal(err)
+	}
+	bind := out.(map[string]any)["confirmBind"].(string)
+	if err := VerifyAgentBind("c1", "demo", statement, bind); err != nil {
+		t.Fatal(err)
+	}
+	if err := VerifyAgentBind("c1", "other", statement, bind); err == nil {
+		t.Fatal("confirmation must be scoped to demo")
+	}
+}
diff --git a/server/internal/aitools/connections.go b/server/internal/aitools/connections.go
index 26e8ef1..bfcd01e 100644
--- a/server/internal/aitools/connections.go
+++ b/server/internal/aitools/connections.go
@@ -92,7 +92,19 @@ func SaveConnections(list []SavedConnection) error {
 	if err != nil {
 		return err
 	}
-	return os.WriteFile(path, b, 0600)
+	f, err := os.CreateTemp(filepath.Dir(path), ".connections-*.json")
+	if err != nil {
+		return err
+	}
+	defer os.Remove(f.Name())
+	if _, err := f.Write(b); err != nil {
+		f.Close()
+		return err
+	}
+	if err := f.Close(); err != nil {
+		return err
+	}
+	return os.Rename(f.Name(), path)
 }
 
 func FindConnection(id string) (*SavedConnection, error) {
diff --git a/server/internal/aitools/install.go b/server/internal/aitools/install.go
index 8d2e683..9afbd18 100644
--- a/server/internal/aitools/install.go
+++ b/server/internal/aitools/install.go
@@ -1,6 +1,7 @@
 package aitools
 
 import (
+	"context"
 	"encoding/json"
 	"net/http"
 	"os"
@@ -101,7 +102,9 @@ func findToolVersion(name string, versionArg string) (bin, version string) {
 	if bin == "" {
 		return "", ""
 	}
-	out, err := exec.Command(bin, versionArg).CombinedOutput()
+	ctx, cancel := context.WithTimeout(context.Background(), 2*time.Second)
+	defer cancel()
+	out, err := exec.CommandContext(ctx, bin, versionArg).CombinedOutput()
 	if err != nil {
 		return bin, ""
 	}
@@ -130,14 +133,7 @@ func lookPathAugmented(name string) string {
 			"/usr/local/bin",
 		)
 	}
-	pathEnv := os.Getenv("PATH")
-	aug := strings.Join(extras, string(os.PathListSeparator))
-	if pathEnv != "" {
-		aug = aug + string(os.PathListSeparator) + pathEnv
-	}
-	cmd := exec.Command(name, "--version")
-	cmd.Env = append(os.Environ(), "PATH="+aug)
-	// Prefer LookPath with augmented PATH
+	// 检查常见安装路径，不执行探测命令。
 	for _, dir := range extras {
 		cand := filepath.Join(dir, name)
 		if runtime.GOOS == "windows" {
@@ -147,15 +143,13 @@ func lookPathAugmented(name string) string {
 			return cand
 		}
 	}
-	if p, err := exec.LookPath(name); err == nil {
-		return p
-	}
-	_ = cmd
 	return ""
 }
 
 func npmGlobalPackageVersion(npmBin, pkg string) string {
-	out, err := exec.Command(npmBin, "list", "-g", pkg, "--depth=0", "--json").CombinedOutput()
+	ctx, cancel := context.WithTimeout(context.Background(), 2*time.Second)
+	defer cancel()
+	out, err := exec.CommandContext(ctx, npmBin, "list", "-g", pkg, "--depth=0", "--json").CombinedOutput()
 	if err != nil && len(out) == 0 {
 		return ""
 	}
diff --git a/server/internal/aitools/policy.go b/server/internal/aitools/policy.go
index bef50d9..659ffb7 100644
--- a/server/internal/aitools/policy.go
+++ b/server/internal/aitools/policy.go
@@ -8,10 +8,10 @@ import (
 	"strings"
 )
 
-// Mode P0 仅支持 read_only；read_write 留给 P1（写 + 确认）。 // Logan.Li
+// Mode 控制读写权限；写操作仍须确认。
 const (
 	ModeReadOnly  = "read_only"
-	ModeReadWrite = "read_write" // P1 才启用写路径；P0 加载后仍强制只读执行
+	ModeReadWrite = "read_write"
 )
 
 // Policy ~/.opsxdb/mcp.json
@@ -19,8 +19,7 @@ type Policy struct {
 	AllowedConnectionIDs []string `json:"allowed_connection_ids"`
 	Mode                 string   `json:"mode"` // read_only | read_write
 	// AllowDangerous 为 true 时，在 mode=read_write 且已确认后允许 DROP/TRUNCATE/ALTER 等危险 SQL。
-	// 默认 false：普通 INSERT/UPDATE/DELETE（有 WHERE）仍可写，DDL/无 WHERE 等仍拒。
-	AllowDangerous bool `json:"allow_dangerous,omitempty"`
+	AllowDangerous bool `json:"allow_dangerous"`
 	DefaultLimit   int  `json:"default_limit,omitempty"`
 	MaxLimit       int  `json:"max_limit,omitempty"`
 }
@@ -28,7 +27,8 @@ type Policy struct {
 func DefaultPolicy() Policy {
 	return Policy{
 		AllowedConnectionIDs: nil,
-		Mode:                 ModeReadOnly,
+		Mode:                 ModeReadWrite,
+		AllowDangerous:       true,
 		DefaultLimit:         100,
 		MaxLimit:             500,
 	}
@@ -64,6 +64,9 @@ func LoadPolicy() (Policy, error) {
 		}
 		return p, err
 	}
+	// 已有文件沿用显式配置；旧版缺少危险 SQL 字段时仍视为禁用。
+	p.Mode = ModeReadOnly
+	p.AllowDangerous = false
 	if err := json.Unmarshal(b, &p); err != nil {
 		return DefaultPolicy(), fmt.Errorf("mcp.json: %w", err)
 	}
diff --git a/server/internal/aitools/policy_test.go b/server/internal/aitools/policy_test.go
index 3c1176a..b6c3788 100644
--- a/server/internal/aitools/policy_test.go
+++ b/server/internal/aitools/policy_test.go
@@ -65,4 +65,30 @@ func TestDangerousSQLRequiresAllowFlag(t *testing.T) {
 	}
 }
 
+func TestDefaultWritePolicyStillRequiresConfirmation(t *testing.T) {
+	p := DefaultPolicy()
+	if !p.WritesEnabled() || !p.AllowsDangerousDDL() {
+		t.Fatal("新配置应默认允许读写和危险 SQL")
+	}
+	if err := p.AllowConnection("c1"); err == nil {
+		t.Fatal("默认权限不能自动授权连接")
+	}
+	p.AllowedConnectionIDs = []string{"c1"}
+	rt := NewRuntime(p)
+	rt.RejectCallerConfirm = true
+	rt.Audit = func(AuditEntry) {}
+	rt.FindConn = func(id string) (*SavedConnection, error) {
+		return &SavedConnection{ID: id, Driver: "mysql"}, nil
+	}
+	out, err := rt.Call(context.Background(), ToolExecuteQuery, map[string]any{
+		"connection_id": "c1", "sql": "DROP TABLE demo", "confirm_danger": true,
+	})
+	if err != nil {
+		t.Fatal(err)
+	}
+	if out.(map[string]any)["needConfirm"] != true {
+		t.Fatalf("默认允许危险 SQL 后，Agent 仍必须等待用户确认: %v", out)
+	}
+}
+
 func contains(s, sub string) bool { return strings.Contains(s, sub) }
diff --git a/server/internal/aitools/runtime.go b/server/internal/aitools/runtime.go
index b98cc28..32974a2 100644
--- a/server/internal/aitools/runtime.go
+++ b/server/internal/aitools/runtime.go
@@ -37,6 +37,9 @@ func ToolNames() []string {
 // Runtime 可被 MCP stdio 与将来侧栏 Agent 进程内共用。 // Logan.Li
 type Runtime struct {
 	Policy Policy
+	// Agent 会话限定到当前编辑器上下文；MCP 外部调用保持独立的白名单策略。
+	BoundConnectionID string
+	BoundDatabase     string
 	// LoadConns / FindConn 可注入，便于单测；nil 则读磁盘。
 	LoadConns func() ([]SavedConnection, error)
 	FindConn  func(id string) (*SavedConnection, error)
@@ -144,6 +147,31 @@ func (r *Runtime) listCol(ctx context.Context, c db.ConnReq) ([]db.ColumnInfo, e
 
 // Call 统一入口：MCP 与 Agent 都走这里。args 为 JSON object。
 func (r *Runtime) Call(ctx context.Context, tool string, args map[string]any) (any, error) {
+	if r.BoundConnectionID != "" {
+		if tool == ToolListConnections {
+			return r.listBoundConnection(ctx)
+		}
+		if argString(args, "connection_id") != r.BoundConnectionID {
+			return nil, fmt.Errorf("tool connection differs from the current Agent connection")
+		}
+		if tool == ToolListDatabases && r.BoundDatabase != "" {
+			if _, err := r.resolveAllowed(r.BoundConnectionID); err != nil {
+				return nil, err
+			}
+			return map[string]any{"databases": []string{r.BoundDatabase}}, nil
+		}
+		if database := argString(args, "database"); database != "" && r.BoundDatabase != "" && database != r.BoundDatabase {
+			return nil, fmt.Errorf("tool database differs from the current Agent database")
+		}
+		if r.BoundDatabase != "" {
+			clone := make(map[string]any, len(args)+1)
+			for k, v := range args {
+				clone[k] = v
+			}
+			clone["database"] = r.BoundDatabase
+			args = clone
+		}
+	}
 	switch tool {
 	case ToolListConnections:
 		return r.listConnections(ctx)
@@ -164,6 +192,15 @@ func (r *Runtime) Call(ctx context.Context, tool string, args map[string]any) (a
 	}
 }
 
+func (r *Runtime) listBoundConnection(ctx context.Context) (any, error) {
+	_ = ctx
+	c, err := r.resolveAllowed(r.BoundConnectionID)
+	if err != nil {
+		return nil, err
+	}
+	return map[string]any{"connections": []ConnectionSummary{c.Summary()}}, nil
+}
+
 func (r *Runtime) listConnections(ctx context.Context) (any, error) {
 	_ = ctx
 	list, err := r.loadConns()
@@ -250,7 +287,6 @@ func argBool(args map[string]any, key string) bool {
 	}
 }
 
-
 func (r *Runtime) listDatabases(ctx context.Context, args map[string]any) (any, error) {
 	id := argString(args, "connection_id")
 	c, err := r.resolveAllowed(id)
@@ -409,12 +445,15 @@ func (r *Runtime) executeQuery(ctx context.Context, args map[string]any) (any, e
 		if !confirmed {
 			r.audit(AuditEntry{Tool: ToolExecuteQuery, ConnectionID: id, OK: false, Error: "needConfirm", Summary: truncate(sqlText, 80)})
 			bind := ConfirmBindHash(id, sqlText)
+			if r.BoundConnectionID != "" {
+				bind = ConfirmAgentBindHash(id, database, sqlText)
+			}
 			return map[string]any{
-				"needConfirm":  true,
-				"sql":          sqlText,
-				"confirmBind":  bind,
-				"message":      "write requires explicit user confirmation",
-				"reason":       readReason,
+				"needConfirm": true,
+				"sql":         sqlText,
+				"confirmBind": bind,
+				"message":     "write requires explicit user confirmation",
+				"reason":      readReason,
 			}, nil
 		}
 	}
@@ -483,12 +522,15 @@ func (r *Runtime) executeRedis(ctx context.Context, args map[string]any) (any, e
 		if !confirmed {
 			r.audit(AuditEntry{Tool: ToolExecuteRedisCommand, ConnectionID: id, OK: false, Error: "needConfirm", Summary: truncate(command, 80)})
 			bind := ConfirmBindHash(id, command)
+			if r.BoundConnectionID != "" {
+				bind = ConfirmAgentBindHash(id, database, command)
+			}
 			return map[string]any{
-				"needConfirm":  true,
-				"command":      command,
-				"confirmBind":  bind,
-				"message":      "redis write requires explicit user confirmation",
-				"reason":       rerr.Error(),
+				"needConfirm": true,
+				"command":     command,
+				"confirmBind": bind,
+				"message":     "redis write requires explicit user confirmation",
+				"reason":      rerr.Error(),
 			}, nil
 		}
 	}
diff --git a/server/internal/aitools/runtime_test.go b/server/internal/aitools/runtime_test.go
index 3c19a8b..2506175 100644
--- a/server/internal/aitools/runtime_test.go
+++ b/server/internal/aitools/runtime_test.go
@@ -80,6 +80,43 @@ func TestWhitelistEmptyRejects(t *testing.T) {
 	}
 }
 
+func TestAgentBoundToolsStayOnCurrentConnectionAndDatabase(t *testing.T) {
+	rt := NewRuntime(Policy{AllowedConnectionIDs: []string{"current", "other"}, Mode: ModeReadOnly})
+	rt.BoundConnectionID = "current"
+	rt.BoundDatabase = "demo"
+	rt.Audit = func(AuditEntry) {}
+	rt.FindConn = func(id string) (*SavedConnection, error) {
+		return &SavedConnection{ID: id, Name: id, Driver: "mysql", Database: "default"}, nil
+	}
+	rt.LoadConns = func() ([]SavedConnection, error) {
+		return []SavedConnection{{ID: "current"}, {ID: "other"}}, nil
+	}
+	var actualDatabase string
+	rt.ListTbl = func(_ context.Context, req db.ConnReq) ([]string, error) {
+		actualDatabase = req.Database
+		return []string{"users"}, nil
+	}
+	res, err := rt.Call(context.Background(), ToolListConnections, nil)
+	if err != nil {
+		t.Fatal(err)
+	}
+	if got := res.(map[string]any)["connections"].([]ConnectionSummary); len(got) != 1 || got[0].ID != "current" {
+		t.Fatalf("Agent should only see the bound connection: %+v", got)
+	}
+	for _, args := range []map[string]any{
+		{"connection_id": "other", "database": "demo"},
+		{"connection_id": "current", "database": "secret"},
+	} {
+		if _, err := rt.Call(context.Background(), ToolListTables, args); err == nil {
+			t.Fatalf("out-of-scope tool call was allowed: %+v", args)
+		}
+	}
+	_, err = rt.Call(context.Background(), ToolListTables, map[string]any{"connection_id": "current"})
+	if err != nil || actualDatabase != "demo" {
+		t.Fatalf("current database was not applied: database=%q err=%v", actualDatabase, err)
+	}
+}
+
 func TestDangerousSQLBlocked(t *testing.T) {
 	rt := NewRuntime(Policy{
 		AllowedConnectionIDs: []string{"c1"},
diff --git a/server/internal/db/agent.go b/server/internal/db/agent.go
index e9bc862..9665f09 100644
--- a/server/internal/db/agent.go
+++ b/server/internal/db/agent.go
@@ -18,10 +18,10 @@ import (
 	"crypto/sha1"
 	"crypto/sha256"
 	"encoding/hex"
-	"hash"
 	"encoding/json"
 	"errors"
 	"fmt"
+	"hash"
 	"io"
 	"net/http"
 	"os"
@@ -215,13 +215,9 @@ func (b *cappedBuffer) String() string {
 // StartAgent 按 spec 启动（或复用）JVM agent 进程并完成握手。
 // agent jar 与开源驱动 jar 在首次连接时按需下载（DMG 不打包 Java 产物，保持安装包瘦身）。
 func StartAgent(spec AgentSpec) (*AgentClient, error) {
-	javaBin := os.Getenv("OPSXDB_JAVA_BIN")
-	if javaBin == "" {
-		p, err := exec.LookPath("java")
-		if err != nil {
-			return nil, errors.New("未找到 java：请安装 JDK 17+ 或设置 OPSXDB_JAVA_BIN")
-		}
-		javaBin = p
+	javaBin, _, err := agentJavaRuntime()
+	if err != nil {
+		return nil, err
 	}
 	if err := ensureAgentRuntime(spec); err != nil {
 		return nil, err
@@ -1019,27 +1015,21 @@ type JarStatus struct {
 type DriverStatus struct {
 	ID             string      `json:"id"`
 	Label          string      `json:"label"`
-	Runtime        string      `json:"runtime"`        // agent
-	License        string      `json:"license"`        // oss / proprietary
-	AutoFetch      bool       `json:"autoFetch"`      // 开源可自动下载
+	Runtime        string      `json:"runtime"`   // agent
+	License        string      `json:"license"`   // oss / proprietary
+	AutoFetch      bool        `json:"autoFetch"` // 开源可自动下载
 	Jars           []JarStatus `json:"jars"`
 	AllInstalled   bool        `json:"allInstalled"`
-	JDKRequired    bool       `json:"jdkRequired"`    // agent 驱动恒 true
+	JDKRequired    bool        `json:"jdkRequired"` // agent 驱动恒 true
 	JDKOK          bool        `json:"jdkOk"`
 	JavaVersion    string      `json:"javaVersion"`    // 探测到的版本（如 21.0.12）
-	AgentInstalled bool       `json:"agentInstalled"` // agent jar 是否就位
-	OfflinePack    bool       `json:"offlinePack"`    // 离线驱动包是否就位
+	AgentInstalled bool        `json:"agentInstalled"` // agent jar 是否就位
+	OfflinePack    bool        `json:"offlinePack"`    // 离线驱动包是否就位
 }
 
 // DriversStatus 汇总所有 agent 驱动的安装状态，供驱动管理界面展示。
 func DriversStatus() []DriverStatus {
-	javaBin, _ := exec.LookPath("java")
-	javaVersion := ""
-	if javaBin != "" {
-		if out, err := exec.Command(javaBin, "-version").CombinedOutput(); err == nil {
-			javaVersion = parseJavaVersion(string(out))
-		}
-	}
+	_, javaVersion, javaErr := agentJavaRuntime()
 	_, offlineErr := os.Stat(offlinePackPath())
 
 	out := []DriverStatus{}
@@ -1057,7 +1047,7 @@ func DriversStatus() []DriverStatus {
 			Runtime:        "agent",
 			AutoFetch:      auto,
 			JDKRequired:    true,
-			JDKOK:          javaBin != "",
+			JDKOK:          javaErr == nil,
 			JavaVersion:    javaVersion,
 			OfflinePack:    offlineErr == nil,
 			AgentInstalled: fileExists(filepath.Join(agentDir(), agentJarName)),
@@ -1103,10 +1093,8 @@ func InstallDriver(driverKey string) error {
 	if !ok {
 		return fmt.Errorf("未知 agent 驱动: %s", driverKey)
 	}
-	if _, err := exec.LookPath(os.Getenv("OPSXDB_JAVA_BIN")); err != nil && os.Getenv("OPSXDB_JAVA_BIN") == "" {
-		if _, err := exec.LookPath("java"); err != nil {
-			return fmt.Errorf("未找到 java，请先安装 JDK 17+")
-		}
+	if _, _, err := agentJavaRuntime(); err != nil {
+		return err
 	}
 	return ensureAgentRuntime(spec)
 }
@@ -1159,6 +1147,9 @@ func ImportOfflinePack(zipPath string) (int, error) {
 		if !strings.HasPrefix(rel, "agent/") && !strings.HasPrefix(rel, "libs/") && !strings.HasPrefix(rel, "drivers/") {
 			continue
 		}
+		if !filepath.IsLocal(filepath.FromSlash(rel)) {
+			return imported, fmt.Errorf("离线包包含非法路径: %s", rel)
+		}
 		rc, err := f.Open()
 		if err != nil {
 			return imported, err
@@ -1209,3 +1200,30 @@ func parseJavaVersion(out string) string {
 	}
 	return ""
 }
+
+// agentJavaRuntime 与实际启动使用同一 Java 路径，避免设置页把旧版 Java 误报为就绪。
+func agentJavaRuntime() (string, string, error) {
+	javaBin := os.Getenv("OPSXDB_JAVA_BIN")
+	if javaBin == "" {
+		javaBin = "java"
+	}
+	path, err := exec.LookPath(javaBin)
+	if err != nil {
+		return "", "", errors.New("未找到 Java，请安装 Java 17+ 或设置 OPSXDB_JAVA_BIN")
+	}
+	out, err := exec.Command(path, "-version").CombinedOutput()
+	version := parseJavaVersion(string(out))
+	if err != nil {
+		return path, version, fmt.Errorf("Java 运行失败: %w", err)
+	}
+	major := 0
+	if strings.HasPrefix(version, "1.") {
+		fmt.Sscanf(version, "1.%d", &major)
+	} else {
+		fmt.Sscanf(version, "%d", &major)
+	}
+	if major < 17 {
+		return path, version, fmt.Errorf("Java %s 不受支持，agent 需要 Java 17+", version)
+	}
+	return path, version, nil
+}
diff --git a/server/internal/db/agent_test.go b/server/internal/db/agent_test.go
index 97e2c82..d9463a7 100644
--- a/server/internal/db/agent_test.go
+++ b/server/internal/db/agent_test.go
@@ -102,6 +102,46 @@ func runAgentStub() {
 // 不会走到这里（TestMain 已拦截），但名字必须存在以匹配 -test.run。
 func TestAgentStubHelper(t *testing.T) {}
 
+func TestAgentJavaRuntimeVersion(t *testing.T) {
+	path := filepath.Join(t.TempDir(), "java")
+	t.Setenv("OPSXDB_JAVA_BIN", path)
+	for _, tc := range []struct {
+		version string
+		wantOK  bool
+	}{
+		{"1.8.0_401", false},
+		{"17.0.12", true},
+		{"21.0.2", true},
+	} {
+		script := "#!/bin/sh\necho 'openjdk version \"" + tc.version + "\"' >&2\n"
+		if err := os.WriteFile(path, []byte(script), 0o755); err != nil {
+			t.Fatal(err)
+		}
+		_, gotVersion, err := agentJavaRuntime()
+		if (err == nil) != tc.wantOK || gotVersion != tc.version {
+			t.Fatalf("Java %s: version=%q err=%v", tc.version, gotVersion, err)
+		}
+	}
+}
+
+func TestImportOfflinePackRejectsTraversal(t *testing.T) {
+	home := t.TempDir()
+	t.Setenv("OPSXDB_HOME", home)
+	content := "unsafe"
+	rel := "drivers/../../escape.jar"
+	manifest := []map[string]string{{"path": rel, "sha256": fmt.Sprintf("%x", sha256.Sum256([]byte(content)))}}
+	path := filepath.Join(home, "malicious.zip")
+	if err := writeTestZip(path, manifest, map[string]string{rel: content}); err != nil {
+		t.Fatal(err)
+	}
+	if _, err := ImportOfflinePack(path); err == nil {
+		t.Fatal("离线驱动包不得写到驱动目录之外")
+	}
+	if _, err := os.Stat(filepath.Join(home, "escape.jar")); !os.IsNotExist(err) {
+		t.Fatalf("导入越界文件: %v", err)
+	}
+}
+
 func startStubAgent(t *testing.T) *AgentClient {
 	t.Helper()
 	cmd := exec.Command(os.Args[0], "-test.run=TestAgentStubHelper", "--", "-agent-stub")
diff --git a/server/internal/db/dump.go b/server/internal/db/dump.go
new file mode 100644
index 0000000..6e9d469
--- /dev/null
+++ b/server/internal/db/dump.go
@@ -0,0 +1,77 @@
+package db
+
+import (
+	"context"
+	"fmt"
+	"io"
+	"strings"
+	"time"
+)
+
+// DumpMode 表转储范围:仅结构 / 仅数据 / 结构+数据(对齐 Navicat「转储 SQL 文件」三态)。
+const (
+	DumpStructure = "structure"
+	DumpData      = "data"
+	DumpBoth      = "structure_data"
+)
+
+// DumpTable 把单表转储为 .sql 写入 w(流式,数据部分复用 ExportQuery 的 insert 编码)。
+// 不自动附带 DROP TABLE,避免导入时误删既有表;注释头标注来源与时间便于追溯。
+func DumpTable(ctx context.Context, c ConnReq, w io.Writer) error {
+	mode := strings.ToLower(strings.TrimSpace(c.Format))
+	if mode == "" {
+		mode = DumpBoth
+	}
+	if mode != DumpStructure && mode != DumpData && mode != DumpBoth {
+		return fmt.Errorf("mode 仅支持 structure/data/structure_data")
+	}
+	if strings.TrimSpace(c.Table) == "" {
+		return fmt.Errorf("缺少表名")
+	}
+	// table 支持 "库.表" 形式:拆出 database,避免整体被引号包住导致 No database selected
+	if i := strings.Index(c.Table, "."); i > 0 {
+		if strings.TrimSpace(c.Database) == "" {
+			c.Database = c.Table[:i]
+		}
+		c.Table = c.Table[i+1:]
+	}
+	// 数据部分复用 insert 编码:值拷贝整个 ConnReq,只覆盖导出相关字段
+	dataReq := c
+	dataReq.Format = "insert"
+	dataReq.SQL = SelectAllSQL(c.Driver, c.Table)
+	if mode == DumpData {
+		return ExportQuery(ctx, dataReq, w)
+	}
+	var b strings.Builder
+	fmt.Fprintf(&b, "-- OpsxDB 表转储 %s\n-- 表: %s\n-- 时间: %s\n\n",
+		modeLabel(mode), c.Table, time.Now().Format("2006-01-02 15:04:05"))
+	ddl, err := GetDDL(ctx, c)
+	if err != nil {
+		return err
+	}
+	b.WriteString(strings.TrimRight(ddl, ";\n"))
+	b.WriteString(";\n")
+	if mode == DumpBoth {
+		b.WriteString("\n")
+	}
+	if _, err := io.WriteString(w, b.String()); err != nil {
+		return err
+	}
+	if mode == DumpBoth {
+		if err := ExportQuery(ctx, dataReq, w); err != nil {
+			return err
+		}
+	}
+	return nil
+}
+
+func modeLabel(mode string) string {
+	switch mode {
+	case DumpStructure:
+		return "· 仅结构"
+	case DumpData:
+		return "· 仅数据"
+	default:
+		return "· 结构和数据"
+	}
+}
diff --git a/server/internal/db/mysql.go b/server/internal/db/mysql.go
index 490efe8..5c00866 100644
--- a/server/internal/db/mysql.go
+++ b/server/internal/db/mysql.go
@@ -152,7 +152,7 @@ func listColumnsMySQL(ctx context.Context, db *sql.DB, database, table string) (
 		if err := rows.Scan(&field, &typ, &collation, &null, &key, &def, &extra, &priv, &comment); err != nil {
 			return nil, err
 		}
-		col := ColumnInfo{Name: field, Type: typ, Nullable: null == "YES", Key: key, Comment: comment.String}
+		col := ColumnInfo{Name: field, Type: typ, Nullable: null == "YES", Key: key, Comment: comment.String, Extra: extra.String}
 		if def.Valid {
 			col.Default = def.String
 		}
diff --git a/server/internal/db/redis.go b/server/internal/db/redis.go
index 1002763..93329dc 100644
--- a/server/internal/db/redis.go
+++ b/server/internal/db/redis.go
@@ -2,10 +2,15 @@ package db
 
 import (
 	"context"
+	"crypto/rand"
+	"encoding/base64"
+	"encoding/hex"
+	"encoding/json"
 	"fmt"
 	"sort"
 	"strconv"
 	"strings"
+	"sync"
 	"time"
 
 	"github.com/redis/go-redis/v9"
@@ -24,6 +29,11 @@ func redisDBIndex(c ConnReq) int {
 func normalizeRedisMode(c ConnReq) string {
 	m := strings.ToLower(strings.TrimSpace(c.RedisMode))
 	if m == "" {
+		// 未显式选模式但填了多个节点:按 Cluster 处理(Sentinel 必须显式选并填 masterName,
+		// 不会误伤)。避免"填了种子节点但忘切模式"时按单机连首节点、单键操作 MOVED 直抛。
+		if len(parseRedisAddrs(c.RedisNodes)) > 1 {
+			return "cluster"
+		}
 		return "standalone"
 	}
 	return m
@@ -183,7 +193,7 @@ func testRedis(c ConnReq) error {
 	defer cli.Close()
 	ctx, cancel := context.WithTimeout(context.Background(), 5*time.Second)
 	defer cancel()
-	return cli.Ping(ctx).Err()
+	return redisConnectionError(c, cli.Ping(ctx).Err())
 }
 
 func listDatabasesRedis(parent context.Context, c ConnReq) ([]string, error) {
@@ -196,7 +206,7 @@ func listDatabasesRedis(parent context.Context, c ConnReq) ([]string, error) {
 	ctx, cancel := reqCtxRedis(parent, 5*time.Second)
 	defer cancel()
 	if err := cli.Ping(ctx).Err(); err != nil {
-		return nil, err
+		return nil, redisConnectionError(c, err)
 	}
 	// Cluster 不支持 SELECT 多库，只暴露 0
 	if normalizeRedisMode(c) == "cluster" {
@@ -264,7 +274,12 @@ func redisAffected(start time.Time, n int64) ExecResult {
 }
 
 func redisErr(start time.Time, err error) ExecResult {
-	return ExecResult{Error: errMsg(err), TimeMs: time.Since(start).Milliseconds()}
+	msg := errMsg(err)
+	// 单机模式客户端不做 MOVED 重定向:给出可操作提示,引导切换部署模式
+	if strings.Contains(msg, "MOVED ") || strings.Contains(msg, "ASK ") {
+		msg += "；该键属于集群其他分片，当前按单机模式连接。请在连接表单把部署模式切为 Cluster 并填写种子节点。"
+	}
+	return ExecResult{Error: msg, TimeMs: time.Since(start).Milliseconds()}
 }
 
 func redisUsage(start time.Time, usage string) ExecResult {
@@ -322,7 +337,7 @@ func execRedis(parent context.Context, c ConnReq) ExecResult {
 		return ExecResult{Columns: []string{"key", "value"}, Rows: []map[string]interface{}{{"key": args[0], "value": val}}, RowCount: 1, TimeMs: time.Since(start).Milliseconds()}
 	case "SET":
 		// 参数已按 shell 词法切分,value 即 args[1](不再 Join 破坏引号分组);
-		// 支持可选 EX 秒数:SET key value [EX n]
+		// 支持 EX 或 KEEPTTL；详情页保存需保持原键的过期时间。
 		if len(args) < 2 {
 			return redisUsage(start, "SET key value [EX seconds]")
 		}
@@ -334,10 +349,54 @@ func execRedis(parent context.Context, c ConnReq) ExecResult {
 			}
 			exp = time.Duration(n) * time.Second
 		}
+		if len(args) == 3 && strings.EqualFold(args[2], "KEEPTTL") {
+			if err := cli.SetArgs(ctx, args[0], args[1], redis.SetArgs{KeepTTL: true}).Err(); err != nil {
+				if !strings.Contains(strings.ToLower(err.Error()), "syntax error") {
+					return redisErr(start, err)
+				}
+				// Redis <6 无 KEEPTTL：原子读取 PTTL 再写回，避免分开的命令丢失过期时间。
+				const keepTTLScript = `local kind = redis.call('TYPE', KEYS[1])
+if kind.ok ~= 'string' then return redis.error_reply('键已变化，请刷新后重试') end
+local ttl = redis.call('PTTL', KEYS[1])
+redis.call('SET', KEYS[1], ARGV[1])
+if ttl > 0 then redis.call('PEXPIRE', KEYS[1], ttl) end
+return 'OK'`
+				if scriptErr := redis.NewScript(keepTTLScript).Run(ctx, cli, []string{args[0]}, args[1]).Err(); scriptErr != nil {
+					return redisErr(start, scriptErr)
+				}
+			}
+			return redisOK(start)
+		}
+		if len(args) > 2 && !(len(args) == 4 && strings.EqualFold(args[2], "EX")) {
+			return redisUsage(start, "SET key value [EX seconds | KEEPTTL]")
+		}
 		if err := cli.Set(ctx, args[0], args[1], exp).Err(); err != nil {
 			return redisErr(start, err)
 		}
 		return redisOK(start)
+	case "LDELETEINDEX":
+		// 内部单行操作：按索引和当前值校验后，在同一脚本中移除该位置。
+		// LREM 1 value 会误删前面同值元素；随机标记避免与现有列表值冲突。
+		if len(args) != 3 {
+			return redisUsage(start, "LDELETEINDEX key index expectedValue")
+		}
+		index, parseErr := strconv.ParseInt(args[1], 10, 64)
+		if parseErr != nil || index < 0 {
+			return redisUsage(start, "LDELETEINDEX index 需为非负整数")
+		}
+		random := make([]byte, 24)
+		if _, err := rand.Read(random); err != nil {
+			return redisErr(start, err)
+		}
+		marker := "\x00opsxdb-delete:" + hex.EncodeToString(random)
+		const script = `local value = redis.call('LINDEX', KEYS[1], ARGV[1])
+if value == false or value ~= ARGV[2] then return redis.error_reply('列表已变化，请刷新后重试') end
+redis.call('LSET', KEYS[1], ARGV[1], ARGV[3])
+return redis.call('LREM', KEYS[1], 1, ARGV[3])`
+		if err := redis.NewScript(script).Run(ctx, cli, []string{args[0]}, index, args[2], marker).Err(); err != nil {
+			return redisErr(start, err)
+		}
+		return redisOK(start)
 	case "DEL":
 		if len(args) < 1 {
 			return redisUsage(start, "DEL key [key...]")
@@ -825,6 +884,17 @@ func redisScanPattern(c ConnReq) string {
 	return p
 }
 
+func redisPatHasGlob(p string) bool {
+	return strings.ContainsAny(p, "*?[")
+}
+
+func redisBrowsePattern(p string) string {
+	if p == "*" || redisPatHasGlob(p) {
+		return p
+	}
+	return "*" + p + "*"
+}
+
 func redisValueLimit(c ConnReq) int {
 	n := c.Limit
 	if n <= 0 {
@@ -850,10 +920,23 @@ func ttlSeconds(d time.Duration) int64 {
 
 // scanAll 全量 SCAN 到 limit 截断。集群模式遍历所有 master 分片 ——
 // ClusterClient.Scan 只命中单个节点，会漏掉其他分片的键。
-func scanAll(ctx context.Context, cli redis.UniversalClient, pat string, count int64, limit int) (names []string, truncated bool, err error) {
+func scanAll(ctx context.Context, cli redis.UniversalClient, pat string, count int64, limit int, scanBudget ...int) (names []string, truncated bool, err error) {
+	var mu sync.Mutex
+	calls := 0
 	scanOne := func(c scanClient) error {
+		mu.Lock()
+		defer mu.Unlock()
+		if len(names) >= limit {
+			truncated = true
+			return nil
+		}
 		var cursor uint64
 		for {
+			if len(scanBudget) > 0 && calls >= scanBudget[0] {
+				truncated = true
+				return nil
+			}
+			calls++
 			batch, next, err := c.Scan(ctx, cursor, pat, count).Result()
 			if err != nil {
 				return err
@@ -883,6 +966,9 @@ func scanAll(ctx context.Context, cli redis.UniversalClient, pat string, count i
 		return names, truncated, err
 	}
 	err = scanOne(cli)
+	if len(names) > limit {
+		names = names[:limit]
+	}
 	return names, truncated, err
 }
 
@@ -891,7 +977,62 @@ type scanClient interface {
 	Scan(ctx context.Context, cursor uint64, match string, count int64) *redis.ScanCmd
 }
 
+type keyScanPosition struct {
+	Pattern string   `json:"p"`
+	DB      string   `json:"d"`
+	Nodes   []string `json:"n"`
+	Index   int      `json:"i"`
+	Cursor  uint64   `json:"c"`
+}
+
+// Each page carries its shard and SCAN cursor. A complete SCAN batch is kept
+// together so a server-side COUNT hint returning >limit keys cannot drop keys.
+func scanKeyPage(ctx context.Context, clients []scanClient, pos keyScanPosition) ([]string, keyScanPosition, error) {
+	names := make([]string, 0, redisKeyListCap)
+	calls := 0
+	for pos.Index < len(clients) && calls < 20 && len(names) < redisKeyListCap {
+		batch, next, err := clients[pos.Index].Scan(ctx, pos.Cursor, pos.Pattern, 200).Result()
+		if err != nil {
+			return nil, pos, err
+		}
+		calls++
+		names = append(names, batch...)
+		if next == 0 {
+			pos.Index++
+			pos.Cursor = 0
+		} else {
+			pos.Cursor = next
+		}
+	}
+	return names, pos, nil
+}
+
+func keyScanClients(ctx context.Context, cli redis.UniversalClient) ([]scanClient, []string, error) {
+	if cc, ok := cli.(*redis.ClusterClient); ok {
+		masters := map[string]*redis.Client{}
+		err := cc.ForEachMaster(ctx, func(_ context.Context, mc *redis.Client) error {
+			masters[mc.Options().Addr] = mc
+			return nil
+		})
+		if err != nil {
+			return nil, nil, err
+		}
+		addresses := make([]string, 0, len(masters))
+		for addr := range masters {
+			addresses = append(addresses, addr)
+		}
+		sort.Strings(addresses)
+		clients := make([]scanClient, 0, len(addresses))
+		for _, addr := range addresses {
+			clients = append(clients, masters[addr])
+		}
+		return clients, addresses, nil
+	}
+	return []scanClient{cli}, []string{"single"}, nil
+}
+
 // ListRedisKeys SCAN + pipeline TYPE/TTL. Cap ~500.
+// 完整键名优先展示，同时按 *关键词* 做有预算的模糊 SCAN；截断不代表完整搜索。
 func ListRedisKeys(parent context.Context, c ConnReq) RedisKeysResult {
 	start := time.Now()
 	cli, done, err := redisClientFor(c)
@@ -903,17 +1044,67 @@ func ListRedisKeys(parent context.Context, c ConnReq) RedisKeysResult {
 	defer cancel()
 
 	pat := redisScanPattern(c)
-	names, truncated, err := scanAll(ctx, cli, pat, 200, redisKeyListCap)
+	scanPat := pat
+	var exact *RedisKeyInfo
+	exactHit := false
+	if pat != "*" && pat != "" && !redisPatHasGlob(pat) {
+		if typ, err := cli.Type(ctx, pat).Result(); err == nil && typ != "none" {
+			ttl := int64(-2)
+			if d, err := cli.TTL(ctx, pat).Result(); err == nil {
+				ttl = ttlSeconds(d)
+			}
+			exact = &RedisKeyInfo{Name: pat, Type: typ, TTL: ttl, Exact: true}
+			exactHit = true
+		}
+		// 无通配符按包含匹配；精确 Key 单独置顶。
+		scanPat = redisBrowsePattern(pat)
+	}
+
+	clients, nodes, err := keyScanClients(ctx, cli)
 	if err != nil {
 		return RedisKeysResult{Keys: []RedisKeyInfo{}, Error: errMsg(err), TimeMs: time.Since(start).Milliseconds()}
 	}
+	pos := keyScanPosition{Pattern: scanPat, DB: c.Database, Nodes: nodes}
+	if c.KeyCursor != "" {
+		decoded, decodeErr := base64.RawURLEncoding.DecodeString(c.KeyCursor)
+		if decodeErr != nil || len(decoded) > 4096 || json.Unmarshal(decoded, &pos) != nil ||
+			pos.Pattern != scanPat || pos.DB != c.Database || !equalScanNodes(pos.Nodes, nodes) ||
+			pos.Index < 0 || pos.Index >= len(clients) {
+			return RedisKeysResult{Keys: []RedisKeyInfo{}, Error: "搜索位置已失效，请重新搜索", TimeMs: time.Since(start).Milliseconds()}
+		}
+	}
+	names, pos, err := scanKeyPage(ctx, clients, pos)
+	if err != nil {
+		return RedisKeysResult{Keys: []RedisKeyInfo{}, Error: errMsg(err), TimeMs: time.Since(start).Milliseconds()}
+	}
+	truncated := pos.Index < len(clients)
+	nextCursor := ""
+	if truncated {
+		encoded, _ := json.Marshal(pos)
+		nextCursor = base64.RawURLEncoding.EncodeToString(encoded)
+	}
+	sort.Strings(names)
 	if names == nil {
 		names = []string{}
 	}
 
-	out := make([]RedisKeyInfo, len(names))
+	// 精确命中去重：SCAN 也可能扫到同一键
+	if exact != nil && c.KeyCursor == "" {
+		filtered := names[:0]
+		for _, n := range names {
+			if n != exact.Name {
+				filtered = append(filtered, n)
+			}
+		}
+		names = filtered
+	}
+
+	out := make([]RedisKeyInfo, 0, len(names)+1)
+	if exact != nil && c.KeyCursor == "" {
+		out = append(out, *exact)
+	}
 	if len(names) == 0 {
-		return RedisKeysResult{Keys: out, Truncated: truncated, TimeMs: time.Since(start).Milliseconds()}
+		return RedisKeysResult{Keys: out, ExactHit: exactHit, Truncated: truncated, NextCursor: nextCursor, TimeMs: time.Since(start).Milliseconds()}
 	}
 
 	// Pipeline TYPE + TTL (avoid N+1)
@@ -934,9 +1125,21 @@ func ListRedisKeys(parent context.Context, c ConnReq) RedisKeysResult {
 		if d, err := ttlCmds[i].Result(); err == nil {
 			ttl = ttlSeconds(d)
 		}
-		out[i] = RedisKeyInfo{Name: k, Type: typ, TTL: ttl}
+		out = append(out, RedisKeyInfo{Name: k, Type: typ, TTL: ttl})
 	}
-	return RedisKeysResult{Keys: out, Truncated: truncated, TimeMs: time.Since(start).Milliseconds()}
+	return RedisKeysResult{Keys: out, ExactHit: exactHit, Truncated: truncated, NextCursor: nextCursor, TimeMs: time.Since(start).Milliseconds()}
+}
+
+func equalScanNodes(a, b []string) bool {
+	if len(a) != len(b) {
+		return false
+	}
+	for i := range a {
+		if a[i] != b[i] {
+			return false
+		}
+	}
+	return true
 }
 
 // GetRedisKey typed value → ResultPane columns/rows.
@@ -1152,13 +1355,29 @@ func DeleteRedisPattern(parent context.Context, c ConnReq) RedisDelPatternResult
 	if len(names) > redisDelPatternCap {
 		return fail(fmt.Sprintf("匹配键 %d 个超过上限 %d，请缩小目录范围", len(names), redisDelPatternCap))
 	}
+	// 集群下一次 UNLINK 多 key 会 CROSSSLOT；按单 key 删除。单机仍可批量。
+	_, isCluster := cli.(*redis.ClusterClient)
 	total := 0
 	for i := 0; i < len(names); i += 500 {
 		end := i + 500
 		if end > len(names) {
 			end = len(names)
 		}
-		n, err := cli.Unlink(ctx, names[i:end]...).Result()
+		batch := names[i:end]
+		if isCluster {
+			for _, k := range batch {
+				n, err := cli.Unlink(ctx, k).Result()
+				if err != nil {
+					return RedisDelPatternResult{
+						Deleted: total, Scanned: len(names), Truncated: truncated,
+						Error: errMsg(err), TimeMs: time.Since(start).Milliseconds(),
+					}
+				}
+				total += int(n)
+			}
+			continue
+		}
+		n, err := cli.Unlink(ctx, batch...).Result()
 		if err != nil {
 			return RedisDelPatternResult{
 				Deleted: total, Scanned: len(names), Truncated: truncated,
@@ -1173,3 +1392,12 @@ func DeleteRedisPattern(parent context.Context, c ConnReq) RedisDelPatternResult
 	}
 }
 
+func redisConnectionError(c ConnReq, err error) error {
+	if err == nil {
+		return nil
+	}
+	if normalizeRedisMode(c) == "cluster" && strings.Contains(err.Error(), "connection refused") {
+		return fmt.Errorf("Redis 集群节点拒绝连接：%w；请确认节点已启动，种子地址及 cluster-announce-ip/port 均能从当前电脑访问；远程集群返回 127.0.0.1 时需修正节点公布地址", err)
+	}
+	return err
+}
diff --git a/server/internal/db/redis_key_page_test.go b/server/internal/db/redis_key_page_test.go
new file mode 100644
index 0000000..50002a0
--- /dev/null
+++ b/server/internal/db/redis_key_page_test.go
@@ -0,0 +1,83 @@
+package db
+
+import (
+	"context"
+	"testing"
+
+	"github.com/redis/go-redis/v9"
+)
+
+type pageScanner struct {
+	steps map[uint64]struct {
+		keys []string
+		next uint64
+	}
+	visited []uint64
+}
+
+func (s *pageScanner) Scan(ctx context.Context, cursor uint64, _ string, _ int64) *redis.ScanCmd {
+	s.visited = append(s.visited, cursor)
+	step := s.steps[cursor]
+	cmd := redis.NewScanCmd(ctx, nil, "scan")
+	cmd.SetVal(step.keys, step.next)
+	return cmd
+}
+
+func TestKeyPageResumesAcrossMastersWithoutDroppingBatch(t *testing.T) {
+	first := &pageScanner{steps: map[uint64]struct {
+		keys []string
+		next uint64
+	}{
+		0:  {[]string{"a", "b"}, 17},
+		17: {[]string{"c"}, 0},
+	}}
+	second := &pageScanner{steps: map[uint64]struct {
+		keys []string
+		next uint64
+	}{
+		0: {[]string{"d"}, 0},
+	}}
+	clients := []scanClient{first, second}
+	// Simulate a page already at the next cursor of the first shard.
+	keys, pos, err := scanKeyPage(context.Background(), clients, keyScanPosition{Pattern: "*", Index: 0, Cursor: 17})
+	if err != nil || len(keys) != 2 || keys[0] != "c" || keys[1] != "d" || pos.Index != 2 || pos.Cursor != 0 {
+		t.Fatalf("keys=%v pos=%+v err=%v", keys, pos, err)
+	}
+	if len(first.visited) != 1 || first.visited[0] != 17 || len(second.visited) != 1 || second.visited[0] != 0 {
+		t.Fatalf("unexpected scan positions first=%v second=%v", first.visited, second.visited)
+	}
+}
+
+func TestKeyPageStopsAtBudgetWithResumableCursor(t *testing.T) {
+	s := &pageScanner{steps: map[uint64]struct {
+		keys []string
+		next uint64
+	}{
+		0: {nil, 1}, 1: {nil, 1},
+	}}
+	keys, pos, err := scanKeyPage(context.Background(), []scanClient{s}, keyScanPosition{Pattern: "rare*"})
+	if err != nil || len(keys) != 0 || len(s.visited) != 20 || pos.Index != 0 || pos.Cursor != 1 {
+		t.Fatalf("keys=%v calls=%d pos=%+v err=%v", keys, len(s.visited), pos, err)
+	}
+}
+
+func TestKeyPageKeepsOversizedScanBatch(t *testing.T) {
+	batch := make([]string, redisKeyListCap+3)
+	for i := range batch {
+		batch[i] = "key"
+	}
+	s := &pageScanner{steps: map[uint64]struct {
+		keys []string
+		next uint64
+	}{
+		0: {batch, 9}, 9: {[]string{"last"}, 0},
+	}}
+	keys, pos, err := scanKeyPage(context.Background(), []scanClient{s}, keyScanPosition{Pattern: "*"})
+	if err != nil || len(keys) != len(batch) || pos.Cursor != 9 || pos.Index != 0 {
+		t.Fatalf("first page keys=%d pos=%+v err=%v", len(keys), pos, err)
+	}
+	nextKeys, end, err := scanKeyPage(context.Background(), []scanClient{s}, pos)
+	if err != nil || len(nextKeys) != 1 || nextKeys[0] != "last" || end.Index != 1 {
+		t.Fatalf("second page keys=%v pos=%+v err=%v", nextKeys, end, err)
+	}
+}
diff --git a/server/internal/db/redis_mode_test.go b/server/internal/db/redis_mode_test.go
index b097f8f..0db220e 100644
--- a/server/internal/db/redis_mode_test.go
+++ b/server/internal/db/redis_mode_test.go
@@ -1,8 +1,10 @@
 package db
 
 import (
+	"errors"
 	"strings"
 	"testing"
+	"time"
 )
 
 func TestParseRedisAddrs(t *testing.T) {
@@ -26,3 +28,32 @@ func TestOpenRedisModeValidation(t *testing.T) {
 		t.Fatalf("cluster without nodes: %v", err)
 	}
 }
+
+func TestNormalizeRedisModeInfersClusterFromNodes(t *testing.T) {
+	cases := []struct {
+		name string
+		c    ConnReq
+		want string
+	}{
+		{"空配置回单机", ConnReq{}, "standalone"},
+		{"显式 sentinel 保留", ConnReq{RedisMode: "Sentinel", RedisNodes: "127.0.0.1:26379"}, "sentinel"},
+		{"多节点未选模式推断 cluster", ConnReq{RedisNodes: "127.0.0.1:7101,127.0.0.1:7102"}, "cluster"},
+		{"单节点未选模式保持单机", ConnReq{Host: "127.0.0.1", Port: 6379, RedisNodes: "127.0.0.1:6379"}, "standalone"},
+	}
+	for _, tc := range cases {
+		if got := normalizeRedisMode(tc.c); got != tc.want {
+			t.Fatalf("%s: want %s, got %s", tc.name, tc.want, got)
+		}
+	}
+}
+
+func TestRedisErrMovedHint(t *testing.T) {
+	res := redisErr(time.Now(), errors.New("MOVED 12503 127.0.0.1:7103"))
+	if !strings.Contains(res.Error, "部署模式切为 Cluster") {
+		t.Fatalf("MOVED 错误应带模式切换提示: %q", res.Error)
+	}
+	res = redisErr(time.Now(), errors.New("WRONGTYPE Operation against"))
+	if strings.Contains(res.Error, "Cluster") {
+		t.Fatalf("普通错误不应带集群提示: %q", res.Error)
+	}
+}
diff --git a/server/internal/db/redis_scan_budget_test.go b/server/internal/db/redis_scan_budget_test.go
new file mode 100644
index 0000000..f63c5b4
--- /dev/null
+++ b/server/internal/db/redis_scan_budget_test.go
@@ -0,0 +1,42 @@
+package db
+
+import (
+	"context"
+	"github.com/redis/go-redis/v9"
+	"testing"
+)
+
+type budgetRedis struct {
+	redis.UniversalClient
+	calls int
+	batch []string
+}
+
+func (c *budgetRedis) Scan(ctx context.Context, cursor uint64, match string, count int64) *redis.ScanCmd {
+	c.calls++
+	cmd := redis.NewScanCmd(ctx, nil, "scan")
+	cmd.SetVal(c.batch, uint64(c.calls))
+	return cmd
+}
+func TestRedisScanBudgetSparseMatches(t *testing.T) {
+	c := &budgetRedis{}
+	names, truncated, err := scanAll(context.Background(), c, "missing*", 200, 500, 20)
+	if err != nil || !truncated || len(names) != 0 || c.calls != 20 {
+		t.Fatalf("calls=%d names=%v truncated=%v err=%v", c.calls, names, truncated, err)
+	}
+}
+func TestRedisScanCountIsNotHardLimit(t *testing.T) {
+	c := &budgetRedis{batch: []string{"a", "b", "c"}}
+	names, truncated, err := scanAll(context.Background(), c, "*", 1, 2, 20)
+	if err != nil || !truncated || len(names) != 2 || c.calls != 1 {
+		t.Fatalf("names=%v calls=%d truncated=%v err=%v", names, c.calls, truncated, err)
+	}
+}
+
+func TestRedisBrowsePattern(t *testing.T) {
+	for input, want := range map[string]string{"order": "*order*", "order:*": "order:*", "*": "*"} {
+		if got := redisBrowsePattern(input); got != want {
+			t.Fatalf("input=%q got=%q want=%q", input, got, want)
+		}
+	}
+}
diff --git a/server/internal/db/types.go b/server/internal/db/types.go
index 403863d..c15860c 100644
--- a/server/internal/db/types.go
+++ b/server/internal/db/types.go
@@ -12,19 +12,19 @@ const MaxRowLimit = 10000
 
 // ConnReq 连接 / 执行请求。sessionId 有值时服务端用会话里的账密，请求里的 password 可空。
 type ConnReq struct {
-	Driver    string `json:"driver"`
-	Host      string `json:"host"`
-	Port      int    `json:"port"`
-	User      string `json:"user"`
-	Password  string `json:"password"`
-	Database  string `json:"database"`
-	SQL       string `json:"sql"`
-	Service   string `json:"service"`
-	SSL       bool   `json:"ssl"`
-	SSLMode   string `json:"sslMode"` // disable|require|skip-verify|verify-ca
-	SSLCA     string `json:"sslCA"`
-	SSLCert   string `json:"sslCert"`
-	SSLKey    string `json:"sslKey"`
+	Driver   string `json:"driver"`
+	Host     string `json:"host"`
+	Port     int    `json:"port"`
+	User     string `json:"user"`
+	Password string `json:"password"`
+	Database string `json:"database"`
+	SQL      string `json:"sql"`
+	Service  string `json:"service"`
+	SSL      bool   `json:"ssl"`
+	SSLMode  string `json:"sslMode"` // disable|require|skip-verify|verify-ca
+	SSLCA    string `json:"sslCA"`
+	SSLCert  string `json:"sslCert"`
+	SSLKey   string `json:"sslKey"`
 	// 证书 PEM 内容,优先于上面的文件路径(客户端与服务端分离部署时免共享文件)
 	SSLCAContent   string `json:"sslCAContent"`
 	SSLCertContent string `json:"sslCertContent"`
@@ -36,12 +36,13 @@ type ConnReq struct {
 	SessionID string `json:"sessionId"`
 	Table     string `json:"table"`
 	Limit     int    `json:"limit"`
-	Offset    int    `json:"offset"` // 结果分页:跳过前 offset 行再按 limit 收集
-	Key       string `json:"key"`    // Redis key (get/delete)
-	Pattern   string `json:"pattern"` // Redis SCAN match
-	Cursor    int64  `json:"cursor"`   // Redis 值分页游标（hash/set=SCAN 游标；list/zset=偏移）
-	Keyword   string `json:"keyword"` // 对象搜索关键词
-	Format    string `json:"format"`  // 导出格式: csv | json | insert
+	Offset    int    `json:"offset"`    // 结果分页:跳过前 offset 行再按 limit 收集
+	Key       string `json:"key"`       // Redis key (get/delete)
+	Pattern   string `json:"pattern"`   // Redis SCAN match
+	KeyCursor string `json:"keyCursor"` // Redis 键列表的跨主节点续扫位置
+	Cursor    int64  `json:"cursor"`    // Redis 值分页游标（hash/set=SCAN 游标；list/zset=偏移）
+	Keyword   string `json:"keyword"`   // 对象搜索关键词
+	Format    string `json:"format"`    // 导出格式: csv | json | insert
 
 	// TimeoutMs > 0 时 /db/exec、/db/explain 以此为语句超时
 	TimeoutMs int `json:"timeoutMs"`
@@ -77,6 +78,7 @@ type ColumnInfo struct {
 	Key      string `json:"key,omitempty"`
 	Default  any    `json:"default,omitempty"`
 	Comment  string `json:"comment,omitempty"`
+	Extra    string `json:"extra,omitempty"`
 }
 
 // ExecResult 与前端 QueryResult 字段对齐
@@ -129,29 +131,32 @@ func normalize(v interface{}) interface{} {
 
 // Redis key browse (dedicated endpoints; do not reshape SQL tables []).
 type RedisKeyInfo struct {
-	Name string `json:"name"`
-	Type string `json:"type"`
-	TTL  int64  `json:"ttl"` // seconds; -1 no expire; -2 missing
+	Name  string `json:"name"`
+	Type  string `json:"type"`
+	TTL   int64  `json:"ttl"`             // seconds; -1 no expire; -2 missing
+	Exact bool   `json:"exact,omitempty"` // TYPE 精确命中置顶
 }
 
 type RedisKeysResult struct {
-	Keys      []RedisKeyInfo `json:"keys"`
-	Truncated bool           `json:"truncated,omitempty"`
-	TimeMs    int64          `json:"timeMs"`
-	Error     string         `json:"error,omitempty"`
+	Keys       []RedisKeyInfo `json:"keys"`
+	NextCursor string         `json:"nextCursor,omitempty"`
+	ExactHit   bool           `json:"exactHit,omitempty"` // 无通配符时 TYPE 直接命中
+	Truncated  bool           `json:"truncated,omitempty"`
+	TimeMs     int64          `json:"timeMs"`
+	Error      string         `json:"error,omitempty"`
 }
 
 // RedisKeyValue feeds ResultPane (columns/rows) plus type/ttl meta.
 type RedisKeyValue struct {
-	Name      string                   `json:"name"`
-	Type      string                   `json:"type"`
-	TTL       int64                    `json:"ttl"`
-	Columns   []string                 `json:"columns"`
-	Rows      []map[string]interface{} `json:"rows"`
-	RowCount  int                      `json:"rowCount"`
-	TimeMs    int64                    `json:"timeMs"`
-	Truncated bool                     `json:"truncated,omitempty"`
-	Limit     int                      `json:"limit,omitempty"`
-	NextCursor int64                   `json:"nextCursor"` // >0 表示还有更多（续载时回传 cursor）
-	Error     string                   `json:"error,omitempty"`
+	Name       string                   `json:"name"`
+	Type       string                   `json:"type"`
+	TTL        int64                    `json:"ttl"`
+	Columns    []string                 `json:"columns"`
+	Rows       []map[string]interface{} `json:"rows"`
+	RowCount   int                      `json:"rowCount"`
+	TimeMs     int64                    `json:"timeMs"`
+	Truncated  bool                     `json:"truncated,omitempty"`
+	Limit      int                      `json:"limit,omitempty"`
+	NextCursor int64                    `json:"nextCursor"` // >0 表示还有更多（续载时回传 cursor）
+	Error      string                   `json:"error,omitempty"`
 }
diff --git a/server/internal/docs/content/06-workbench.md b/server/internal/docs/content/06-workbench.md
index 3251b09..1d45c93 100644
--- a/server/internal/docs/content/06-workbench.md
+++ b/server/internal/docs/content/06-workbench.md
@@ -15,6 +15,12 @@ SQL 工作台是日常使用率最高的界面，所有交互围绕「快」设
 
 ## 对象树联动
 
+库节点右键「新建查询」会把该库绑定到新标签。表右键可打开前 N 行（1–10000）、复制限定名、生成 SELECT / INSERT；模板打开在新查询中，不覆盖已有草稿。视图不提供 INSERT 模板。
+
+执行未限定表名的 SQL 时，使用当前查询标签工具条选中的库；各标签独立保存库上下文。MySQL 系列与 SQL Server 执行 `USE 库名` 会先验证目标库，再切换该标签，脚本中的后续语句也使用新库。目标库不存在或无权限时保持原库不变，并停止该批次的后续语句。PostgreSQL 请通过工具条切换数据库；Redis 单机用 DB 选择器或 `SELECT 0`–`SELECT 15`，集群固定 DB0。
+
+编辑器右键支持格式化选区或全文、注释切换、查找替换，以及复制纯文本或带连接摘要的 SQL。连接摘要不含账号密码。点击已加载元数据中的明确表名，可跳转到 DDL；无法唯一识别、别名或未加载对象会禁用跳转。
+
 - 左侧对象树懒加载库 / 表 / 列；
 - **点表名 = 查询前 100 行**，自动生成对应 SQL；
 - 展开表看列名与类型，写 SQL 时可对照。
@@ -45,3 +51,16 @@ SQL 工作台是日常使用率最高的界面，所有交互围绕「快」设
 | ⌘/Ctrl + Enter | 执行当前语句 / 选区 |
 | 双击结果单元格 | 复制单元格内容 |
 | Esc | 关闭弹层 / 取消确认 |
+
+## 按对象浏览结构
+
+关系库按能力显示「表、视图、存储过程、函数」。展开表可浏览字段，并按需展开索引、外键、触发器；视图可展开字段。元数据分组支持右键刷新，具体对象支持复制名称、定义或详情；失败时可重试，未适配的引擎会明确说明。当前目录查询已接入 MySQL 系列、PostgreSQL 系列和 SQLite。
+
+表右键的「查看结构」打开字段结构页，「查看 DDL」查看定义，「复制建表 / 视图 SQL」直接复制定义。SELECT / INSERT 模板在新查询中打开；清空、删除仍须危险确认。
+
+Redis：SQL 工具条可切换单机的 DB0–DB15，展开左侧 DB 后可在该库内搜索；底部搜索框查询当前库。输入普通关键词自动按 `*关键词*` 包含匹配，完整同名 Key 优先显示；也可输入模式（如 `user:*`）。回车或点击搜索才会请求服务端，最多 20 次 SCAN（COUNT 200、最多返回 500 项），不会使用 KEYS 枚举浏览。SCAN 仍有开销；有限搜索无结果不等于不存在，当前暂不提供续扫。集群只有 DB0，左侧直接显示 Key，隐藏多余的库层级。
+
+Key 树仅在有过期时间时显示 TTL；点开 Key 的底部详情可输入正整数秒保存 TTL，`-1` 设为永久。`0` 秒会立即删除 Key，界面要求使用明确的删除操作。
+从 SQL 输入区执行 `GET`、`HGETALL`、`TTL` 等单键读取时也会打开键详情，可在底部查看并修改 TTL。
+
+Redis 集群所有种子及集群公布的节点地址都需要从当前电脑可达。`127.0.0.1:7001 connection refused` 表示本机该端口拒绝连接；检查节点是否启动。若远程集群返回本机地址，应修正服务端 `cluster-announce-ip/port` 与端口映射。
diff --git a/server/internal/docs/content/07-results.md b/server/internal/docs/content/07-results.md
index a9858f3..71590b3 100644
--- a/server/internal/docs/content/07-results.md
+++ b/server/internal/docs/content/07-results.md
@@ -10,15 +10,23 @@
 
 ## 单元格操作
 
-- **双击单元格**：复制该单元格内容；
+结果上方可筛选已加载的数据，并显示匹配数；筛选不会向数据库发起查询。先显示 500 行，底部「继续显示」可展开更多已加载记录。服务端仍有更多数据时使用分页或完整查询导出。
+
+NULL、空字符串、空白文本分别展示。右键「查看完整值」可查看和复制长文本或 JSON；只读单元格也可双击查看详情。列头右键可排序、复制列名、适应列宽，双击列边界也可适应内容。选中单元格后可用方向键移动、Ctrl/Cmd+C 复制、Shift+F10 打开菜单。
+
+右键单元格、行号或列头可复制对应单元格、行或列；行列使用不含表头的 TSV，列复制包含本地筛选后的已加载行并遵循当前排序。NULL 显示为 `NULL`，含制表符/换行的字段会加引号。导出当前结果仍包含当前页全部已加载行，不受本地筛选影响。
+
+右键还提供当前行 JSON、当前结果 JSON，以及 CSV / JSON 导出。当前行 INSERT 仅在结果明确来自表预览时启用，任意查询不会猜测目标表。导出当前结果不等于导出整张表。
+
+- **双击单元格**：可写表进入编辑，只读结果打开完整值详情；复制使用右键或 Ctrl/Cmd+C。
 - 列头即字段名，长文本自动截断显示，完整内容在复制时保留。
 
 ## 截断提示
 
-为保护界面与内存，超大结果集会按阈值截断展示：
+结果展示区分已加载记录与数据库中尚未取回的记录：
 
-- 结果面板顶部显示「已截断」提示与实际行数；
-- 需要完整数据时，缩小查询范围（加 LIMIT / WHERE）或使用导出。
+- 已加载记录分批显示，底部提示已显示数量，可点击「继续显示」。
+- 服务端返回更多行提示时，使用分页继续查询；需要完整数据可使用完整查询导出，也可通过 WHERE 缩小查询范围。导出当前结果仅导出已加载的当前页。
 
 > **提示**：默认「点表名看前 100 行」就是截断策略的一部分 —— 快速浏览用 100 行，精确取数写 WHERE。
 
diff --git a/server/internal/docs/content/08-redis.md b/server/internal/docs/content/08-redis.md
index 850a1a9..8c38a78 100644
--- a/server/internal/docs/content/08-redis.md
+++ b/server/internal/docs/content/08-redis.md
@@ -15,7 +15,7 @@ SQL 工作台已经有：多 Tab、⌘/Ctrl+Enter、查询历史、书签、危
 | 执行 | ⌘/Ctrl+Enter 当前语句或选区 | ⌘/Ctrl+Enter 当前行或选区 |
 | 结果 | 结果表 | 命令结果表；从对象树打开键则进入键详情 |
 
-Another Redis Desktop Manager 的独立 CLI Tab、opsxsql 的单行命令 + 输出日志，列为后续 P1，不是现在的主路径。
+独立 CLI Tab、单行命令与输出日志可在后续评估，不属于当前主路径。
 
 ## 键空间浏览
 
@@ -28,7 +28,7 @@ Another Redis Desktop Manager 的独立 CLI Tab、opsxsql 的单行命令 + 输
 
 ## 键详情
 
-对标 Another Redis Desktop Manager 的 Hash/List/Set 视图：
+Hash/List/Set 键详情支持：
 
 - 类型徽章、键名（回车重命名）、TTL（回车或「保存 TTL」，`-1` 永久）、刷新、导出还原命令、删除；
 - **结构**表：Hash 为 ID / Field / Value，JSON 值自动美化；可新增字段、编辑、删除；
diff --git a/server/internal/docs/content/10-ai.md b/server/internal/docs/content/10-ai.md
index ea5921d..ff5c242 100644
--- a/server/internal/docs/content/10-ai.md
+++ b/server/internal/docs/content/10-ai.md
@@ -1,29 +1,29 @@
 AI 面板的目标：让「写不出的 SQL」和「看不懂的 SQL」不再阻塞你。
 
-## 六种动作
+## Ask 的操作
 
 | 动作 | 用途 |
 | --- | --- |
-| 生成 | 自然语言 → SQL（「查最近 7 天下单但未支付的用户」） |
+| 自由提问 | 结合当前 SQL 与库结构回答问题 |
+| 生成 SQL | 自然语言 → SQL（「查最近 7 天下单但未支付的用户」） |
 | 解释 | 把一段复杂 SQL 翻译成中文说明 |
 | 优化 | 分析慢查询，给出索引 / 改写建议 |
 | 修复 | 报错信息 + SQL → 修正版本 |
-| 方言 | MySQL ↔ PostgreSQL 等跨方言转换 |
 | 样例 | 按表结构生成示例查询 |
 
 
 ## Ask | Agent
 
-侧栏输入框上方可切换模式：
+侧栏输入框下方的下拉框切换模式，默认 Ask：
 
 | 模式 | 行为 |
 | --- | --- |
-| **Ask** | 只生成/解释/优化 SQL，**不执行**数据库工具 |
-| **Agent** | 多轮调用与 MCP 同源工具；步骤时间线边跑边推（SSE）；可「插入编辑器」「在结果区打开」 |
+| **Ask** | 回答问题或建议 SQL；不执行数据库工具，也不自动改动 SQL 窗口。点击回复里的「复制到 SQL 窗口」后可自行执行 |
+| **Agent** | 使用与 MCP 同源的工具查询、分析当前编辑器绑定的连接与库（Redis 为当前 DB）；展示步骤与结果，可在结果区打开 |
 
-Agent 支持 openai-chat（DeepSeek 等）、Anthropic messages、OpenAI responses。连接须在 `~/.opsxdb/mcp.json` 白名单内。
+Agent 支持 openai-chat（DeepSeek 等）、Anthropic messages、OpenAI responses。当前连接须在 `~/.opsxdb/mcp.json` 白名单内；Agent 的工具调用限定在当前连接/库，外部 MCP 客户端仍按自己的白名单运行。数据库账号本身的跨库权限仍由数据库控制。
 
-默认 **只读**。若将 `mode` 设为 `read_write`，写操作仍须在气泡确认条点「执行」（一次一刀），模型不能自行带确认令牌。
+默认 **只读**。若将 `mode` 设为 `read_write`，写操作仍须在气泡确认条核对连接、库、语句后点「执行」（一次一刀）；切库后原确认失效，模型不能自行带确认令牌。
 
 ## MCP
 
@@ -45,13 +45,13 @@ npx -y @rlwj-lab/opsxdb-mcp
 
 1. 连接库后打开右侧 AI 面板；
 2. 选择动作，输入需求或粘贴 SQL（可附上对象树上下文）；
-3. 生成结果一键放回编辑器，⌘/Ctrl + Enter 执行。
+3. 核对生成结果，点击「复制到 SQL 窗口」，再按 ⌘/Ctrl + Enter 执行。
 
 > **提示**：生成的 SQL 依旧走危险语句确认流程 —— AI 产出与手写 SQL 同等对待，不放宽防护。
 
 ## 配置服务
 
-点击桌面右上角的设置按钮，在「AI 助手」中选择服务类型，填写服务地址、模型和 API Key，点击「保存」或「测试」（测试会先保存配置）。也可以从 AI 面板的设置入口配置。
+点击桌面右上角「设置」，在「大模型 → AI 供应商」选择服务，填写模型、API 密钥和接口地址，再点击「保存」或「测试连接」（测试会先保存配置）。也可以从 AI 面板的设置入口配置。
 
 支持离线演示和 OpenAI 兼容服务。已保存的 API Key 不回显，留空保存表示保留原密钥。配置加载失败时可重试。
 
@@ -63,4 +63,4 @@ npx -y @rlwj-lab/opsxdb-mcp
 - 可完全关闭 AI 功能；
 - 使用云端模型时在界面上明确标识。
 
-AI 自动跟随 SQL 编辑器当前连接与数据库（Redis 显示 DB 编号，集群固定 DB0），输入框上方可核对目标。直接点选生成 SQL、解释、优化、修复或样例后发送；Shift+Enter 换行。切换标签不会把晚到的生成结果写入新标签，等待期间修改过的 SQL 也不会被自动覆盖。
+AI 自动跟随 SQL 编辑器当前连接与数据库（Redis 显示 DB 编号，集群固定 DB0），输入框上方可核对目标。Ask 模式下选择自由提问、生成 SQL、解释、优化、修复或样例后发送；Shift+Enter 换行。切换标签时，晚到的建议只留在回复里，不会改写 SQL 窗口。
diff --git a/server/internal/docs/content/11-faq.md b/server/internal/docs/content/11-faq.md
index a623661..52ad595 100644
--- a/server/internal/docs/content/11-faq.md
+++ b/server/internal/docs/content/11-faq.md
@@ -48,4 +48,4 @@
 npx @rlwj-lab/opsxdb-mcp
 ```
 
-在 Cursor 的 `mcp.json` 中指向该命令（或本机构建的 `bin/opsxdb-mcp`），并在 `~/.opsxdb/mcp.json` 填写允许的连接 id。默认只读；详见《AI 助手》。
+在 Cursor 的 `mcp.json` 中指向该命令（或本机构建的 `bin/opsxdb-mcp`），并在设置 → MCP 勾选允许访问的连接。新配置默认允许读写与危险 SQL，写入须确认；详见《MCP 接入》。
diff --git a/server/internal/docs/content/12-mcp.md b/server/internal/docs/content/12-mcp.md
index 2a49755..ff30769 100644
--- a/server/internal/docs/content/12-mcp.md
+++ b/server/internal/docs/content/12-mcp.md
@@ -38,7 +38,7 @@ export OPSXDB_MCP_BIN=/绝对路径/opsxdb/bin/opsxdb-mcp
 
 - 查看 Node / npm / 包版本 / Go 二进制是否就绪
 - 复制安装命令与各客户端配置片段
-- 配置 **只读模式**、**允许危险 SQL**、**连接白名单**
+- 查看读写权限，并勾选允许访问的连接；新配置默认允许读写和危险 SQL
 
 ## 配置 AI 客户端
 
@@ -66,13 +66,14 @@ Claude Code 使用项目根目录 `.mcp.json`（结构相同）。VS Code / Wind
 
 | 项 | 说明 |
 | --- | --- |
-| 默认只读 | `mode=read_only`：仅 SELECT/SHOW/EXPLAIN 与 Redis 读命令 |
-| 可写 | 设置中关闭「只读模式」→ `mode=read_write`；每次写仍须确认 |
-| 危险 SQL | 「允许危险 SQL」对应 `allow_dangerous`；DROP/TRUNCATE/ALTER/无 WHERE 更新删除等 |
+| 默认读写 | 新配置使用 `mode=read_write`；Agent 每次写入前显示确认弹框 |
+| 危险 SQL | 新配置默认 `allow_dangerous=true`，DROP/TRUNCATE/ALTER/无 WHERE 更新删除等仍须确认 |
+| 旧配置 | 沿用已保存的权限；设置中选择「使用默认权限」可启用读写与危险 SQL |
 | 连接白名单 | `allowed_connection_ids`；**空=拒绝全部** |
 | 审计 | `~/.opsxdb/logs/mcp-audit.jsonl`（含 tool、connection_id、run_id） |
 
 外部客户端若在 `read_write` 下自行传 `confirm_danger`，视为操作者授权；桌面侧栏 Agent **不会**让模型静默带确认令牌。
+保存白名单或权限后，外部 MCP 进程在下一次工具调用时读取新策略，无需重启桌面或 AI 客户端；策略文件读取失败时该次调用会被拒绝。
 
 ## 工具列表
 
@@ -83,8 +84,8 @@ Claude Code 使用项目根目录 `.mcp.json`（结构相同）。VS Code / Wind
 | `opsxdb_list_tables` | 表/视图 |
 | `opsxdb_describe_table` | 列定义 |
 | `opsxdb_get_schema_context` | 紧凑 schema 文本 |
-| `opsxdb_execute_query` | SQL（默认只读，行数上限） |
-| `opsxdb_execute_redis_command` | Redis（默认只读；FLUSH*/KEYS 永拒） |
+| `opsxdb_execute_query` | SQL（写入需确认，查询有行数上限） |
+| `opsxdb_execute_redis_command` | Redis（写入需确认；FLUSH*/KEYS 永拒） |
 
 ## 侧栏 Ask | Agent
 
diff --git a/server/internal/server/router.go b/server/internal/server/router.go
index c28e2e3..65a97e6 100644
--- a/server/internal/server/router.go
+++ b/server/internal/server/router.go
@@ -28,8 +28,12 @@ func NewRouter(token string) *gin.Engine {
 	r.GET("/health", health)
 	r.GET("/api/health", health)
 
-	docs.New().Register(r)
-	site.New().Register(r)
+	// homepage/dist 存在时整站走静态（落地页 + 文档，对齐 opsxapi/opsxshell）；
+	// 否则回退内嵌 SSR 文档与官网模板。
+	if !mountHomepage(r) {
+		docs.New().Register(r)
+		site.New().Register(r)
+	}
 
 	api := r.Group("/api")
 	{
@@ -442,7 +446,6 @@ func NewRouter(token string) *gin.Engine {
 			c.JSON(http.StatusOK, gin.H{"ok": true})
 		})
 
-
 		// 桌面连接落盘双写：供 MCP 进程读 ~/.opsxdb/connections.json（Logan.Li）
 		api.GET("/db/connections-store", func(c *gin.Context) {
 			list, err := aitools.LoadConnections()
@@ -474,7 +477,6 @@ func NewRouter(token string) *gin.Engine {
 			c.JSON(http.StatusOK, gin.H{"ok": true, "count": len(req.Connections)})
 		})
 
-
 		// AI 会话落盘（真·续跑）：~/.opsxdb/ai-sessions/
 		api.GET("/ai/sessions", func(c *gin.Context) {
 			list, err := ai.ListSessions(50)
@@ -593,7 +595,7 @@ func NewRouter(token string) *gin.Engine {
 			if stmt == "" {
 				stmt = strings.TrimSpace(req.Command)
 			}
-			if err := aitools.VerifyConfirmBind(req.ConnectionID, stmt, req.ConfirmBind); err != nil {
+			if err := aitools.VerifyAgentBind(req.ConnectionID, req.Database, stmt, req.ConfirmBind); err != nil {
 				c.JSON(http.StatusBadRequest, gin.H{"error": err.Error()})
 				return
 			}
@@ -754,12 +756,10 @@ func sanitizeFileToken(s string) string {
 	return b.String()
 }
 
-
 // runAgentHTTP 共用 Agent JSON / SSE；结束后落盘轨迹（真·续跑）。
 func runAgentHTTP(c *gin.Context, req ai.AgentReq) {
-	llm, err := ai.DefaultToolChat()
-	if err != nil {
-		c.JSON(http.StatusBadRequest, gin.H{"error": err.Error()})
+	if strings.TrimSpace(req.ConnectionID) == "" {
+		c.JSON(http.StatusBadRequest, gin.H{"error": "请先选择当前数据库连接，再使用 Agent"})
 		return
 	}
 	rt, err := aitools.DefaultRuntime()
@@ -767,6 +767,19 @@ func runAgentHTTP(c *gin.Context, req ai.AgentReq) {
 		c.JSON(http.StatusInternalServerError, gin.H{"error": err.Error()})
 		return
 	}
+	if err := rt.Policy.AllowConnection(req.ConnectionID); err != nil {
+		c.JSON(http.StatusForbidden, gin.H{"error": "当前连接未授权 Agent 使用，请在设置 → MCP 中勾选此连接"})
+		return
+	}
+	if _, err := aitools.FindConnection(req.ConnectionID); err != nil {
+		c.JSON(http.StatusConflict, gin.H{"error": "当前连接尚未同步至本机服务或已被删除，请重新保存连接后重试 Agent"})
+		return
+	}
+	llm, err := ai.DefaultToolChat()
+	if err != nil {
+		c.JSON(http.StatusBadRequest, gin.H{"error": err.Error()})
+		return
+	}
 	rt.Source = "agent"
 	rt.RejectCallerConfirm = true
 
@@ -821,14 +834,14 @@ func runAgentHTTP(c *gin.Context, req ai.AgentReq) {
 		}
 		// 补发 session 元数据（轻量），避免改动 loop 内已发的 done
 		_ = ai.WriteAgentSSE(c.Writer, flusher, ai.AgentEvent{
-			Type: "session",
-			Content: final.SessionID,
-			RunID: final.RunID,
-			Outcome: final.Outcome,
+			Type:             "session",
+			Content:          final.SessionID,
+			RunID:            final.RunID,
+			Outcome:          final.Outcome,
 			IncompleteReason: final.IncompleteReason,
-			Resumable: final.Resumable,
-			StepsBudget: final.StepsBudget,
-			Rounds: final.Rounds,
+			Resumable:        final.Resumable,
+			StepsBudget:      final.StepsBudget,
+			Rounds:           final.Rounds,
 		})
 		return
 	}
@@ -846,11 +859,50 @@ func runAgentHTTP(c *gin.Context, req ai.AgentReq) {
 	c.JSON(http.StatusOK, res)
 }
 
-
 func health(c *gin.Context) {
 	c.JSON(http.StatusOK, gin.H{"ok": true, "service": "opsxdb", "version": Version})
 }
 
+// mountHomepage 本地预览 homepage/dist（落地页 + 文档静态站）。不改 homepage/ 源。
+func mountHomepage(r *gin.Engine) bool {
+	for _, dir := range []string{
+		os.Getenv("OPSXDB_HOMEPAGE"),
+		"../../homepage/dist",
+		"../homepage/dist",
+		"homepage/dist",
+	} {
+		if dir == "" {
+			continue
+		}
+		if st, err := os.Stat(dir); err == nil && st.IsDir() {
+			fs := http.FileServer(http.Dir(dir))
+			r.NoRoute(func(c *gin.Context) {
+				p := c.Request.URL.Path
+				if strings.HasPrefix(p, "/api/") {
+					c.JSON(http.StatusNotFound, gin.H{"error": "接口不存在"})
+					return
+				}
+				upath := strings.TrimPrefix(p, "/")
+				if upath == "home" || upath == "index.html" {
+					c.Request.URL.Path = "/" // 落地页别名：导航里的 /home 链接
+				}
+				if upath != "" {
+					if st2, err2 := os.Stat(filepath.Join(dir, upath)); err2 == nil && st2.IsDir() {
+						c.Request.URL.Path = p + "/"
+					} else if !strings.Contains(filepath.Base(upath), ".") {
+						if _, err3 := os.Stat(filepath.Join(dir, upath+".html")); err3 == nil {
+							c.Request.URL.Path = p + ".html"
+						}
+					}
+				}
+				fs.ServeHTTP(c.Writer, c.Request)
+			})
+			return true
+		}
+	}
+	return false
+}
+
 func localhostCORS() gin.HandlerFunc {
 	// 5174 = 桌面 devUrl（Tauri dev 的 Vite 资产服务）；tauri:// = 打包桌面壳。
 	// 浏览器不作为客户端，不再放行其它来源。
@@ -866,7 +918,7 @@ func localhostCORS() gin.HandlerFunc {
 			c.Header("Access-Control-Allow-Origin", origin)
 			c.Header("Vary", "Origin")
 			c.Header("Access-Control-Allow-Headers", "Content-Type, Authorization")
-			c.Header("Access-Control-Allow-Methods", "GET, POST, OPTIONS")
+			c.Header("Access-Control-Allow-Methods", "GET, POST, PUT, OPTIONS")
 		}
 		if c.Request.Method == http.MethodOptions {
 			c.AbortWithStatus(http.StatusNoContent)
diff --git a/server/internal/server/router_test.go b/server/internal/server/router_test.go
index 2f59f5d..cd2ffad 100644
--- a/server/internal/server/router_test.go
+++ b/server/internal/server/router_test.go
@@ -22,6 +22,32 @@ func doPost(t *testing.T, r http.Handler, path, body, token string) *httptest.Re
 	return w
 }
 
+// 桌面 WebView 跨端口保存 MCP 白名单前会先发送 PUT 预检请求。
+func TestMcpPolicyPutPreflight(t *testing.T) {
+	r := NewRouter("local-token")
+	for _, origin := range []string{"http://127.0.0.1:5174", "tauri://localhost", "http://tauri.localhost"} {
+		req := httptest.NewRequest(http.MethodOptions, "/api/ai/mcp-policy", nil)
+		req.Header.Set("Origin", origin)
+		req.Header.Set("Access-Control-Request-Method", http.MethodPut)
+		req.Header.Set("Access-Control-Request-Headers", "authorization,content-type")
+		w := httptest.NewRecorder()
+		r.ServeHTTP(w, req)
+		if w.Code != http.StatusNoContent || w.Header().Get("Access-Control-Allow-Origin") != origin ||
+			!strings.Contains(w.Header().Get("Access-Control-Allow-Methods"), http.MethodPut) ||
+			!strings.Contains(w.Header().Get("Access-Control-Allow-Headers"), "Authorization") {
+			t.Errorf("%s: MCP PUT 预检未放行: code=%d headers=%v", origin, w.Code, w.Header())
+		}
+	}
+
+	req := httptest.NewRequest(http.MethodOptions, "/api/ai/mcp-policy", nil)
+	req.Header.Set("Origin", "https://example.com")
+	w := httptest.NewRecorder()
+	r.ServeHTTP(w, req)
+	if w.Header().Get("Access-Control-Allow-Origin") != "" {
+		t.Fatal("非桌面来源不应被放行")
+	}
+}
+
 // 鉴权矩阵:token 为空直通;token 非空时无头 401、正确头 200;health 豁免。
 func TestAuthMatrix(t *testing.T) {
 	open := NewRouter("")
diff --git a/server/internal/site/template.html b/server/internal/site/template.html
index 9cf85b9..997126e 100644
--- a/server/internal/site/template.html
+++ b/server/internal/site/template.html
@@ -151,7 +151,7 @@
       <div class="card row"><div class="card-icon"><svg class="i-lg"><use href="#i-table"/></svg></div><div><h3>结果随手取</h3><p>结果集一键复制 / 导出 CSV / 生成 INSERT；双击单元格即复制，截断行数有提示。</p></div></div>
       <div class="card row"><div class="card-icon"><svg class="i-lg"><use href="#i-tree"/></svg></div><div><h3>对象树与表数据</h3><p>懒加载库 / 表 / 列；点表名直接看前 100 行，展开表即看列结构。</p></div></div>
       <div class="card row"><div class="card-icon"><svg class="i-lg"><use href="#i-database"/></svg></div><div><h3>Redis 工作台</h3><p>编辑器直接执行 <code>PING</code> / <code>GET</code> / <code>SET</code> / <code>KEYS</code>，键空间浏览、TTL 管理。</p></div></div>
-      <div class="card row"><div class="card-icon"><svg class="i-lg"><use href="#i-sparkles"/></svg></div><div><h3>AI / MCP</h3><p>Ask 写 SQL；Agent 真查白名单库。设置 → MCP 一键复制 Cursor / Claude 配置；默认只读。</p></div></div>
+      <div class="card row"><div class="card-icon"><svg class="i-lg"><use href="#i-sparkles"/></svg></div><div><h3>AI / MCP</h3><p>Ask 写 SQL；Agent 操作授权连接，写入前逐次确认。设置 → MCP 复制 Cursor / Claude 配置。</p></div></div>
     </div>
   </div>
 </section>
@@ -271,9 +271,9 @@
     <div class="faq">
       <details open><summary>我的连接密码保存在哪？安全吗？</summary><p>全部保存在本机（混淆存储），查询时只携带会话 ID，密码不会随每次请求上送，也不会同步到任何云端。</p></details>
       <details><summary>能在浏览器里操作数据库吗？</summary><p>不能。客户端唯一形态是桌面应用（Tauri 2）；浏览器只承载官网与文档，由后端 :8788 内置提供。开发时的 :5174 只是桌面 devUrl 的资产服务。</p></details>
-      <details><summary>和 DBeaver / Navicat 有什么差别？</summary><p>OpsxDB 面向运维与开发的日常高频操作（连库、点表、写 SQL、取结果），界面密度和快捷键为「快」设计；本地优先、后端随桌面应用拉起、内置中文文档。重度管理功能（ER 图、数据比对等）在路线图中。</p></details>
+      <details><summary>OpsxDB 适合哪些场景？</summary><p>OpsxDB 面向运维与开发的日常高频操作（连库、点表、写 SQL、取结果），界面密度和快捷键为「快」设计；本地优先、后端随桌面应用拉起、内置中文文档。重度管理功能（ER 图、数据比对等）在路线图中。</p></details>
       <details><summary>Oracle 支持好了吗？</summary><p>驱动代码已就绪（纯 Go 的 go-ora，无需 JVM），但本机 docker 验收在 Apple Silicon 上受镜像限制未通过，需 x86 环境或真库完成验收，详见文档《驱动支持》。</p></details>
-      <details><summary>AI 功能需要联网吗？</summary><p>配置云端模型（如 DeepSeek）时，提问与结构上下文会发往该服务；可改用本地兼容端点。MCP / Agent 查库始终在本机执行，默认只读。</p></details>
+      <details><summary>AI 功能需要联网吗？</summary><p>配置云端模型（如 DeepSeek）时，提问与结构上下文会发往该服务；可改用本地兼容端点。MCP / Agent 查库在本机执行；Agent 写入前需确认具体命令。</p></details>
       <details><summary>如何把 Cursor / Claude 接到 OpsxDB？</summary><p>安装 <code>@rlwj-lab/opsxdb-mcp</code> 并构建 Go 二进制，在桌面 <strong>设置 → MCP</strong> 勾选连接白名单、复制对应客户端配置。完整步骤见 <a href="/docs/mcp" target="_blank" rel="noopener">MCP 接入</a>。</p></details>
 
       <details><summary>支持达梦 / MongoDB 吗？</summary><p>已列入路线：常用库 native 内置，长尾库（达梦、MongoDB、ZooKeeper、ES、InfluxDB）规划 agent 按需接入，驱动分发走独立仓库并校验 sha256。</p></details>
diff --git a/apps/desktop/src-tauri/Cargo.lock b/src-tauri/Cargo.lock
similarity index 87%
rename from apps/desktop/src-tauri/Cargo.lock
rename to src-tauri/Cargo.lock
index 6ef6c04..85e7236 100644
--- a/apps/desktop/src-tauri/Cargo.lock
+++ b/src-tauri/Cargo.lock
@@ -19,15 +19,15 @@ dependencies = [
 
 [[package]]
 name = "alloc-no-stdlib"
-version = "2.0.4"
+version = "3.0.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "cc7bb162ec39d46ab1ca8c77bf72e890535becd1751bb45f64c597edb4c8c6b3"
+checksum = "c2fb6cfd47bf496ff64095c20eaba0c201404ee38714d4142fcfa1dc334fcc7a"
 
 [[package]]
 name = "alloc-stdlib"
-version = "0.2.4"
+version = "0.3.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0e76a019e91224d279006ff972f1e984179a6e9feb050adba6ce8274aef23195"
+checksum = "0b5c1865780388bfa186411ab5f247819487fc4864c6e9c3106611fa347586e1"
 dependencies = [
  "alloc-no-stdlib",
 ]
@@ -134,13 +134,13 @@ dependencies = [
 
 [[package]]
 name = "async-recursion"
-version = "1.1.1"
+version = "1.2.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3b43422f69d8ff38f95f1b2bb76517c91589a924d1559a0e935d7c8ce0274c11"
+checksum = "4f8abc12baad266b1c8cec146854c195b5864b4221d4b2ca7296a7ae82d9e451"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.119",
+ "syn 3.0.9",
 ]
 
 [[package]]
@@ -175,7 +175,7 @@ checksum = "82f6aeea286b8eb4dd3431a1be1b59d290ace00f5bfd8e2a159bc2a05e2c1667"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 3.0.5",
+ "syn 3.0.9",
 ]
 
 [[package]]
@@ -294,9 +294,9 @@ dependencies = [
 
 [[package]]
 name = "brotli"
-version = "8.0.4"
+version = "9.0.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5cc91aac060a7a1e25823bdccbfb6af1875b88f17c6daac97894eed8207166b3"
+checksum = "f8b851b75c23ca7873623d612fe49bd1989aeb03d08fb9432187eb253d3d4c6b"
 dependencies = [
  "alloc-no-stdlib",
  "alloc-stdlib",
@@ -305,9 +305,9 @@ dependencies = [
 
 [[package]]
 name = "brotli-decompressor"
-version = "5.0.3"
+version = "6.0.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3a32acac15fe1967bc3986b2a6347dffc965602354ea6f450ad07e8bfd253583"
+checksum = "941cd9bd4ddab83cb46fa5a2d428f1c857b24ac78cb876cf7beb710840934bd7"
 dependencies = [
  "alloc-no-stdlib",
  "alloc-stdlib",
@@ -403,24 +403,25 @@ dependencies = [
  "semver",
  "serde",
  "serde_json",
- "thiserror 2.0.20",
+ "thiserror 2.0.21",
 ]
 
 [[package]]
 name = "cargo_toml"
-version = "0.22.3"
+version = "1.0.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "374b7c592d9c00c1f4972ea58390ac6b18cbb6ab79011f3bdc90a0b82ca06b77"
+checksum = "82f4b26e751e711a5302649417f2da046dce6391b2ea30a4820f37462314f0b9"
 dependencies = [
+ "semver",
  "serde",
- "toml 0.9.12+spec-1.1.0",
+ "toml 1.1.8+spec-1.1.0",
 ]
 
 [[package]]
 name = "cc"
-version = "1.4.6"
+version = "1.8.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a3eb0f42d6c360dc3f8a821f6bf2fdea7f72bfd36b3076eb0e6d1e9e0752fff4"
+checksum = "6651c9ed80effdc7db0ff72512157f901af5e3549e341e24b1dd4887d836d838"
 dependencies = [
  "find-msvc-tools",
  "shlex",
@@ -434,13 +435,13 @@ checksum = "6d43a04d8753f35258c91f8ec639f792891f748a1edbd759cf1dcea3382ad83c"
 
 [[package]]
 name = "cfb"
-version = "0.7.3"
+version = "0.14.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d38f2da7a0a2c4ccf0065be06397cc26a81f4e528be095826eee9d4adbb8c60f"
+checksum = "a347dcabdae9c31b0825fd6a8bed285ec9c2acb89c47827126d52fa4f59cece3"
 dependencies = [
- "byteorder",
  "fnv",
  "uuid",
+ "web-time",
 ]
 
 [[package]]
@@ -455,9 +456,9 @@ dependencies = [
 
 [[package]]
 name = "cfg-if"
-version = "1.0.4"
+version = "1.0.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9330f8b2ff13f34540b44e946ef35111825727b38d33286ef986142615121801"
+checksum = "4e7648175b45a9a48536d676f68d918270699102aa8dab5496df06904c914600"
 
 [[package]]
 name = "cfg_aliases"
@@ -485,7 +486,7 @@ dependencies = [
  "iana-time-zone",
  "num-traits",
  "serde",
- "windows-link 0.2.1",
+ "windows-link",
 ]
 
 [[package]]
@@ -611,9 +612,9 @@ dependencies = [
 
 [[package]]
 name = "cssparser"
-version = "0.36.0"
+version = "0.37.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "dae61cf9c0abb83bd659dab65b7e4e38d8236824c85f0f804f173567bda257d2"
+checksum = "8c9cdaae01d5ed7882b04d795e7f752f46ff52d2fa3b50a20d28c464510bba98"
 dependencies = [
  "cssparser-macros",
  "dtoa-short",
@@ -624,29 +625,19 @@ dependencies = [
 
 [[package]]
 name = "cssparser-macros"
-version = "0.6.1"
+version = "0.7.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "13b588ba4ac1a99f7f2964d24b3d896ddc6bf847ee3855dbd4366f058cfcd331"
+checksum = "d045de693cb712d0b22c6a64be5b953f67b3ce00ab5ad3dd5d8b441886ab8e1a"
 dependencies = [
  "quote",
- "syn 2.0.119",
+ "syn 3.0.9",
 ]
 
 [[package]]
 name = "ctor"
-version = "0.8.0"
+version = "1.0.13"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "352d39c2f7bef1d6ad73db6f5160efcaed66d94ef8c6c573a8410c00bf909a98"
-dependencies = [
- "ctor-proc-macro",
- "dtor",
-]
-
-[[package]]
-name = "ctor-proc-macro"
-version = "0.0.7"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "52560adf09603e58c9a7ee1fe1dcb95a16927b17c127f0ac02d6e768a0e25bc1"
+checksum = "914a755b7c2d4af2bdcff7ce1739e2db9a1b81a9b07123d8015786ae03c0980d"
 
 [[package]]
 name = "darling"
@@ -668,7 +659,7 @@ dependencies = [
  "proc-macro2",
  "quote",
  "strsim",
- "syn 3.0.5",
+ "syn 3.0.9",
 ]
 
 [[package]]
@@ -679,7 +670,7 @@ checksum = "2ac7135c3ef02b2f7833bbeb1be5ba7f966dcde8a87c6b87f65a778d71a02785"
 dependencies = [
  "darling_core",
  "quote",
- "syn 3.0.5",
+ "syn 3.0.9",
 ]
 
 [[package]]
@@ -721,14 +712,14 @@ version = "1.0.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "10d60334b3b2e7c9d91ef8150abfb6fa4c1c39ebbcf4a81c2e346aad939fee3e"
 dependencies = [
- "thiserror 2.0.20",
+ "thiserror 2.0.21",
 ]
 
 [[package]]
 name = "deranged"
-version = "0.5.8"
+version = "0.5.9"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7cd812cc2bc1d69d4764bd80df88b4317eaef9e773c75226407d9bc0876b211c"
+checksum = "9e9de72ce2ad1f90dc62fa25f0f430ef85eb4b0d8fa0be4f30373bc40a21d28e"
 dependencies = [
  "serde_core",
 ]
@@ -766,9 +757,9 @@ dependencies = [
 
 [[package]]
 name = "dirs"
-version = "6.0.0"
+version = "7.0.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c3e8aa94d75141228480295a7d0e7feb620b1a5ad9f12bc40be62411e38cce4e"
+checksum = "8d57d423b3c82e89b9a24ca3091fee61f456a26edbd28d26c65906f4bc1dcd8f"
 dependencies = [
  "dirs-sys",
 ]
@@ -805,7 +796,7 @@ checksum = "c6232dd377dcc64799954cbd3a9bb882e9cdc1308ccd87b1c098f1fb2eaf82a8"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 3.0.5",
+ "syn 3.0.9",
 ]
 
 [[package]]
@@ -833,9 +824,9 @@ dependencies = [
 
 [[package]]
 name = "dom_query"
-version = "0.27.0"
+version = "0.28.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "521e380c0c8afb8d9a1e83a1822ee03556fc3e3e7dbc1fd30be14e37f9cb3f89"
+checksum = "fac5fca71e65e94cc718a6e2af65d6e0f9c6027751c2aa562fbb5087fda639bc"
 dependencies = [
  "bit-set",
  "cssparser",
@@ -870,21 +861,6 @@ dependencies = [
  "dtoa",
 ]
 
-[[package]]
-name = "dtor"
-version = "0.3.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f1057d6c64987086ff8ed0fd3fbf377a6b7d205cc7715868cd401705f715cbe4"
-dependencies = [
- "dtor-proc-macro",
-]
-
-[[package]]
-name = "dtor-proc-macro"
-version = "0.0.6"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f678cf4a922c215c63e0de95eb1ff08a958a81d47e485cf9da1e27bf6305cfa5"
-
 [[package]]
 name = "dunce"
 version = "1.0.5"
@@ -899,14 +875,14 @@ checksum = "d0881ea181b1df73ff77ffaaf9c7544ecc11e82fba9b5f27b262a3c73a332555"
 
 [[package]]
 name = "embed-resource"
-version = "3.0.11"
+version = "3.0.12"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "fbfdaacccebec3b28e4866b8973543c7647797db5ada1bdab552e48fe665fbbd"
+checksum = "6168487b5e7eb2673e6efe1200b1848016e436a6ca0b8031bf04bd9d493a249f"
 dependencies = [
  "cc",
  "memchr",
  "rustc_version",
- "toml 1.1.6+spec-1.1.0",
+ "toml 1.1.8+spec-1.1.0",
  "vswhom",
  "winreg",
 ]
@@ -946,9 +922,9 @@ dependencies = [
 
 [[package]]
 name = "equivalent"
-version = "1.0.2"
+version = "1.0.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "877a4ace8713b0bcf2a4e7eec82529c029f1d0619886d18145fea96c3ffe5c0f"
+checksum = "00d174d5400e5e8fd687ad1049e2f578285fa914201b1af7e8b112a4546bd826"
 
 [[package]]
 name = "erased-serde"
@@ -1018,9 +994,9 @@ dependencies = [
 
 [[package]]
 name = "find-msvc-tools"
-version = "0.1.12"
+version = "0.1.14"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3e0f1c7c3a72c66fd80abe965175f7523475c0489a87d3ff9d6e8c87d87a9d2d"
+checksum = "aedcfb3409746eddb02b9e19ebda1c3394f759a152e48ee875a0844d1b955484"
 
 [[package]]
 name = "flate2"
@@ -1063,7 +1039,7 @@ checksum = "ea5190182e6915eb873ddbc16e23b711b6eb1f9c00a0d0a3a91b5f6228475225"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 3.0.5",
+ "syn 3.0.9",
 ]
 
 [[package]]
@@ -1135,7 +1111,7 @@ checksum = "9fb9654ba8355388abeb8dcb4fc62f511300867002afc858860463bdd9fe0c44"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 3.0.5",
+ "syn 3.0.9",
 ]
 
 [[package]]
@@ -1500,9 +1476,9 @@ checksum = "7f24254aa9a54b5c858eaee2f5bccdb46aaf0e486a595ed5fd8f86ba55232a70"
 
 [[package]]
 name = "html5ever"
-version = "0.38.0"
+version = "0.39.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1054432bae2f14e0061e33d23402fbaa67a921d319d56adc6bcf887ddad1cbc2"
+checksum = "46a1761807faccc9a19e86944bbf40610014066306f96edcdedc2fb714bcb7b8"
 dependencies = [
  "log",
  "markup5ever",
@@ -1549,13 +1525,12 @@ checksum = "6dbf3de79e51f3d586ab4cb9d5c3e2c14aa28ed23d180cf89b4df0454a69cc87"
 
 [[package]]
 name = "hyper"
-version = "1.11.1"
+version = "1.12.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "27b501faa50e7a26c3d3560ca625132f4078a17771f4810baf70475ae48cbe43"
+checksum = "2c3e324da4c95177d6291d4c8730197c0d1822f8a9766814a4a44fa5ab797c9c"
 dependencies = [
  "atomic-waker",
  "bytes",
- "futures-channel",
  "futures-core",
  "http",
  "http-body",
@@ -1569,9 +1544,9 @@ dependencies = [
 
 [[package]]
 name = "hyper-rustls"
-version = "0.27.9"
+version = "0.27.10"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "33ca68d021ef39cf6463ab54c1d0f5daf03377b70561305bb89a8f83aab66e0f"
+checksum = "dfa8e654703247911e29c23fbeaa261834bd9bb74efba2f9acddc37bfb127f53"
 dependencies = [
  "http",
  "hyper",
@@ -1585,16 +1560,17 @@ dependencies = [
 
 [[package]]
 name = "hyper-util"
-version = "0.1.20"
+version = "0.1.21"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "96547c2556ec9d12fb1578c4eaf448b04993e7fb79cbaad930a656880a6bdfa0"
+checksum = "ddc03d96684f9226b8a787cdb71488417b53ab5ea8fdb1dac946cb9431cc8bff"
 dependencies = [
- "base64 0.22.1",
+ "base64 0.23.1",
  "bytes",
  "futures-channel",
  "futures-util",
  "http",
  "http-body",
+ "httparse",
  "hyper",
  "ipnet",
  "libc",
@@ -1618,7 +1594,7 @@ dependencies = [
  "js-sys",
  "log",
  "wasm-bindgen",
- "windows-core 0.62.2",
+ "windows-core",
 ]
 
 [[package]]
@@ -1775,9 +1751,9 @@ dependencies = [
 
 [[package]]
 name = "infer"
-version = "0.19.0"
+version = "0.22.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a588916bfdfd92e71cacef98a63d9b1f0d74d6599980d11894290e7ddefffcf7"
+checksum = "f4200d433cbd5178df7797c9c2e75b348b728e39631cf14520d1e2fc424201f4"
 dependencies = [
  "cfb",
 ]
@@ -1788,6 +1764,25 @@ version = "2.12.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "791930b43c0d5973160d90a8f3894509f2b273430f5c5c73b668636d0287c5c0"
 
+[[package]]
+name = "is-docker"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "928bae27f42bc99b60d9ac7334e3a21d10ad8f1835a4e12ec3ec0464765ed1b3"
+dependencies = [
+ "once_cell",
+]
+
+[[package]]
+name = "is-wsl"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "173609498df190136aa7dea1a91db051746d339e18476eed5ca40521f02d7aa5"
+dependencies = [
+ "is-docker",
+ "once_cell",
+]
+
 [[package]]
 name = "itoa"
 version = "1.0.18"
@@ -1819,9 +1814,9 @@ dependencies = [
 
 [[package]]
 name = "jiff"
-version = "0.2.37"
+version = "0.2.38"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0ab1baf72f08796de0260609515130699b890ac25f30e610ad894bc5856cafdb"
+checksum = "b2b005715dcbeb0089a3c0dab99f2ff1cc3b2525323552703d648585d342a383"
 dependencies = [
  "defmt",
  "jiff-core",
@@ -1831,7 +1826,7 @@ dependencies = [
  "portable-atomic",
  "portable-atomic-util",
  "serde_core",
- "windows-link 0.2.1",
+ "windows-link",
 ]
 
 [[package]]
@@ -1846,9 +1841,9 @@ dependencies = [
 
 [[package]]
 name = "jiff-static"
-version = "0.2.37"
+version = "0.2.38"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "378268a1116ad67ae6228701118ac9f491d78fda38a40a1f1a9e1348de6f7212"
+checksum = "2cc9817253cf7c7ee4684451bd327e88d6f3658014e54a29198625590650695c"
 dependencies = [
  "jiff-core",
  "proc-macro2",
@@ -1858,9 +1853,9 @@ dependencies = [
 
 [[package]]
 name = "jiff-tzdb"
-version = "0.1.8"
+version = "0.1.9"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "142bd39932ad231f10513df9ab62661fead8719872150b7ad02a2df79f4e141e"
+checksum = "fa8377070c6bae868759445e5a77f66d84f0b72f3a054bfb00e6d038b8282da7"
 
 [[package]]
 name = "jiff-tzdb-platform"
@@ -1917,9 +1912,9 @@ dependencies = [
 
 [[package]]
 name = "js-sys"
-version = "0.3.105"
+version = "0.3.106"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ce57d20d1ea864ce2ac172ab472d409214f4fd359f0b2a2775abdf522e2af99e"
+checksum = "7883d941dae510fb2d978fc3fe018c71c9e2892fd38854de3e8b92c2e5ad9cc5"
 dependencies = [
  "cfg-if",
  "futures-util",
@@ -1928,21 +1923,21 @@ dependencies = [
 
 [[package]]
 name = "json-patch"
-version = "3.0.1"
+version = "4.2.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "863726d7afb6bc2590eeff7135d923545e5e964f004c2ccf8716c25e70a86f08"
+checksum = "7421438de105a0827e44fadd05377727847d717c80ce29a229f85fd04c427b72"
 dependencies = [
  "jsonptr",
  "serde",
  "serde_json",
- "thiserror 1.0.69",
+ "thiserror 2.0.21",
 ]
 
 [[package]]
 name = "jsonptr"
-version = "0.6.3"
+version = "0.7.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5dea2b27dd239b2556ed7a25ba842fe47fd602e7fc7433c2a8d6106d4d9edd70"
+checksum = "a5a3cc660ba5d72bce0b3bb295bf20847ccbb40fd423f3f05b61273672e561fe"
 dependencies = [
  "serde",
  "serde_json",
@@ -1950,13 +1945,12 @@ dependencies = [
 
 [[package]]
 name = "keyboard-types"
-version = "0.7.0"
+version = "0.8.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b750dcadc39a09dbadd74e118f6dd6598df77fa01df0cfcdc52c28dece74528a"
+checksum = "0fbe853b403ae61a04233030ae8a79d94975281ed9770a1f9e246732b534b28d"
 dependencies = [
  "bitflags 2.13.2",
  "serde",
- "unicode-segmentation",
 ]
 
 [[package]]
@@ -1985,9 +1979,9 @@ dependencies = [
 
 [[package]]
 name = "libc"
-version = "0.2.189"
+version = "0.2.190"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3eaf3ede3fee6db1a4c2ee091bf8a8b4dccdc6d17f656fb07896ee72867612f2"
+checksum = "ce5d3ddc6d3fa000eb1536d85e147bfe31aacaba692ed6a876f95cb7c855be78"
 
 [[package]]
 name = "libdbus-sys"
@@ -2010,9 +2004,9 @@ dependencies = [
 
 [[package]]
 name = "libredox"
-version = "0.1.24"
+version = "0.1.25"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6480ccc157a1389bb2e4891b24751b0f798ba640d22386f23143fbcc89da195a"
+checksum = "61ff90caf6077a803a240f62fdbe88645a890bbca49ef8174c3cb0404362171d"
 dependencies = [
  "libc",
 ]
@@ -2052,9 +2046,9 @@ checksum = "4050469837a6ff301cd14c1f8f24f88549e6d548f24f64e2148eb0f72cebc51f"
 
 [[package]]
 name = "markup5ever"
-version = "0.38.0"
+version = "0.39.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8983d30f2915feeaaab2d6babdd6bc7e9ed1a00b66b5e6d74df19aa9c0e91862"
+checksum = "7122d987ec5f704ee56f6e5b41a7d93722e9aae27ae07cafa4036c4d3f9757de"
 dependencies = [
  "log",
  "tendril",
@@ -2104,9 +2098,9 @@ dependencies = [
 
 [[package]]
 name = "mio"
-version = "1.2.3"
+version = "1.2.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4b18443e9c262bfe8fa82f51666e2642c53393f7e5c27b3e1aeab922cff5b9d8"
+checksum = "1788edb87fdc09c7e26304471e2f5be8cdefb1b6930d6e3985fc02ff53bf86ee"
 dependencies = [
  "libc",
  "wasi",
@@ -2115,9 +2109,9 @@ dependencies = [
 
 [[package]]
 name = "muda"
-version = "0.19.3"
+version = "0.20.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1dd04e60bc0b07438a6771710ee1698f98f6ebbc7f89b61264af1563b8aeb878"
+checksum = "cca139e57da4383727f189e43e66e84fa372347027fc996f9f1a007ec0a37996"
 dependencies = [
  "crossbeam-channel",
  "dpi",
@@ -2130,7 +2124,7 @@ dependencies = [
  "once_cell",
  "png 0.18.1",
  "serde",
- "thiserror 2.0.20",
+ "thiserror 2.0.21",
  "windows-sys 0.61.2",
 ]
 
@@ -2149,6 +2143,12 @@ dependencies = [
  "thiserror 1.0.69",
 ]
 
+[[package]]
+name = "ndk-context"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "27b02d87554356db9e9a873add8782d4ea6e3e58ea071a9adb9a2e8ddb884a8b"
+
 [[package]]
 name = "ndk-sys"
 version = "0.6.0+11769913"
@@ -2203,9 +2203,9 @@ dependencies = [
 
 [[package]]
 name = "objc2"
-version = "0.6.4"
+version = "0.6.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3a12a8ed07aefc768292f076dc3ac8c48f3781c8f2d5851dd3d98950e8c5a89f"
+checksum = "08849bbd4767dfae9457696856ae1c84fe4e0281bbe4a7abff2d0e06fb7981f8"
 dependencies = [
  "objc2-encode",
  "objc2-exception-helper",
@@ -2222,6 +2222,7 @@ dependencies = [
  "objc2",
  "objc2-core-foundation",
  "objc2-foundation",
+ "objc2-quartz-core",
 ]
 
 [[package]]
@@ -2403,7 +2404,18 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "9f7c3e4beb33f85d45ae3e3a1792185706c8e16d043238c593331cc7cd313b50"
 
 [[package]]
-name = "opsxdb-desktop"
+name = "open"
+version = "5.4.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "aa576c76302b7b808eecc68061e67336c47833ef9d22caa74dda10fa9675eebc"
+dependencies = [
+ "dunce",
+ "is-wsl",
+ "libc",
+]
+
+[[package]]
+name = "opsxdb"
 version = "0.1.0"
 dependencies = [
  "rand 0.8.8",
@@ -2412,6 +2424,7 @@ dependencies = [
  "serde_json",
  "tauri",
  "tauri-build",
+ "tauri-plugin-opener",
  "tauri-plugin-single-instance",
  "tauri-plugin-window-state",
  "tokio",
@@ -2485,7 +2498,7 @@ dependencies = [
  "libc",
  "redox_syscall",
  "smallvec",
- "windows-link 0.2.1",
+ "windows-link",
 ]
 
 [[package]]
@@ -2649,9 +2662,9 @@ dependencies = [
 
 [[package]]
 name = "powerfmt"
-version = "0.2.0"
+version = "0.2.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "439ee305def115ba05938db6eb1644ff94165c5ab5e9420d1c1bcedbba909391"
+checksum = "4a6394b9e965e73d0a289ee54f589087e2c676aedf60885baf52c76b771e4958"
 
 [[package]]
 name = "ppv-lite86"
@@ -2694,7 +2707,7 @@ version = "3.5.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "e67ba7e9b2b56446f1d419b1d807906278ffa1a658a8a5d8a39dcb1f5a78614f"
 dependencies = [
- "toml_edit 0.25.15+spec-1.1.0",
+ "toml_edit 0.25.17+spec-1.1.0",
 ]
 
 [[package]]
@@ -2753,7 +2766,7 @@ dependencies = [
  "rustc-hash",
  "rustls",
  "socket2",
- "thiserror 2.0.20",
+ "thiserror 2.0.21",
  "tokio",
  "tracing",
  "web-time",
@@ -2761,21 +2774,21 @@ dependencies = [
 
 [[package]]
 name = "quinn-proto"
-version = "0.11.18"
+version = "0.11.19"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a9746dbde176634f4f2f1faf2404e30a31b2bc1e9cafb5329c95d8177a18c9fc"
+checksum = "0e750cca55fe4f0439a15d0bb529da9651e79993e8e72c61a899a36d462befbe"
 dependencies = [
  "bytes",
  "getrandom 0.4.3",
  "lru-slab",
- "rand 0.10.2",
+ "rand 0.10.3",
  "rand_pcg",
  "ring",
  "rustc-hash",
  "rustls",
  "rustls-pki-types",
  "slab",
- "thiserror 2.0.20",
+ "thiserror 2.0.21",
  "tinyvec",
  "tracing",
  "web-time",
@@ -2783,9 +2796,9 @@ dependencies = [
 
 [[package]]
 name = "quinn-udp"
-version = "0.5.15"
+version = "0.5.16"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "35a133f956daabe89a61a685c2649f13d82d5aa4bd5d12d1277e1072a21c0694"
+checksum = "af66907df18639dcf4db56ca65490cabc4b27a97dbadd96f2926cca73298f016"
 dependencies = [
  "cfg_aliases",
  "libc",
@@ -2829,9 +2842,9 @@ dependencies = [
 
 [[package]]
 name = "rand"
-version = "0.10.2"
+version = "0.10.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c7f5fa3a058cd35567ef9bfa5e75732bee0f9e4c55fa90477bef2dfcdbc4be80"
+checksum = "65c9fb96cbc91e3478eaae79a69fcd3f1ae4ad052e471fe6732fff548984b4af"
 dependencies = [
  "chacha20",
  "getrandom 0.4.3",
@@ -2894,7 +2907,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "60dc65c0ff1a7ae1294b0c67b9f14baf70b644404010370171787bfac1038fc0"
 dependencies = [
  "libredox",
- "thiserror 2.0.20",
+ "thiserror 2.0.21",
 ]
 
 [[package]]
@@ -2914,7 +2927,7 @@ checksum = "92ecd8964f8453721699a1ed72037b0db49ce2f5a5138486ee89bed6f67cdf3a"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 3.0.5",
+ "syn 3.0.9",
 ]
 
 [[package]]
@@ -3064,9 +3077,9 @@ dependencies = [
 
 [[package]]
 name = "rustls"
-version = "0.23.45"
+version = "0.23.46"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0d41d731c7d2f962d1ccc364cec258de3c0e93b38c2fb3ba97ac74513048d634"
+checksum = "48e13bd8c0e9365c43cfa5c9e8f9ad49d3c8444926c9aac819e0e4dc503c8fdf"
 dependencies = [
  "once_cell",
  "ring",
@@ -3147,9 +3160,9 @@ dependencies = [
 
 [[package]]
 name = "schemars"
-version = "1.2.2"
+version = "1.2.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "687274d293b6cdc6e73e0fee520bf2049650090d7164f87672d212a3c530cf4a"
+checksum = "ab508826f74a77ca9d5aba6ff19b522583ee3eaf28a19384ff3d0e5835fadf6e"
 dependencies = [
  "dyn-clone",
  "ref-cast",
@@ -3177,9 +3190,9 @@ checksum = "94143f37725109f92c262ed2cf5e59bce7498c01bcc1502d7b9afe439a4e9f49"
 
 [[package]]
 name = "selectors"
-version = "0.36.1"
+version = "0.38.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c5d9c0c92a92d33f08817311cf3f2c29a3538a8240e94a6a3c622ce652d7e00c"
+checksum = "8adfa1c298912827b8a28b223b3b874357397ae706e6190acd9bf28cee99114d"
 dependencies = [
  "bitflags 2.13.2",
  "cssparser",
@@ -3243,7 +3256,7 @@ checksum = "e7a5d71263a5a7d47b41f6b3f06ba276f10cc18b0931f1799f710578e2309348"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 3.0.5",
+ "syn 3.0.9",
 ]
 
 [[package]]
@@ -3259,9 +3272,9 @@ dependencies = [
 
 [[package]]
 name = "serde_json"
-version = "1.0.151"
+version = "1.0.154"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c841b55ecdae098c80dcae9cf767f6f8a0c2cdb3416bbef72181df4d0fe73f14"
+checksum = "e7e9cc8b1b85264074fbcc02a88680c4096b1e47df8f739dceb03bf482f04bd6"
 dependencies = [
  "itoa",
  "memchr",
@@ -3278,7 +3291,7 @@ checksum = "8d3b1629de253c70a0508c3899572da79ca359fdab27c7920ff00406df418906"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 3.0.5",
+ "syn 3.0.9",
 ]
 
 [[package]]
@@ -3292,9 +3305,9 @@ dependencies = [
 
 [[package]]
 name = "serde_spanned"
-version = "1.1.1"
+version = "1.1.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6662b5879511e06e8999a8a235d848113e942c9124f211511b16466ee2995f26"
+checksum = "4e7523beb55eece201a2356bee0bbca0d1ab466c14c07703b2e0ee6d42cb0c2c"
 dependencies = [
  "serde_core",
 ]
@@ -3313,9 +3326,9 @@ dependencies = [
 
 [[package]]
 name = "serde_with"
-version = "3.23.0"
+version = "3.24.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "935177bb8c0cd8ca1a4e6d1a2ac8988bea69cab4f9d3a31311e012ad27868ea4"
+checksum = "df9adc193c780ef8f159aee8b61e2d5801aaa555e6eb0947fe45530ec506296f"
 dependencies = [
  "base64 0.23.1",
  "bs58",
@@ -3325,7 +3338,7 @@ dependencies = [
  "indexmap 2.14.2",
  "jiff",
  "schemars 0.9.0",
- "schemars 1.2.2",
+ "schemars 1.2.3",
  "serde_core",
  "serde_json",
  "serde_with_macros",
@@ -3334,14 +3347,14 @@ dependencies = [
 
 [[package]]
 name = "serde_with_macros"
-version = "3.23.0"
+version = "3.24.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1d607aa01a3cb0ad757d6fd216136910db3c97b102fe686585689615a02dbcdc"
+checksum = "3e17bbc68e28663bbbb90df47e058aa7eda4fb445b89fe70457bb94fbccf6e49"
 dependencies = [
  "darling",
  "proc-macro2",
  "quote",
- "syn 3.0.5",
+ "syn 3.0.9",
 ]
 
 [[package]]
@@ -3410,9 +3423,9 @@ checksum = "3a219298ac11a56ea9a6d2120044824d6f01aeb034955e7af7bc16858527deea"
 
 [[package]]
 name = "siphasher"
-version = "1.0.3"
+version = "1.0.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8ee5873ec9cce0195efcb7a4e9507a04cd49aec9c83d0389df45b1ef7ba2e649"
+checksum = "33f4fe9184a62d842c9ef383018f3306d8ba224fd9d836f56d7288308847c256"
 
 [[package]]
 name = "slab"
@@ -3422,9 +3435,9 @@ checksum = "0c790de23124f9ab44544d7ac05d60440adc586479ce501c1d6d7da3cd8c9cf5"
 
 [[package]]
 name = "smallvec"
-version = "1.16.1"
+version = "1.16.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ba467056f1b547ed52077911161fc86985becbc60e8e1857c8a144dab0def891"
+checksum = "5b3dc8af474f516a851ff4bd12db780f948b9250ad37211e4eec0bccea54e01b"
 
 [[package]]
 name = "socket2"
@@ -3528,9 +3541,9 @@ checksum = "13c2bddecc57b384dee18652358fb23172facb8a2c51ccc10d74c157bdea3292"
 
 [[package]]
 name = "swift-rs"
-version = "1.0.8"
+version = "1.0.9"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e45c444e496845d3f2a351146bff59aae4975b2280238df1dfaa0c7d1846f38e"
+checksum = "cefd87076fd385308ee4aff597256c902f1fbb4d031de1558efc12f8ffefadd9"
 dependencies = [
  "base64 0.21.7",
  "serde",
@@ -3560,9 +3573,9 @@ dependencies = [
 
 [[package]]
 name = "syn"
-version = "3.0.5"
+version = "3.0.9"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "12df2e0110f65b775f769bb17ef989067a1d931b2eb822bd4346631eeada89f9"
+checksum = "d78c8dee4c7bf0e14673097256fed6142ce9d3b85a408189d07482442145823b"
 dependencies = [
  "proc-macro2",
  "quote",
@@ -3586,7 +3599,7 @@ checksum = "901704edd0dfe137f1987838ee4f259e4e063c31371bdb423f7ae38ec6f77f02"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 3.0.5",
+ "syn 3.0.9",
 ]
 
 [[package]]
@@ -3604,9 +3617,9 @@ dependencies = [
 
 [[package]]
 name = "tao"
-version = "0.35.3"
+version = "0.37.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d1c93047acf68669466a34690ac58cca7010bd1b201e1ec86f1fd0a75d3dd4a9"
+checksum = "f37f381f4e048e6cdf038b5705f8cf14ad108279d46eb968140a7b291aba9400"
 dependencies = [
  "bitflags 2.13.2",
  "block2",
@@ -3624,12 +3637,12 @@ dependencies = [
  "libc",
  "log",
  "ndk",
+ "ndk-context",
  "ndk-sys",
  "objc2",
  "objc2-app-kit",
  "objc2-foundation",
  "objc2-ui-kit",
- "once_cell",
  "parking_lot",
  "percent-encoding",
  "raw-window-handle",
@@ -3637,7 +3650,7 @@ dependencies = [
  "unicode-segmentation",
  "url",
  "windows",
- "windows-core 0.61.2",
+ "windows-core",
  "windows-version",
  "x11-dl",
 ]
@@ -3661,9 +3674,9 @@ checksum = "61c41af27dd6d1e27b1b16b489db798443478cef1f06a660c96db617ba5de3b1"
 
 [[package]]
 name = "tauri"
-version = "2.11.5"
+version = "2.12.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "667b20e2726d572dea2de7370da16e188eb06008faf9a92fab7cdc46791190b5"
+checksum = "c404ecf956ff241bf6b39dd688614724e1bf1f63255abb4fc46d1c40371672ea"
 dependencies = [
  "anyhow",
  "bytes",
@@ -3700,7 +3713,7 @@ dependencies = [
  "tauri-runtime",
  "tauri-runtime-wry",
  "tauri-utils",
- "thiserror 2.0.20",
+ "thiserror 2.0.21",
  "tokio",
  "tray-icon",
  "url",
@@ -3712,9 +3725,9 @@ dependencies = [
 
 [[package]]
 name = "tauri-build"
-version = "2.6.3"
+version = "2.7.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bc9ce40b16101cb6ea63d3e221567affd1c3a9205f95d7bc574941a10636b632"
+checksum = "2eea0b6302f82c574b21af6fc6ae6e86183b9280853c22621d0abf0936911ffc"
 dependencies = [
  "anyhow",
  "cargo_toml",
@@ -3733,16 +3746,16 @@ dependencies = [
 
 [[package]]
 name = "tauri-codegen"
-version = "2.6.3"
+version = "2.7.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "08279169ff42f8fc45a1dbc9dcae888893ba95288142e5880c59b93a26d2cfc5"
+checksum = "02f468f9a9bcd404f57e5c191d91024e3de953d4b610f78c2907e7110615cb1c"
 dependencies = [
- "base64 0.22.1",
+ "base64 0.23.1",
  "brotli",
  "ico",
  "json-patch",
  "plist",
- "png 0.17.16",
+ "png 0.18.1",
  "proc-macro2",
  "quote",
  "semver",
@@ -3751,7 +3764,7 @@ dependencies = [
  "sha2",
  "syn 2.0.119",
  "tauri-utils",
- "thiserror 2.0.20",
+ "thiserror 2.0.21",
  "time",
  "url",
  "uuid",
@@ -3760,9 +3773,9 @@ dependencies = [
 
 [[package]]
 name = "tauri-macros"
-version = "2.6.3"
+version = "2.7.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e8b394794f399a421811d06966343e7933fcae92d59f5180b9388d1174497a45"
+checksum = "131bffec939b20642380317f8403a33c8888489925e14bb965ceaff0d949b1cb"
 dependencies = [
  "heck 0.5.0",
  "proc-macro2",
@@ -3774,9 +3787,9 @@ dependencies = [
 
 [[package]]
 name = "tauri-plugin"
-version = "2.6.3"
+version = "2.7.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "74be5dd4bed9afbd145e5716b5fa2ec28cbc29c34ffa61c258c9273d896c8020"
+checksum = "1140cf34a3b3b836a13103dcab17f18831d5cc3534cbd435dc01a5c6daa65aa2"
 dependencies = [
  "anyhow",
  "glob",
@@ -3789,26 +3802,48 @@ dependencies = [
 ]
 
 [[package]]
-name = "tauri-plugin-single-instance"
-version = "2.4.5"
+name = "tauri-plugin-opener"
+version = "2.7.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "db817fe9295e19b7d8357e900af31edb93703dd9fb6de524b007b47b6afc63b0"
+checksum = "85dead674ee41937d042ee855d785f07ee67206f19402200c12b9255964d5ac8"
+dependencies = [
+ "dunce",
+ "glob",
+ "objc2-app-kit",
+ "objc2-foundation",
+ "open",
+ "schemars 0.8.22",
+ "serde",
+ "serde_json",
+ "tauri",
+ "tauri-plugin",
+ "thiserror 2.0.21",
+ "url",
+ "windows",
+ "zbus",
+]
+
+[[package]]
+name = "tauri-plugin-single-instance"
+version = "2.5.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3c142ed88deee222bd2d979269d35c73b6c1c0f6ebd5b79b4ff80066fcad6af1"
 dependencies = [
  "serde",
  "serde_json",
  "tauri",
- "thiserror 2.0.20",
+ "thiserror 2.0.21",
  "tokio",
  "tracing",
- "windows-sys 0.60.2",
+ "windows-sys 0.61.2",
  "zbus",
 ]
 
 [[package]]
 name = "tauri-plugin-window-state"
-version = "2.4.1"
+version = "2.5.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "73736611e14142408d15353e21e3cca2f12a3cfb523ad0ce85999b6d2ef1a704"
+checksum = "5d6815cab7b212f9cfe16a9d79d8d22f9e14159e4a9460f7dec1467167a008e3"
 dependencies = [
  "bitflags 2.13.2",
  "log",
@@ -3816,14 +3851,14 @@ dependencies = [
  "serde_json",
  "tauri",
  "tauri-plugin",
- "thiserror 2.0.20",
+ "thiserror 2.0.21",
 ]
 
 [[package]]
 name = "tauri-runtime"
-version = "2.11.3"
+version = "2.12.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b0b4bc95aed361b0019067d189a1174a603d460d0f6c72606512d59fc9c12ec8"
+checksum = "c2a57a2a9b8c8b7fc00d35b510fe808ded7f9f1b44fc1cdda6aee38632ea5413"
 dependencies = [
  "cookie",
  "dpi",
@@ -3837,7 +3872,7 @@ dependencies = [
  "serde",
  "serde_json",
  "tauri-utils",
- "thiserror 2.0.20",
+ "thiserror 2.0.21",
  "url",
  "webkit2gtk",
  "webview2-com",
@@ -3846,9 +3881,9 @@ dependencies = [
 
 [[package]]
 name = "tauri-runtime-wry"
-version = "2.11.4"
+version = "2.12.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4e6fac707727b7a2f48e4ded90976324267371073edbb415ffb73bb0458d203f"
+checksum = "7f9e7e0c9f80a5130773cfabb6df4dc924518fb1b2c923726966804634b57d22"
 dependencies = [
  "gtk",
  "http",
@@ -3872,9 +3907,9 @@ dependencies = [
 
 [[package]]
 name = "tauri-utils"
-version = "2.9.3"
+version = "2.10.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3e176a18e67764923c4f1ce66f25ae4abe5f688384d5eb1a0fa6c77f3d90f887"
+checksum = "2ff55a614843b9a3f010f211df637c94df2607175b8d0f6e0f4a7c19e18621ee"
 dependencies = [
  "anyhow",
  "brotli",
@@ -3900,8 +3935,8 @@ dependencies = [
  "serde_json",
  "serde_with",
  "swift-rs",
- "thiserror 2.0.20",
- "toml 1.1.6+spec-1.1.0",
+ "thiserror 2.0.21",
+ "toml 1.1.8+spec-1.1.0",
  "url",
  "urlpattern",
  "uuid",
@@ -3916,7 +3951,7 @@ checksum = "cc65d45c68858bfe420dd29e834b5d15dbecf8a07a8a16cf4d532c7b1f69d4b6"
 dependencies = [
  "dunce",
  "embed-resource",
- "toml 1.1.6+spec-1.1.0",
+ "toml 1.1.8+spec-1.1.0",
 ]
 
 [[package]]
@@ -3952,11 +3987,11 @@ dependencies = [
 
 [[package]]
 name = "thiserror"
-version = "2.0.20"
+version = "2.0.21"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ec86235f5fcc2a73650310756d2ac5b138a5780bbbdfae3eeccec992c435ba4f"
+checksum = "09e52cb86a36cede5cb101bf8908837b3e4c6e5e59fe7fd85c23fb56200d189e"
 dependencies = [
- "thiserror-impl 2.0.20",
+ "thiserror-impl 2.0.21",
 ]
 
 [[package]]
@@ -3972,13 +4007,13 @@ dependencies = [
 
 [[package]]
 name = "thiserror-impl"
-version = "2.0.20"
+version = "2.0.21"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bc04cd3e1236dd4a98afca4569f2deb3f120e5422a4023be2cb683f8486292af"
+checksum = "fe5197923287db20a58125f0bc85c062f7f2c892de97b18c356f9efb14b28524"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 3.0.5",
+ "syn 3.0.9",
 ]
 
 [[package]]
@@ -4029,9 +4064,9 @@ checksum = "fd3ca314f692efd6c868f8408f53fe444634a845f96c028b97d35f6a1f79f0ee"
 
 [[package]]
 name = "tokio"
-version = "1.53.1"
+version = "1.53.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "202caea871b69668250d242070849eb495be178ed697a3e98aebce5bc81a0bed"
+checksum = "ce3335fa71841cda333a58d7615b03901380ecf09d59b3296d21f8bbac0dde4e"
 dependencies = [
  "bytes",
  "libc",
@@ -4043,9 +4078,9 @@ dependencies = [
 
 [[package]]
 name = "tokio-rustls"
-version = "0.26.5"
+version = "0.26.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b0c85f2c3ef0b1cd58b36682f4b17aaa995f0e5db534d85692b4903abce21f67"
+checksum = "c9cc2678c2cdd569ef8215e2afd7954ada2ae20b4fdd2c5fe6139a3b02d105db"
 dependencies = [
  "rustls",
  "tokio",
@@ -4053,9 +4088,9 @@ dependencies = [
 
 [[package]]
 name = "tokio-util"
-version = "0.7.19"
+version = "0.7.20"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "494815d09bf52b5548659851081238f0ca39ff638363907596da739561c62c52"
+checksum = "e464cf451ba96ebfc6f9b6542f17ee8b8956e33f1e40d9690624e59d7a7f8a4b"
 dependencies = [
  "bytes",
  "futures-core",
@@ -4078,29 +4113,14 @@ dependencies = [
 
 [[package]]
 name = "toml"
-version = "0.9.12+spec-1.1.0"
+version = "1.1.8+spec-1.1.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "cf92845e79fc2e2def6a5d828f0801e29a2f8acc037becc5ab08595c7d5e9863"
+checksum = "20489e00e4d8741d6be680764cc12e270655e375a20d1011e844a9c3379e678d"
 dependencies = [
  "indexmap 2.14.2",
  "serde_core",
- "serde_spanned 1.1.1",
- "toml_datetime 0.7.5+spec-1.1.0",
- "toml_parser",
- "toml_writer",
- "winnow 0.7.15",
-]
-
-[[package]]
-name = "toml"
-version = "1.1.6+spec-1.1.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "920602543f0911ab71da12c50d59701da54c196d1a2bf5cb4b75667f137a406a"
-dependencies = [
- "indexmap 2.14.2",
- "serde_core",
- "serde_spanned 1.1.1",
- "toml_datetime 1.1.1+spec-1.1.0",
+ "serde_spanned 1.1.2",
+ "toml_datetime 1.1.2+spec-1.1.0",
  "toml_parser",
  "toml_writer",
  "winnow 1.0.4",
@@ -4117,18 +4137,9 @@ dependencies = [
 
 [[package]]
 name = "toml_datetime"
-version = "0.7.5+spec-1.1.0"
+version = "1.1.2+spec-1.1.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "92e1cfed4a3038bc5a127e35a2d360f145e1f4b971b551a2ba5fd7aedf7e1347"
-dependencies = [
- "serde_core",
-]
-
-[[package]]
-name = "toml_datetime"
-version = "1.1.1+spec-1.1.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3165f65f62e28e0115a00b2ebdd37eb6f3b641855f9d636d3cd4103767159ad7"
+checksum = "2b86d767906c6c42421dcba507eb9d203e779497710a47782a224bb871653053"
 dependencies = [
  "serde_core",
 ]
@@ -4159,30 +4170,30 @@ dependencies = [
 
 [[package]]
 name = "toml_edit"
-version = "0.25.15+spec-1.1.0"
+version = "0.25.17+spec-1.1.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1340ea94a5856333492c9064b02c778b191dd2c853778d9609debdcdfea3a614"
+checksum = "e3641d5bbb5349a79e1020a242d251efbc546ad8048d133958323ce9c40a9c9c"
 dependencies = [
  "indexmap 2.14.2",
- "toml_datetime 1.1.1+spec-1.1.0",
+ "toml_datetime 1.1.2+spec-1.1.0",
  "toml_parser",
  "winnow 1.0.4",
 ]
 
 [[package]]
 name = "toml_parser"
-version = "1.1.3+spec-1.1.0"
+version = "1.1.5+spec-1.1.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1d38ac1cf9b95face32296c0a3ede1fdc270627c9d9c02a7274dd6d960dc4d56"
+checksum = "baa693a8032d7e1cada7d0041e96126df243179ff061456783ac7f12bda4744c"
 dependencies = [
  "winnow 1.0.4",
 ]
 
 [[package]]
 name = "toml_writer"
-version = "1.1.2+spec-1.1.0"
+version = "1.1.3+spec-1.1.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7d56353a2a665ad0f41a421187180aab746c8c325620617ad883a99a1cbe66d2"
+checksum = "06bdbd8cfc056b8d2e2e85f29b56a3bdbecb527cef81eb39e3e7b98af4652770"
 
 [[package]]
 name = "tower"
@@ -4262,9 +4273,9 @@ dependencies = [
 
 [[package]]
 name = "tray-icon"
-version = "0.24.2"
+version = "0.25.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "045979e3f037cd18ad1cb2a419dfda133c5c29c9f3453370079f2255d46c257e"
+checksum = "b2b9c52859a94554803ccd4a24b98f74148ebc73b90676d783f3490b1bff9d72"
 dependencies = [
  "crossbeam-channel",
  "dirs",
@@ -4278,7 +4289,7 @@ dependencies = [
  "once_cell",
  "png 0.18.1",
  "serde",
- "thiserror 2.0.20",
+ "thiserror 2.0.21",
  "windows-sys 0.61.2",
 ]
 
@@ -4311,52 +4322,11 @@ dependencies = [
  "windows-sys 0.61.2",
 ]
 
-[[package]]
-name = "unic-char-property"
-version = "0.9.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a8c57a407d9b6fa02b4795eb81c5b6652060a15a7903ea981f3d723e6c0be221"
-dependencies = [
- "unic-char-range",
-]
-
-[[package]]
-name = "unic-char-range"
-version = "0.9.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0398022d5f700414f6b899e10b8348231abf9173fa93144cbc1a43b9793c1fbc"
-
-[[package]]
-name = "unic-common"
-version = "0.9.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "80d7ff825a6a654ee85a63e80f92f054f904f21e7d12da4e22f9834a4aaa35bc"
-
-[[package]]
-name = "unic-ucd-ident"
-version = "0.9.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e230a37c0381caa9219d67cf063aa3a375ffed5bf541a452db16e744bdab6987"
-dependencies = [
- "unic-char-property",
- "unic-char-range",
- "unic-ucd-version",
-]
-
-[[package]]
-name = "unic-ucd-version"
-version = "0.9.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "96bd2f2237fe450fcd0a1d2f5f4e91711124f7857ba2e964247776ebeeb7b0c4"
-dependencies = [
- "unic-common",
-]
-
 [[package]]
 name = "unicode-ident"
-version = "1.0.24"
+version = "1.0.27"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e6e4313cd5fcd3dad5cafa179702e2b244f760991f45397d14d4ebf38247da75"
+checksum = "a2c754d6c33795a1c324727428e5a7dedb5b06195f9890bdbcba760d3e246563"
 
 [[package]]
 name = "unicode-segmentation"
@@ -4385,13 +4355,13 @@ dependencies = [
 
 [[package]]
 name = "urlpattern"
-version = "0.3.0"
+version = "0.6.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "70acd30e3aa1450bc2eece896ce2ad0d178e9c079493819301573dae3c37ba6d"
+checksum = "df16f50ef4cc145211879a3867ba757076b25dfee812040dcb0658bd9ae7904b"
 dependencies = [
+ "icu_properties",
  "regex",
  "serde",
- "unic-ucd-ident",
  "url",
 ]
 
@@ -4403,9 +4373,9 @@ checksum = "b6c140620e7ffbb22c2dee59cafe6084a59b5ffc27a8859a5f0d494b5d52b6be"
 
 [[package]]
 name = "uuid"
-version = "1.26.1"
+version = "1.28.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2ef6dac1e96601b4fb3acccccff2139741fcb757cb9a36089bf5be91cfb285ce"
+checksum = "7cc1186384beb7dd8eedea376413fd654937285ea6c9cfbb928dc3043ea4b606"
 dependencies = [
  "getrandom 0.4.3",
  "js-sys",
@@ -4457,9 +4427,9 @@ dependencies = [
 
 [[package]]
 name = "want"
-version = "0.3.1"
+version = "0.3.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bfa7760aed19e106de2c7c0b581b509f2f25d3dacaf737cb82ac61bc6d760b0e"
+checksum = "ec4cdd0dd910afe868b7ef477227d8d538b46b3075031afee8a9f2acb0a2ed0b"
 dependencies = [
  "try-lock",
 ]
@@ -4481,9 +4451,9 @@ dependencies = [
 
 [[package]]
 name = "wasm-bindgen"
-version = "0.2.128"
+version = "0.2.129"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "aecb87a33d3b0c5e3b7aa46336eaf486cffafbd281b195e4c8b80d50df2351bf"
+checksum = "9bb54f33acc68fd454578d9820b0bde1a1a3d17aa17bb7b6595806d02886d409"
 dependencies = [
  "cfg-if",
  "once_cell",
@@ -4494,19 +4464,20 @@ dependencies = [
 
 [[package]]
 name = "wasm-bindgen-futures"
-version = "0.4.78"
+version = "0.4.79"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6ef4c5d3d2cdf5c54f4231181768f5510842e350db025faf1f7163b1030ed928"
+checksum = "3cbab34de2d982e9b48e18d216d04c4a6f641066ff19ffb699980f591ee3610e"
 dependencies = [
  "js-sys",
+ "tokio",
  "wasm-bindgen",
 ]
 
 [[package]]
 name = "wasm-bindgen-macro"
-version = "0.2.128"
+version = "0.2.129"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a690d511e3c1a8b3a55e33511e3c2c00c78415cd23650f32b808627f5696b9ed"
+checksum = "2e29d0c35b16e224a7eeb5cd2d25e3e1968fbd65604117b44d3b789d00ee8535"
 dependencies = [
  "quote",
  "wasm-bindgen-macro-support",
@@ -4514,22 +4485,22 @@ dependencies = [
 
 [[package]]
 name = "wasm-bindgen-macro-support"
-version = "0.2.128"
+version = "0.2.129"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "411e4887f0071ef2d2164a9d5fdf2d20efbef78fccd3a78b0c10a1dc5295e48a"
+checksum = "6f501a8bc3719dba86ef8ae4728879c08001bea749eb1333ac5b91e040e2a6b7"
 dependencies = [
  "bumpalo",
  "proc-macro2",
  "quote",
- "syn 3.0.5",
+ "syn 3.0.9",
  "wasm-bindgen-shared",
 ]
 
 [[package]]
 name = "wasm-bindgen-shared"
-version = "0.2.128"
+version = "0.2.129"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "81941cd78d0c92026c33e5e01312845a4cb1e9af3407f9134b100dd03144103e"
+checksum = "23f0c9c52aa7cd7d77769a4cfe2a9adb1b331f489a41d912ce14513d5ab995c6"
 dependencies = [
  "unicode-ident",
 ]
@@ -4549,9 +4520,9 @@ dependencies = [
 
 [[package]]
 name = "web-sys"
-version = "0.3.105"
+version = "0.3.106"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9fbddc4a036f00ec4f18c83445bd3115cb306a91da554919a099d9222fe4a7f8"
+checksum = "88261b9deccee56594c11a3460c462c41f58d148598fe70ad77070126a68aba4"
 dependencies = [
  "js-sys",
  "wasm-bindgen",
@@ -4634,16 +4605,14 @@ dependencies = [
 
 [[package]]
 name = "webview2-com"
-version = "0.38.2"
+version = "0.39.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7130243a7a5b33c54a444e54842e6a9e133de08b5ad7b5861cd8ed9a6a5bc96a"
+checksum = "3f89fca7a704cee10dcb3654c1dbb8941d1783132f1917358af75bec37a7d7e6"
 dependencies = [
  "webview2-com-macros",
  "webview2-com-sys",
  "windows",
- "windows-core 0.61.2",
- "windows-implement",
- "windows-interface",
+ "windows-core",
 ]
 
 [[package]]
@@ -4659,13 +4628,13 @@ dependencies = [
 
 [[package]]
 name = "webview2-com-sys"
-version = "0.38.2"
+version = "0.39.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "381336cfffd772377d291702245447a5251a2ffa5bad679c99e61bc48bacbf9c"
+checksum = "b3a07132775117d6065853d9d1178157b8c90e228de47129d6bce2c7edebedfb"
 dependencies = [
- "thiserror 2.0.20",
+ "thiserror 2.0.21",
  "windows",
- "windows-core 0.61.2",
+ "windows-core",
 ]
 
 [[package]]
@@ -4701,52 +4670,39 @@ checksum = "712e227841d057c1ee1cd2fb22fa7e5a5461ae8e48fa2ca79ec42cfc1931183f"
 
 [[package]]
 name = "window-vibrancy"
-version = "0.6.0"
+version = "0.8.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d9bec5a31f3f9362f2258fd0e9c9dd61a9ca432e7306cc78c444258f0dce9a9c"
+checksum = "111e51caca442cafd9bab396628ac4d814880eaea4e63dfd76a12e9f342b5580"
 dependencies = [
  "objc2",
  "objc2-app-kit",
  "objc2-core-foundation",
  "objc2-foundation",
+ "objc2-quartz-core",
  "raw-window-handle",
- "windows-sys 0.59.0",
+ "windows-sys 0.61.2",
  "windows-version",
 ]
 
 [[package]]
 name = "windows"
-version = "0.61.3"
+version = "0.62.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9babd3a767a4c1aef6900409f85f5d53ce2544ccdfaa86dad48c91782c6d6893"
+checksum = "527fadee13e0c05939a6a05d5bd6eec6cd2e3dbd648b9f8e447c6518133d8580"
 dependencies = [
  "windows-collections",
- "windows-core 0.61.2",
+ "windows-core",
  "windows-future",
- "windows-link 0.1.3",
  "windows-numerics",
 ]
 
 [[package]]
 name = "windows-collections"
-version = "0.2.0"
+version = "0.3.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3beeceb5e5cfd9eb1d76b381630e82c4241ccd0d27f1a39ed41b2760b255c5e8"
+checksum = "23b2d95af1a8a14a3c7367e1ed4fc9c20e0a26e79551b1454d72583c97cc6610"
 dependencies = [
- "windows-core 0.61.2",
-]
-
-[[package]]
-name = "windows-core"
-version = "0.61.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c0fdd3ddb90610c7638aa2b3a3ab2904fb9e5cdbecc643ddb3647212781c4ae3"
-dependencies = [
- "windows-implement",
- "windows-interface",
- "windows-link 0.1.3",
- "windows-result 0.3.4",
- "windows-strings 0.4.2",
+ "windows-core",
 ]
 
 [[package]]
@@ -4757,19 +4713,19 @@ checksum = "b8e83a14d34d0623b51dce9581199302a221863196a1dde71a7663a4c2be9deb"
 dependencies = [
  "windows-implement",
  "windows-interface",
- "windows-link 0.2.1",
- "windows-result 0.4.1",
- "windows-strings 0.5.1",
+ "windows-link",
+ "windows-result",
+ "windows-strings",
 ]
 
 [[package]]
 name = "windows-future"
-version = "0.2.1"
+version = "0.3.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "fc6a41e98427b19fe4b73c550f060b59fa592d7d686537eebf9385621bfbad8e"
+checksum = "e1d6f90251fe18a279739e78025bd6ddc52a7e22f921070ccdc67dde84c605cb"
 dependencies = [
- "windows-core 0.61.2",
- "windows-link 0.1.3",
+ "windows-core",
+ "windows-link",
  "windows-threading",
 ]
 
@@ -4795,12 +4751,6 @@ dependencies = [
  "syn 2.0.119",
 ]
 
-[[package]]
-name = "windows-link"
-version = "0.1.3"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5e6ad25900d524eaabdbbb96d20b4311e1e7ae1699af4fb28c17ae66c80d798a"
-
 [[package]]
 name = "windows-link"
 version = "0.2.1"
@@ -4809,21 +4759,12 @@ checksum = "f0805222e57f7521d6a62e36fa9163bc891acd422f971defe97d64e70d0a4fe5"
 
 [[package]]
 name = "windows-numerics"
-version = "0.2.0"
+version = "0.3.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9150af68066c4c5c07ddc0ce30421554771e528bde427614c61038bc2c92c2b1"
+checksum = "6e2e40844ac143cdb44aead537bbf727de9b044e107a0f1220392177d15b0f26"
 dependencies = [
- "windows-core 0.61.2",
- "windows-link 0.1.3",
-]
-
-[[package]]
-name = "windows-result"
-version = "0.3.4"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "56f42bd332cc6c8eac5af113fc0c1fd6a8fd2aa08a0119358686e5160d0586c6"
-dependencies = [
- "windows-link 0.1.3",
+ "windows-core",
+ "windows-link",
 ]
 
 [[package]]
@@ -4832,16 +4773,7 @@ version = "0.4.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "7781fa89eaf60850ac3d2da7af8e5242a5ea78d1a11c49bf2910bb5a73853eb5"
 dependencies = [
- "windows-link 0.2.1",
-]
-
-[[package]]
-name = "windows-strings"
-version = "0.4.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "56e6c93f3a0c3b36176cb1327a4958a0353d5d166c2a35cb268ace15e91d3b57"
-dependencies = [
- "windows-link 0.1.3",
+ "windows-link",
 ]
 
 [[package]]
@@ -4850,7 +4782,7 @@ version = "0.5.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "7837d08f69c77cf6b07689544538e017c1bfcf57e34b4c0ff58e6c2cd3b37091"
 dependencies = [
- "windows-link 0.2.1",
+ "windows-link",
 ]
 
 [[package]]
@@ -4871,31 +4803,13 @@ dependencies = [
  "windows-targets 0.52.6",
 ]
 
-[[package]]
-name = "windows-sys"
-version = "0.59.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1e38bc4d79ed67fd075bcc251a1c39b32a1776bbe92e5bef1f0bf1f8c531853b"
-dependencies = [
- "windows-targets 0.52.6",
-]
-
-[[package]]
-name = "windows-sys"
-version = "0.60.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f2f500e4d28234f72040990ec9d39e3a6b950f9f22d3dba18416c35882612bcb"
-dependencies = [
- "windows-targets 0.53.5",
-]
-
 [[package]]
 name = "windows-sys"
 version = "0.61.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "ae137229bcbd6cdf0f7b80a31df61766145077ddf49416a728b02cb3921ff3fc"
 dependencies = [
- "windows-link 0.2.1",
+ "windows-link",
 ]
 
 [[package]]
@@ -4922,37 +4836,20 @@ dependencies = [
  "windows_aarch64_gnullvm 0.52.6",
  "windows_aarch64_msvc 0.52.6",
  "windows_i686_gnu 0.52.6",
- "windows_i686_gnullvm 0.52.6",
+ "windows_i686_gnullvm",
  "windows_i686_msvc 0.52.6",
  "windows_x86_64_gnu 0.52.6",
  "windows_x86_64_gnullvm 0.52.6",
  "windows_x86_64_msvc 0.52.6",
 ]
 
-[[package]]
-name = "windows-targets"
-version = "0.53.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4945f9f551b88e0d65f3db0bc25c33b8acea4d9e41163edf90dcd0b19f9069f3"
-dependencies = [
- "windows-link 0.2.1",
- "windows_aarch64_gnullvm 0.53.1",
- "windows_aarch64_msvc 0.53.1",
- "windows_i686_gnu 0.53.1",
- "windows_i686_gnullvm 0.53.1",
- "windows_i686_msvc 0.53.1",
- "windows_x86_64_gnu 0.53.1",
- "windows_x86_64_gnullvm 0.53.1",
- "windows_x86_64_msvc 0.53.1",
-]
-
 [[package]]
 name = "windows-threading"
-version = "0.1.0"
+version = "0.2.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b66463ad2e0ea3bbf808b7f1d371311c80e115c0b71d60efc142cafbcfb057a6"
+checksum = "3949bd5b99cafdf1c7ca86b43ca564028dfe27d66958f2470940f73d86d75b37"
 dependencies = [
- "windows-link 0.1.3",
+ "windows-link",
 ]
 
 [[package]]
@@ -4961,7 +4858,7 @@ version = "0.1.7"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "e4060a1da109b9d0326b7262c8e12c84df67cc0dbc9e33cf49e01ccc2eb63631"
 dependencies = [
- "windows-link 0.2.1",
+ "windows-link",
 ]
 
 [[package]]
@@ -4976,12 +4873,6 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "32a4622180e7a0ec044bb555404c800bc9fd9ec262ec147edd5989ccd0c02cd3"
 
-[[package]]
-name = "windows_aarch64_gnullvm"
-version = "0.53.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a9d8416fa8b42f5c947f8482c43e7d89e73a173cead56d044f6a56104a6d1b53"
-
 [[package]]
 name = "windows_aarch64_msvc"
 version = "0.42.2"
@@ -4994,12 +4885,6 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "09ec2a7bb152e2252b53fa7803150007879548bc709c039df7627cabbd05d469"
 
-[[package]]
-name = "windows_aarch64_msvc"
-version = "0.53.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b9d782e804c2f632e395708e99a94275910eb9100b2114651e04744e9b125006"
-
 [[package]]
 name = "windows_i686_gnu"
 version = "0.42.2"
@@ -5012,24 +4897,12 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "8e9b5ad5ab802e97eb8e295ac6720e509ee4c243f69d781394014ebfe8bbfa0b"
 
-[[package]]
-name = "windows_i686_gnu"
-version = "0.53.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "960e6da069d81e09becb0ca57a65220ddff016ff2d6af6a223cf372a506593a3"
-
 [[package]]
 name = "windows_i686_gnullvm"
 version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "0eee52d38c090b3caa76c563b86c3a4bd71ef1a819287c19d586d7334ae8ed66"
 
-[[package]]
-name = "windows_i686_gnullvm"
-version = "0.53.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "fa7359d10048f68ab8b09fa71c3daccfb0e9b559aed648a8f95469c27057180c"
-
 [[package]]
 name = "windows_i686_msvc"
 version = "0.42.2"
@@ -5042,12 +4915,6 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "240948bc05c5e7c6dabba28bf89d89ffce3e303022809e73deaefe4f6ec56c66"
 
-[[package]]
-name = "windows_i686_msvc"
-version = "0.53.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1e7ac75179f18232fe9c285163565a57ef8d3c89254a30685b57d83a38d326c2"
-
 [[package]]
 name = "windows_x86_64_gnu"
 version = "0.42.2"
@@ -5060,12 +4927,6 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "147a5c80aabfbf0c7d901cb5895d1de30ef2907eb21fbbab29ca94c5b08b1a78"
 
-[[package]]
-name = "windows_x86_64_gnu"
-version = "0.53.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9c3842cdd74a865a8066ab39c8a7a473c0778a3f29370b5fd6b4b9aa7df4a499"
-
 [[package]]
 name = "windows_x86_64_gnullvm"
 version = "0.42.2"
@@ -5078,12 +4939,6 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "24d5b23dc417412679681396f2b49f3de8c1473deb516bd34410872eff51ed0d"
 
-[[package]]
-name = "windows_x86_64_gnullvm"
-version = "0.53.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0ffa179e2d07eee8ad8f57493436566c7cc30ac536a3379fdf008f47f6bb7ae1"
-
 [[package]]
 name = "windows_x86_64_msvc"
 version = "0.42.2"
@@ -5096,12 +4951,6 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "589f6da84c646204747d1270a2a5661ea66ed1cced2631d546fdfb155959f9ec"
 
-[[package]]
-name = "windows_x86_64_msvc"
-version = "0.53.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d6bbff5f0aada427a1e5a6da5f1f98158182f26556f345ac9e04d36d0ebed650"
-
 [[package]]
 name = "winnow"
 version = "0.5.40"
@@ -5111,12 +4960,6 @@ dependencies = [
  "memchr",
 ]
 
-[[package]]
-name = "winnow"
-version = "0.7.15"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "df79d97927682d2fd8adb29682d1140b343be4ac0f08fd68b7765d9c059d3945"
-
 [[package]]
 name = "winnow"
 version = "1.0.4"
@@ -5128,12 +4971,12 @@ dependencies = [
 
 [[package]]
 name = "winreg"
-version = "0.55.0"
+version = "0.56.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "cb5a765337c50e9ec252c2069be9bf91c7df47afb103b642ba3a53bf8101be97"
+checksum = "7d6f32a0ff4a9f6f01231eb2059cc85479330739333e0e58cadf03b6af2cca10"
 dependencies = [
  "cfg-if",
- "windows-sys 0.59.0",
+ "windows-sys 0.61.2",
 ]
 
 [[package]]
@@ -5150,9 +4993,9 @@ checksum = "3ad82d2a33cdc9674dc7465672f271e096168fcdbe0f799d9e6db8c5892679dc"
 
 [[package]]
 name = "wry"
-version = "0.55.1"
+version = "0.57.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "186f9871daa55fd9c016578b810d149de58367113db7fb72b462d2323ce19514"
+checksum = "a819957a01b3119af85e638a38d242af76dbc87d130dca67bfd0441072e21ff0"
 dependencies = [
  "base64 0.22.1",
  "block2",
@@ -5181,13 +5024,13 @@ dependencies = [
  "sha2",
  "soup3",
  "tao-macros",
- "thiserror 2.0.20",
+ "thiserror 2.0.21",
  "url",
  "webkit2gtk",
  "webkit2gtk-sys",
  "webview2-com",
  "windows",
- "windows-core 0.61.2",
+ "windows-core",
  "windows-version",
  "x11-dl",
 ]
@@ -5226,13 +5069,13 @@ dependencies = [
 
 [[package]]
 name = "yoke-derive"
-version = "0.8.3"
+version = "0.8.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "33811428bee40dbceb6d545e95754741d17a6aef9a4849f0fd62e2ba4f412a78"
+checksum = "ec8ebde2db3681e8c9980cc27822030e68752690ddfa9473e739aeb4dbde6d71"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 3.0.5",
+ "syn 3.0.9",
  "synstructure",
 ]
 
@@ -5280,7 +5123,7 @@ dependencies = [
  "proc-macro-crate 3.5.0",
  "proc-macro2",
  "quote",
- "syn 3.0.5",
+ "syn 3.0.9",
  "zbus_names",
  "zvariant",
  "zvariant_utils",
@@ -5308,18 +5151,18 @@ dependencies = [
 
 [[package]]
 name = "zerocopy"
-version = "0.8.57"
+version = "0.8.63"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d35102a9f36d089ccae9e4c6802bc118be4487b80aaffc0ab4e0cf5ce92d2873"
+checksum = "e5fe1f8f1b06191a00962174c61aa5005e0bb391a6d80d07e24d115c01a92ed8"
 dependencies = [
  "zerocopy-derive",
 ]
 
 [[package]]
 name = "zerocopy-derive"
-version = "0.8.57"
+version = "0.8.63"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "146c01f5ab44258da43cf276c74a2763db2ff3969c9c652c3f2de07041d0b2bc"
+checksum = "863ad3ac83293fb4d740aedbfdc9240dd8d1a50c1099acd76ce80ce7c7230c7f"
 dependencies = [
  "proc-macro2",
  "quote",
@@ -5343,15 +5186,15 @@ checksum = "f75b4683f6c7f45248d4d64056a24298c6281e0993356d7d1b4a1a962ef10d4a"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 3.0.5",
+ "syn 3.0.9",
  "synstructure",
 ]
 
 [[package]]
 name = "zeroize"
-version = "1.9.0"
+version = "1.9.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e13c156562582aa81c60cb29407084cdb54c4164760106ab78e6c5b0858cf64e"
+checksum = "e13084392c5e4bc371903e2935a5eaeed24905a7511356b883835e18a78f6879"
 
 [[package]]
 name = "zerotrie"
@@ -5383,7 +5226,7 @@ checksum = "34df6fc39dbd26ddc9c10e6a2984476e13acce22e64e4487636ef494369225da"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 3.0.5",
+ "syn 3.0.9",
 ]
 
 [[package]]
@@ -5422,7 +5265,7 @@ dependencies = [
  "proc-macro-crate 3.5.0",
  "proc-macro2",
  "quote",
- "syn 3.0.5",
+ "syn 3.0.9",
  "zvariant_utils",
 ]
 
@@ -5435,6 +5278,6 @@ dependencies = [
  "proc-macro2",
  "quote",
  "serde",
- "syn 3.0.5",
+ "syn 3.0.9",
  "winnow 1.0.4",
 ]
diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml
index dfa7583..35835d5 100644
--- a/src-tauri/Cargo.toml
+++ b/src-tauri/Cargo.toml
@@ -1,12 +1,12 @@
 [package]
-name = "opsxdb-desktop"
+name = "opsxdb"
 version = "0.1.0"
 description = "OpsxDB Tauri desktop shell"
 authors = ["OpsxDB"]
 edition = "2021"
 
 [lib]
-name = "opsxdb_desktop_lib"
+name = "opsxdb_lib"
 crate-type = ["staticlib", "cdylib", "rlib"]
 
 [build-dependencies]
diff --git a/apps/desktop/src-tauri/binaries/README.md b/src-tauri/binaries/README.md
similarity index 100%
rename from apps/desktop/src-tauri/binaries/README.md
rename to src-tauri/binaries/README.md
diff --git a/src-tauri/binaries/opsxdb-server-aarch64-apple-darwin b/src-tauri/binaries/opsxdb-server-aarch64-apple-darwin
index c9b9806..6b27f74 100755
Binary files a/src-tauri/binaries/opsxdb-server-aarch64-apple-darwin and b/src-tauri/binaries/opsxdb-server-aarch64-apple-darwin differ
diff --git a/src-tauri/build.rs b/src-tauri/build.rs
index d860e1e..d48ae1a 100644
--- a/src-tauri/build.rs
+++ b/src-tauri/build.rs
@@ -1,3 +1,6 @@
 fn main() {
+    // The Tauri CLI still passes this Windows-only legacy flag on macOS.
+    #[cfg(not(windows))]
+    std::env::remove_var("STATIC_VCRUNTIME");
     tauri_build::build()
 }
diff --git a/src-tauri/src/main.rs b/src-tauri/src/main.rs
index a5f036e..7bb8fbe 100644
--- a/src-tauri/src/main.rs
+++ b/src-tauri/src/main.rs
@@ -1,3 +1,3 @@
 fn main() {
-    opsxdb_desktop_lib::run();
+    opsxdb_lib::run();
 }
diff --git a/src-tauri/src/sidecar.rs b/src-tauri/src/sidecar.rs
index d5084b6..8adc152 100644
--- a/src-tauri/src/sidecar.rs
+++ b/src-tauri/src/sidecar.rs
@@ -52,7 +52,7 @@ fn version_major(v: &str) -> &str {
     v.split('.').next().unwrap_or("")
 }
 
-/// GET /health 并解析版本;失败或非 200 返回 None。
+/// GET /health 并核对服务身份与版本；不能复用同族其他产品的端口。
 fn health_version(addr: &str) -> Option<String> {
     let resp = reqwest::blocking::Client::builder()
         .timeout(Duration::from_secs(1))
@@ -65,6 +65,9 @@ fn health_version(addr: &str) -> Option<String> {
         return None;
     }
     let v: serde_json::Value = resp.json().ok()?;
+    if v.get("service")?.as_str()? != "opsxdb" {
+        return None;
+    }
     v.get("version")?.as_str().map(|s| s.to_string())
 }
 
@@ -120,9 +123,8 @@ fn candidate_bins(app: &AppHandle) -> Vec<PathBuf> {
         out.push(exe.join(&bin));
         out.push(exe.join("binaries").join(&bin));
     }
-    // 开发态:仓库 apps/server/bin
-    out.push(PathBuf::from(env!("CARGO_MANIFEST_DIR")).join("../../server/bin").join(&bin));
-    out.push(PathBuf::from(env!("CARGO_MANIFEST_DIR")).join("../../../apps/server/bin").join(&bin));
+    // 开发态：根目录 server/bin
+    out.push(PathBuf::from(env!("CARGO_MANIFEST_DIR")).join("../server/bin").join(&bin));
     out
 }
 
diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index 67dd934..3c7388a 100644
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -4,15 +4,16 @@
   "version": "0.1.0",
   "identifier": "com.opsx.db",
   "build": {
-    "beforeDevCommand": "bash -lc 'curl -fsS http://127.0.0.1:5174 >/dev/null 2>&1 || npm run dev'",
+    "beforeDevCommand": "bash -lc 'curl -fsS http://127.0.0.1:5174 >/dev/null 2>&1 || npm run dev:ui'",
     "devUrl": "http://127.0.0.1:5174",
-    "beforeBuildCommand": "bash -lc 'npm run build'",
+    "beforeBuildCommand": "npm run build:ui",
     "frontendDist": "../dist"
   },
   "app": {
     "windows": [
       {
         "title": "OpsxDB",
+        "hiddenTitle": true,
         "width": 1280,
         "height": 800,
         "minWidth": 960,
diff --git a/src/AiPanel.tsx b/src/AiPanel.tsx
index 1291fbe..9b88bdf 100644
--- a/src/AiPanel.tsx
+++ b/src/AiPanel.tsx
@@ -1,5 +1,5 @@
-import { useEffect, useRef, useState } from "react";
-import { ArrowUp, Eraser, Loader2, Pencil, Plus, Trash2 } from "lucide-react";
+import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
+import { ArrowUp, Database, Eraser, Loader2, Pencil, Plus, Square, Trash2 } from "lucide-react";
 import {
   callAi,
   callAiAgentStream,
@@ -7,18 +7,22 @@ import {
   getAiConfig,
   getMcpStatus,
   saveAiConfig,
+  syncConnectionsToDisk,
   schemaContextFor,
   type AiAction,
   type AiAgentStepExt,
   type McpStatus,
 } from "./api";
 import { AI_PRESETS, findAiPreset, type AiAuthStyle, type AiProtocol } from "./aiPresets";
+import { aiEnterAction } from "./aiComposerKeys";
 import { useWorkspaceStore, type AiAgentStepView, type AiChatMode,
   type AiMessage, type QueryResult } from "./store";
 import { editorDatabase } from "./redisContext";
+import { OpsModal } from "./OpsModal";
 
 const ACTIONS: { id: AiAction; label: string }[] = [
-  { id: "generate", label: "生成" },
+  { id: "ask", label: "自由提问" },
+  { id: "generate", label: "生成 SQL" },
   { id: "explain", label: "解释" },
   { id: "optimize", label: "优化" },
   { id: "fix", label: "修复" },
@@ -42,21 +46,9 @@ function splitContent(content: string): ContentSeg[] {
   return segs.length ? segs : [{ kind: "text", text: content }];
 }
 
-/** R2-F7:等宽代码块 + 顶部「复制」「插入编辑器」小按钮 */
-function CodeBlock({ code }: { code: string }) {
+/** AI 代码建议只保留写入当前 SQL 窗口的入口。 */
+function CodeBlock({ code, connectionId, database }: { code: string; connectionId?: string; database?: string }) {
   const notify = useWorkspaceStore((s) => s.notify);
-  const notifyError = useWorkspaceStore((s) => s.notifyError);
-  const [copied, setCopied] = useState(false);
-  const copiedTimer = useRef<ReturnType<typeof setTimeout> | null>(null);
-  useEffect(() => () => { if (copiedTimer.current) clearTimeout(copiedTimer.current); }, []);
-  const copy = async () => {
-    try {
-      await navigator.clipboard.writeText(code);
-      setCopied(true);
-      if (copiedTimer.current) clearTimeout(copiedTimer.current);
-      copiedTimer.current = setTimeout(() => setCopied(false), 1200);
-    } catch (error) { notifyError(error, "toast"); }
-  };
   const insertToEditor = () => {
     const st = useWorkspaceStore.getState();
     const tab = st.tabs.find((t) => t.id === st.activeTabId);
@@ -64,17 +56,19 @@ function CodeBlock({ code }: { code: string }) {
     st.updateActiveSql(cur.trim() ? `${cur.replace(/\s+$/, "")}\n\n${code}` : code);
     notify({ kind: "success", title: "已插入编辑器", message: "SQL 已追加到当前查询", mode: "toast", durationMs: 1400 });
   };
+  const activeConnectionId = useWorkspaceStore((s) => s.activeConnectionId);
+  const activeTabId = useWorkspaceStore((s) => s.activeTabId);
+  const activeTab = useWorkspaceStore((s) => s.tabs.find((t) => t.id === activeTabId));
+  const activeConnection = useWorkspaceStore((s) => s.connections.find((c) => c.id === activeConnectionId));
+  const sameContext = !connectionId || connectionId === activeConnectionId && (!database || editorDatabase(activeConnection, activeTab) === database);
   return (
     <div className="my-1 overflow-hidden rounded border" style={{ borderColor: "var(--ops-border-soft)" }}>
       <div
         className="flex items-center justify-end gap-1.5 border-b px-1.5 py-0.5"
         style={{ borderColor: "var(--ops-border-soft)" }}
       >
-        <button type="button" className="text-[10px] hover:underline" style={{ color: "var(--ops-accent)" }} onClick={() => void copy()}>
-          {copied ? "已复制 ✓" : "复制"}
-        </button>
-        <button type="button" className="text-[10px] hover:underline" style={{ color: "var(--ops-accent)" }} onClick={insertToEditor}>
-          插入编辑器
+        <button type="button" className="text-[10px] hover:underline disabled:opacity-50" style={{ color: "var(--ops-accent)" }} disabled={!sameContext} title={sameContext ? "追加到当前 SQL 窗口" : "请先切回生成建议时的连接和库"} onClick={insertToEditor}>
+          复制到 SQL 窗口
         </button>
       </div>
       <pre
@@ -87,7 +81,7 @@ function CodeBlock({ code }: { code: string }) {
   );
 }
 
-function MessageContent({ content, streaming }: { content: string; streaming?: boolean }) {
+function MessageContent({ content, streaming, connectionId, database }: { content: string; streaming?: boolean; connectionId?: string; database?: string }) {
   const segs = splitContent(content);
   const cursor = streaming ? <span className="ops-ai-cursor">▌</span> : null;
   if (segs.length === 1 && segs[0].kind === "text") {
@@ -100,7 +94,7 @@ function MessageContent({ content, streaming }: { content: string; streaming?: b
   }
   return (
     <>
-      {segs.map((s, i) => (s.kind === "code" ? <CodeBlock key={i} code={s.text} /> : <span key={i}>{s.text}</span>))}
+      {segs.map((s, i) => (s.kind === "code" ? <CodeBlock key={i} code={s.text} connectionId={connectionId} database={database} /> : <span key={i}>{s.text}</span>))}
       {cursor}
     </>
   );
@@ -169,24 +163,40 @@ function AgentSteps({ steps }: { steps: AiAgentStepView[] }) {
 function DangerConfirmBar({
   sql,
   connectionId,
+  connectionName,
   database,
   kind,
   confirmBind,
   runId,
+  ready,
+  currentContext,
   onDone,
 }: {
   sql: string;
   connectionId?: string;
+  connectionName?: string;
   database?: string;
   kind: "query" | "redis";
   confirmBind?: string;
   runId?: string;
+  ready: boolean;
+  currentContext: boolean;
   onDone: (ok: boolean, msg?: string) => void;
 }) {
   const [busy, setBusy] = useState(false);
+  const [open, setOpen] = useState(false);
+  const [error, setError] = useState("");
+  const presented = useRef(false);
+  useEffect(() => {
+    if (ready && currentContext && !presented.current) {
+      presented.current = true;
+      setOpen(true);
+    }
+  }, [ready, currentContext]);
   const run = async () => {
-    if (!connectionId || busy) return;
+    if (!connectionId || busy || !ready || !currentContext) return;
     setBusy(true);
+    setError("");
     try {
       await confirmAiAgentWrite({
         connectionId,
@@ -199,36 +209,67 @@ function DangerConfirmBar({
       });
       onDone(true);
     } catch (e) {
-      onDone(false, e instanceof Error ? e.message : String(e));
+      setError(e instanceof Error ? e.message : String(e));
     } finally {
       setBusy(false);
     }
   };
   return (
+    <>
     <div
-      className="mt-1.5 rounded border px-2 py-1.5 text-[11px]"
+      className="mt-2 rounded-lg border p-3 text-xs"
       style={{ borderColor: "color-mix(in srgb, var(--ops-danger, #ef4444) 45%, var(--ops-border))", background: "color-mix(in srgb, var(--ops-danger, #ef4444) 8%, transparent)" }}
     >
-      <div className="mb-1" style={{ color: "var(--ops-text)" }}>
-        写操作需确认（一次一刀）
+      <div className="mb-2 font-medium" style={{ color: "var(--ops-text)" }}>
+        待确认写操作 · {connectionName || "当前连接"}{database ? ` / ${kind === "redis" ? "DB" : ""}${database}` : ""}
       </div>
-      <pre className="mb-1.5 max-h-16 overflow-auto whitespace-pre-wrap break-all font-mono text-[10px]" style={{ color: "var(--ops-muted)" }}>
+      <pre className="mb-2 max-h-24 overflow-auto whitespace-pre-wrap break-all font-mono text-xs" style={{ color: "var(--ops-muted)" }}>
         {sql}
       </pre>
       <div className="flex gap-1.5">
         <button type="button" className="ops-btn-ghost h-6 px-2 text-[11px]" disabled={busy} onClick={() => onDone(false)}>
           取消
         </button>
-        <button type="button" className="ops-btn-primary h-6 px-2 text-[11px]" style={{ background: "var(--ops-danger, #ef4444)" }} disabled={busy || !connectionId} onClick={() => void run()}>
-          {busy ? "…" : "执行"}
+        <button type="button" className="ops-btn-secondary h-7 px-2 text-xs" disabled={busy || !connectionId || !ready || !currentContext} onClick={() => setOpen(true)}>
+          {busy ? "执行中…" : "确认操作"}
         </button>
       </div>
+      {!currentContext && <p className="mt-2" style={{ color: "var(--ops-muted)" }}>切回该连接与数据库后确认。</p>}
     </div>
+    {open && currentContext && <OpsModal
+      title="确认数据库写操作"
+      variant="confirm"
+      danger
+      okLabel={busy ? "执行中…" : "确认执行"}
+      cancelLabel="取消操作"
+      okDisabled={busy || !ready || !connectionId}
+      onOk={() => void run()}
+      onCancel={() => { if (!busy) { setOpen(false); onDone(false); } }}
+    >
+      <div className="space-y-3 text-sm">
+        <div className="flex flex-wrap gap-x-4 gap-y-1">
+          <span>连接：<strong>{connectionName || "当前连接"}</strong></span>
+          <span>数据库：<strong>{kind === "redis" ? `DB${database || "0"}` : database || "连接默认库"}</strong></span>
+        </div>
+        <pre className="max-h-[35vh] overflow-auto whitespace-pre-wrap break-all rounded-lg border p-3 font-mono text-xs" style={{ borderColor: "var(--ops-border)", background: "var(--ops-surface-2)" }}>{sql}</pre>
+        <p className="text-xs" style={{ color: "var(--ops-muted)" }}>仅执行本次显示的命令。删除或结构变更可能无法撤销。</p>
+        {error && <p role="alert" className="text-xs" style={{ color: "var(--ops-danger)" }}>{error}</p>}
+      </div>
+    </OpsModal>}
+    </>
   );
 }
 
 /** C4:AI 设置(预设 Provider / Base URL / API Key / 模型 + 保存/测试),配置持久化在服务端 ~/.opsxdb/ai.json */
-export function AiSettings({ onClose }: { onClose: () => void }) {
+export type AiSettingsHandle = { save: () => Promise<boolean>; test: () => Promise<void> };
+export type AiSettingsStatus = {
+  busy: boolean;
+  testing: boolean;
+  canSave: boolean;
+  canTest: boolean;
+  result: { ok: boolean; text: string } | null;
+};
+export const AiSettings = forwardRef<AiSettingsHandle, { onStatus: (status: AiSettingsStatus) => void }>(function AiSettings({ onStatus }, ref) {
   const notify = useWorkspaceStore((s) => s.notify);
   const set = useWorkspaceStore((s) => s.set);
   const [provider, setProvider] = useState("stub");
@@ -243,6 +284,13 @@ export function AiSettings({ onClose }: { onClose: () => void }) {
   const [loading, setLoading] = useState(true);
   const [loadError, setLoadError] = useState("");
   const [reload, setReload] = useState(0);
+  const [advancedOpen, setAdvancedOpen] = useState(false);
+  const [testResult, setTestResult] = useState<{ ok: boolean; text: string } | null>(null);
+  const [testing, setTesting] = useState(false);
+  useEffect(() => {
+    onStatus({ busy: busy || testing, testing, canSave: !loading && !loadError && !busy && !testing,
+      canTest: !loading && !loadError && !busy && !testing && provider !== "stub", result: testResult });
+  }, [onStatus, busy, testing, loading, loadError, provider, testResult]);
 
   useEffect(() => {
     let alive = true;
@@ -268,6 +316,7 @@ export function AiSettings({ onClose }: { onClose: () => void }) {
 
   /** 选预设:自动填 Base URL / 协议 / 鉴权 / 默认模型;已手填的非预设值会被预设覆盖 */
   const applyPreset = (id: string) => {
+    setTestResult(null);
     setProvider(id);
     if (id === "stub") return;
     const preset = findAiPreset(id);
@@ -280,6 +329,7 @@ export function AiSettings({ onClose }: { onClose: () => void }) {
   };
 
   const save = async () => {
+    if (loading || loadError || busy) return false;
     if (provider !== "stub" && !baseURL.trim()) {
       notify({ kind: "error", title: "AI 配置", message: "请填写 Base URL,或选择一个预设。", mode: "modal" });
       return false;
@@ -299,7 +349,6 @@ export function AiSettings({ onClose }: { onClose: () => void }) {
       if (model.trim()) set("aiModel", model.trim());
       setHasKey(hasKey || !!apiKey.trim() || authStyle === "none");
       setApiKey("");
-      notify({ kind: "success", title: "AI 配置", message: "已保存", mode: "toast", durationMs: 1400 });
       return true;
     } catch (e) {
       notify({ kind: "error", title: "AI 配置", message: e instanceof Error ? e.message : String(e), mode: "modal" });
@@ -310,23 +359,22 @@ export function AiSettings({ onClose }: { onClose: () => void }) {
   };
 
   const test = async () => {
-    if (!(await save())) return;
-    setBusy(true);
+    if (busy || testing || loading || loadError || provider === "stub") return;
+    setTesting(true);
+    setTestResult(null);
     try {
+      if (!(await save())) return;
+      setBusy(true);
       const res = await callAi({ action: "ask", prompt: "用一句话回答:连接正常", model: model.trim() || undefined });
-      notify({
-        kind: "success",
-        title: "AI 连接正常",
-        message: res.content.slice(0, 120) || "(空响应)",
-        mode: "toast",
-        durationMs: 4000,
-      });
+      setTestResult({ ok: true, text: res.content ? "连接正常，模型已响应" : "连接正常" });
     } catch (e) {
-      notify({ kind: "error", title: "AI 连接失败", message: e instanceof Error ? e.message : String(e), mode: "modal" });
+      setTestResult({ ok: false, text: e instanceof Error ? e.message : String(e) });
     } finally {
       setBusy(false);
+      setTesting(false);
     }
   };
+  useImperativeHandle(ref, () => ({ save, test }));
 
   if (loading) return <p role="status" className="text-xs">正在读取 AI 配置…</p>;
   if (loadError) return <div role="alert" className="text-xs">{loadError}<button type="button" className="ops-btn-secondary mt-2" onClick={() => setReload((n) => n + 1)}>重试</button></div>;
@@ -335,75 +383,42 @@ export function AiSettings({ onClose }: { onClose: () => void }) {
   const isLocalHttp = baseURL.trim().startsWith("http://");
 
   return (
-    <fieldset disabled={busy} className="min-w-0 space-y-1.5 border-b px-1.5 py-1.5" style={{ borderColor: "var(--ops-border)" }}>
-      <div className="flex items-center gap-1">
-        <select
-          className="ops-input py-0.5 text-[11px]"
-          value={provider}
-          onChange={(e) => applyPreset(e.target.value)}
-          aria-label="Provider 预设"
-        >
-          <option value="stub">stub(离线占位)</option>
-          {AI_PRESETS.map((p) => (
-            <option key={p.id} value={p.id}>{p.name}({p.desc})</option>
-          ))}
+    <fieldset disabled={busy || testing} className="ops-ai-settings min-w-0" onChange={() => setTestResult(null)}>
+      <label className="ops-ai-settings-field">供应商
+        <select className="ops-input" value={provider} onChange={(e) => applyPreset(e.target.value)} aria-label="AI 供应商">
+          <option value="stub">离线体验（仅 Ask）</option>
+          {AI_PRESETS.map((p) => <option key={p.id} value={p.id}>{p.name}</option>)}
         </select>
-        <input
-          className="ops-input min-w-0 flex-1 py-0.5 text-[11px]"
-          placeholder="模型 ID"
-          value={model}
-          list="ai-model-options"
-          onChange={(e) => setModel(e.target.value)}
-          aria-label="模型"
-        />
-        <datalist id="ai-model-options">
-          {presetModels.map((m) => <option key={m} value={m} />)}
-        </datalist>
-      </div>
-      {provider !== "stub" && (
-        <>
-          <input
-            className="ops-input w-full py-0.5 text-[11px]"
-            placeholder="Base URL,如 https://api.deepseek.com/v1"
-            value={baseURL}
-            onChange={(e) => setBaseURL(e.target.value)}
-            aria-label="Base URL"
-          />
-          <input
-            className="ops-input w-full py-0.5 text-[11px]"
-            type="password"
-            placeholder={hasKey || authStyle === "none" ? "API Key(已配置,留空不改动)" : "API Key"}
-            value={apiKey}
-            onChange={(e) => setApiKey(e.target.value)}
-            aria-label="API Key"
-            disabled={authStyle === "none"}
-          />
-          {isLocalHttp && (
-            <label className="flex items-center gap-1.5 text-[11px]" style={{ color: "var(--ops-muted)" }}>
-              <input
-                type="checkbox"
-                checked={allowInsecureHttp}
-                onChange={(e) => setAllowInsecureHttp(e.target.checked)}
-              />
-              允许 HTTP(本地/内网服务,如 Ollama、vLLM;默认仅放行 HTTPS)
-            </label>
-          )}
-        </>
-      )}
-      <div className="flex gap-1">
-        <button type="button" className="ops-btn-primary h-6 px-2 text-[11px]" disabled={busy} onClick={() => void save()}>
-          保存
-        </button>
-        <button type="button" className="ops-btn-secondary h-6 px-2 text-[11px]" disabled={busy} onClick={() => void test()}>
-          {busy ? "…" : "测试"}
-        </button>
-        <button type="button" className="ops-btn-ghost ml-auto h-6 px-2 text-[11px]" onClick={onClose}>
-          收起
-        </button>
-      </div>
+      </label>
+      {provider !== "stub" && <>
+        <label className="ops-ai-settings-field">模型
+          <input className="ops-input" placeholder="选择或输入模型 ID" value={model} list="ai-model-options" onChange={(e) => setModel(e.target.value)} aria-label="模型" />
+          <datalist id="ai-model-options">{presetModels.map((m) => <option key={m} value={m} />)}</datalist>
+        </label>
+        <label className="ops-ai-settings-field">API 密钥
+          <input className="ops-input" type="password" autoComplete="off" placeholder={authStyle === "none" ? "无需填写" : hasKey ? "已保存，留空沿用" : "输入 API 密钥"} value={apiKey} onChange={(e) => setApiKey(e.target.value)} disabled={authStyle === "none"} aria-label="API 密钥" />
+        </label>
+        <label className="ops-ai-settings-field">接口地址
+          <input className="ops-input" placeholder="https://api.example.com/v1" value={baseURL} onChange={(e) => setBaseURL(e.target.value)} aria-label="接口地址" />
+        </label>
+        <button type="button" className="ops-ai-settings-advanced" aria-expanded={advancedOpen} onClick={() => setAdvancedOpen(!advancedOpen)}>{advancedOpen ? "收起高级选项" : "高级选项"} <span aria-hidden>{advancedOpen ? "⌃" : "⌄"}</span></button>
+        {advancedOpen && <div className="ops-ai-settings-extra">
+          <label className="ops-ai-settings-field">接口协议
+            <select className="ops-input" value={protocol} onChange={(e) => setProtocol(e.target.value as AiProtocol)}>
+              <option value="openai-chat">OpenAI Chat</option><option value="openai-responses">OpenAI Responses</option><option value="anthropic">Anthropic</option>
+            </select>
+          </label>
+          <label className="ops-ai-settings-field">认证方式
+            <select className="ops-input" value={authStyle} onChange={(e) => setAuthStyle(e.target.value as AiAuthStyle)}>
+              <option value="bearer">Bearer</option><option value="x-api-key">x-api-key</option><option value="none">无需认证</option>
+            </select>
+          </label>
+          {isLocalHttp && <label className="ops-ai-settings-check"><input type="checkbox" checked={allowInsecureHttp} onChange={(e) => setAllowInsecureHttp(e.target.checked)} />允许本机/内网 HTTP</label>}
+        </div>}
+      </>}
     </fieldset>
   );
-}
+});
 
 export function AiPanel() {
   const messages = useWorkspaceStore((s) => s.aiMessages);
@@ -421,17 +436,19 @@ export function AiPanel() {
   const set = useWorkspaceStore((s) => s.set);
   const pushAi = useWorkspaceStore((s) => s.pushAi);
   const patchAiMessage = useWorkspaceStore((s) => s.patchAiMessage);
-  const updateTabSqlIfUnchanged = useWorkspaceStore((s) => s.updateTabSqlIfUnchanged);
-  const [showSettings, setShowSettings] = useState(false);
   const [mcp, setMcp] = useState<McpStatus | null>(null);
   const [mcpOpen, setMcpOpen] = useState(false);
   const [elapsedSec, setElapsedSec] = useState(0);
-  const [editingQueue, setEditingQueue] = useState(false);
   const abortRef = useRef<AbortController | null>(null);
   /** 世代号：停止/立即发送时 bump，避免旧 finally 清 busy 或误续发排队 */
   const runGenRef = useRef(0);
   const skipAutoQueueRef = useRef(false);
+  const queuedIntentRef = useRef<{ mode: AiChatMode; action: AiAction } | null>(null);
+  const runQueuedRef = useRef<(text: string, intent: { mode: AiChatMode; action: AiAction }) => void>(() => {});
+  const streamingIdRef = useRef<string | null>(null);
   const listRef = useRef<HTMLDivElement | null>(null);
+  const composingRef = useRef(false);
+  const compositionEndedAtRef = useRef(0);
 
   useEffect(() => {
     let alive = true;
@@ -493,6 +510,21 @@ export function AiPanel() {
   const tab = tabs.find((t) => t.id === activeTabId);
   const sql = tab?.sql ?? "";
   const database = editorDatabase(conn, tab);
+  const contextKey = `${conn?.id || ""}\u0000${database}`;
+  const previousSessionMessage = [...messages].reverse().find((m) => m.sessionId === aiSessionId && m.role === "assistant");
+  const sessionContextRef = useRef<string | null>(aiSessionId && previousSessionMessage?.connectionId === conn?.id && previousSessionMessage?.database === database ? contextKey : null);
+  const isCurrentContext = (key: string) => {
+    const state = useWorkspaceStore.getState();
+    const currentConn = state.connections.find((c) => c.id === state.activeConnectionId);
+    const currentTab = state.tabs.find((t) => t.id === state.activeTabId);
+    return `${currentConn?.id || ""}\u0000${editorDatabase(currentConn, currentTab)}` === key;
+  };
+  useEffect(() => {
+    if (sessionContextRef.current && sessionContextRef.current !== contextKey) {
+      set("aiSessionId", null);
+      sessionContextRef.current = null;
+    }
+  }, [contextKey, set]);
   const [action, setAction] = useState<AiAction>("generate");
 
   const setMode = (mode: AiChatMode) => set("aiMode", mode);
@@ -502,6 +534,10 @@ export function AiPanel() {
     skipAutoQueueRef.current = true;
     abortRef.current?.abort();
     abortRef.current = null;
+    if (streamingIdRef.current) {
+      patchAiMessage(streamingIdRef.current, (m) => ({ ...m, content: m.content || "已停止", streaming: false, runOutcome: "cancelled" }));
+      streamingIdRef.current = null;
+    } else if (useWorkspaceStore.getState().aiBusy) pushAi("assistant", "已停止");
     set("aiBusy", false);
     // 下一 tick 恢复自动续发开关（给「立即」microtask 用）
     queueMicrotask(() => {
@@ -513,11 +549,11 @@ export function AiPanel() {
     if (skipAutoQueueRef.current) return;
     const queued = useWorkspaceStore.getState().aiQueuedPrompt;
     if (!queued?.trim()) return;
+    const intent = queuedIntentRef.current ?? { mode: useWorkspaceStore.getState().aiMode, action };
+    queuedIntentRef.current = null;
     set("aiQueuedPrompt", null);
-    const mode = useWorkspaceStore.getState().aiMode;
     queueMicrotask(() => {
-      if (mode === "agent") void runAgent({ prompt: queued.trim() });
-      else void runAsk(action, queued.trim());
+      runQueuedRef.current(queued.trim(), intent);
     });
   };
 
@@ -530,11 +566,9 @@ export function AiPanel() {
     if (action === "ask" || action === "generate") {
       pushAi("user", text || ACTIONS.find((a) => a.id === action)?.label || action);
     } else {
-      pushAi("user", `${ACTIONS.find((a) => a.id === action)?.label || action}`);
-    }
-    if (prompt !== undefined || action === "ask" || action === "generate") {
-      if (!prompt) set("aiAsk", "");
+      pushAi("user", `${ACTIONS.find((a) => a.id === action)?.label || action}${text ? ` · ${text}` : ""}`);
     }
+    if (!prompt) set("aiAsk", "");
     const ac = new AbortController();
     abortRef.current = ac;
     try {
@@ -553,8 +587,7 @@ export function AiPanel() {
         ac.signal,
       );
       if (runGenRef.current !== gen) return;
-      pushAi("assistant", res.content);
-      if (res.sql && tab) updateTabSqlIfUnchanged(tab.id, sql, tab.connectionId, tab.database, res.sql);
+      pushAi("assistant", res.content, [], { sqlSuggestion: res.sql || undefined, connectionId: conn.id, connectionName: conn.name, database });
     } catch (e) {
       if (runGenRef.current !== gen) return;
       if ((e as Error)?.name === "AbortError") {
@@ -580,18 +613,23 @@ export function AiPanel() {
     const text = (opts?.prompt ?? ask).trim();
     const isContinue = !!opts?.continue;
     if (useWorkspaceStore.getState().aiBusy) return;
-    if (!isContinue && !text) return;
+    if (!conn || (!isContinue && !text)) return;
     const gen = ++runGenRef.current;
     set("aiBusy", true);
     if (!opts?.skipUserBubble) {
       pushAi("user", isContinue && !text ? "加预算继续" : text);
     }
     if (!opts?.prompt) set("aiAsk", "");
-    const asstId = pushAi("assistant", "", [], { streaming: true });
+    const asstId = pushAi("assistant", "", [], { streaming: true, connectionId: conn.id, connectionName: conn.name, database });
+    streamingIdRef.current = asstId;
     const ac = new AbortController();
     abortRef.current = ac;
-    const sessionId = useWorkspaceStore.getState().aiSessionId || undefined;
+    const sessionId = sessionContextRef.current === contextKey ? useWorkspaceStore.getState().aiSessionId || undefined : undefined;
     try {
+      const connections = useWorkspaceStore.getState().connections;
+      if (!connections.some((c) => c.id === conn.id)) throw new Error("当前连接已删除，请重新选择连接");
+      await syncConnectionsToDisk(connections);
+      if (ac.signal.aborted) throw new DOMException("已停止", "AbortError");
       const res = await callAiAgentStream(
         {
           prompt: text,
@@ -635,8 +673,11 @@ export function AiPanel() {
               incompleteReason: final.incompleteReason,
               stepsBudget: final.stepsBudget,
             });
-            if (final.sessionId) set("aiSessionId", final.sessionId);
-            if (final.sql && tab) updateTabSqlIfUnchanged(tab.id, sql, tab.connectionId, tab.database, final.sql);
+            if (final.sessionId && isCurrentContext(contextKey)) {
+              sessionContextRef.current = contextKey;
+              set("aiSessionId", final.sessionId);
+            }
+            if (final.sql) patchAiMessage(asstId, { sqlSuggestion: final.sql });
           },
           onIncomplete: (final) => {
             if (runGenRef.current !== gen) return;
@@ -651,11 +692,17 @@ export function AiPanel() {
               incompleteReason: final.incompleteReason || "max_steps",
               stepsBudget: final.stepsBudget,
             });
-            if (final.sessionId) set("aiSessionId", final.sessionId);
+            if (final.sessionId && isCurrentContext(contextKey)) {
+              sessionContextRef.current = contextKey;
+              set("aiSessionId", final.sessionId);
+            }
           },
           onSession: (meta) => {
             if (runGenRef.current !== gen) return;
-            if (meta.sessionId) set("aiSessionId", meta.sessionId);
+            if (meta.sessionId && isCurrentContext(contextKey)) {
+              sessionContextRef.current = contextKey;
+              set("aiSessionId", meta.sessionId);
+            }
             patchAiMessage(asstId, (m) => ({
               ...m,
               sessionId: meta.sessionId || m.sessionId,
@@ -691,6 +738,7 @@ export function AiPanel() {
     } finally {
       if (runGenRef.current === gen) {
         abortRef.current = null;
+        streamingIdRef.current = null;
         set("aiBusy", false);
         patchAiMessage(asstId, (m) => ({ ...m, streaming: false }));
         flushQueuedAfterIdle();
@@ -698,15 +746,21 @@ export function AiPanel() {
     }
   };
 
+  // 续发取当前渲染的编辑器上下文，避免旧请求闭包把消息发到先前的连接。
+  runQueuedRef.current = (text, intent) => {
+    if (intent.mode === "agent") void runAgent({ prompt: text });
+    else void runAsk(intent.action, text);
+  };
+
   /** 发送或入队（对标 opsxshell / aiops 契约 14） */
   const send = () => {
     const text = ask.trim();
     if (aiMode === "agent") {
       if (!text) return;
       if (busy) {
+        queuedIntentRef.current = { mode: aiMode, action };
         set("aiQueuedPrompt", text);
         set("aiAsk", "");
-        setEditingQueue(false);
         return;
       }
       void runAgent();
@@ -715,18 +769,18 @@ export function AiPanel() {
     // Ask：忙时同样单槽排队
     if (busy) {
       if (!text) return;
+      queuedIntentRef.current = { mode: aiMode, action };
       set("aiQueuedPrompt", text);
       set("aiAsk", "");
-      setEditingQueue(false);
       return;
     }
     void runAsk(action);
   };
 
   const continueIncomplete = (m: AiMessage) => {
-    if (busy) return;
+    if (busy || m.connectionId !== conn?.id || m.database !== database) return;
     const sid = m.sessionId || aiSessionId;
-    if (sid) set("aiSessionId", sid);
+    if (sid) { sessionContextRef.current = contextKey; set("aiSessionId", sid); }
     void runAgent({
       prompt: "",
       continue: true,
@@ -739,13 +793,12 @@ export function AiPanel() {
   const flushQueueNow = () => {
     const q = useWorkspaceStore.getState().aiQueuedPrompt;
     if (!q?.trim()) return;
+    const intent = queuedIntentRef.current ?? { mode: useWorkspaceStore.getState().aiMode, action };
+    queuedIntentRef.current = null;
     set("aiQueuedPrompt", null);
-    setEditingQueue(false);
     stopAgent();
-    const mode = useWorkspaceStore.getState().aiMode;
     queueMicrotask(() => {
-      if (mode === "agent") void runAgent({ prompt: q.trim() });
-      else void runAsk(action, q.trim());
+      runQueuedRef.current(q.trim(), intent);
     });
   };
 
@@ -755,13 +808,13 @@ export function AiPanel() {
     if (!q) return;
     set("aiAsk", q);
     set("aiQueuedPrompt", null);
-    setEditingQueue(true);
+    queuedIntentRef.current = null;
   };
 
   /** 撤销 / 删除排队 */
   const discardQueue = () => {
     set("aiQueuedPrompt", null);
-    setEditingQueue(false);
+    queuedIntentRef.current = null;
   };
 
   /** 新会话：丢弃轨迹与 sessionId，可重新开跑 */
@@ -769,9 +822,10 @@ export function AiPanel() {
     stopAgent();
     set("aiMessages", []);
     set("aiSessionId", null);
+    sessionContextRef.current = null;
     set("aiQueuedPrompt", null);
+    queuedIntentRef.current = null;
     set("aiAsk", "");
-    setEditingQueue(false);
   };
 
   /** 清屏：只清可见消息与排队，草稿保留；sessionId 一并丢掉以免隐式续跑旧轨迹 */
@@ -779,16 +833,19 @@ export function AiPanel() {
     if (busy) stopAgent();
     set("aiMessages", []);
     set("aiSessionId", null);
+    sessionContextRef.current = null;
     set("aiQueuedPrompt", null);
-    setEditingQueue(false);
+    queuedIntentRef.current = null;
   };
 
   const pendingConfirm = (() => {
     for (let i = messages.length - 1; i >= 0; i--) {
       const m = messages[i];
       if (m.role !== "assistant" || !m.steps) continue;
-      const step = [...m.steps].reverse().find((s) => s.needConfirm && s.confirmSql);
-      if (step) return { messageId: m.id, step };
+      for (let stepIndex = m.steps.length - 1; stepIndex >= 0; stepIndex--) {
+        const step = m.steps[stepIndex];
+        if (step.needConfirm && step.confirmSql) return { messageId: m.id, step, stepIndex };
+      }
     }
     return null;
   })();
@@ -798,11 +855,11 @@ export function AiPanel() {
       ? "继续输入以覆盖排队内容…"
       : "继续输入以排队后续修改"
     : aiMode === "agent"
-      ? "让 Agent 查库…例如：demo 有哪些表？users 前 5 行"
-      : "描述你想查询什么…";
+      ? "让 Agent 查询或分析当前数据库…"
+      : action === "generate" ? "描述你想查询的数据，例如：统计本月订单…" : "输入问题，或结合当前 SQL 提问…";
 
   return (
-    <aside className="ops-panel flex h-full w-full min-w-0 flex-col border-l">
+    <aside className="ops-ai-panel ops-panel flex h-full min-h-0 w-full min-w-0 flex-col overflow-hidden border-l">
       <div className="ops-section-label justify-between border-b gap-1">
         <span className="inline-flex items-center gap-1.5 min-w-0">
           <span className="truncate">AI 会话</span>
@@ -841,15 +898,6 @@ export function AiPanel() {
             <Eraser className="h-3 w-3" aria-hidden />
             清屏
           </button>
-          <button
-            type="button"
-            className="ops-btn-ghost grid h-5 w-5 place-items-center p-0 text-[12px]"
-            title="AI 设置"
-            aria-label="AI 设置"
-            onClick={() => setShowSettings(!showSettings)}
-          >
-            ⚙
-          </button>
           <button
             type="button"
             className="ops-close-faint"
@@ -886,43 +934,33 @@ export function AiPanel() {
         </div>
       ) : null}
 
-      {showSettings && <AiSettings onClose={() => setShowSettings(false)} />}
-
-      <div ref={listRef} className="min-h-0 flex-1 space-y-1.5 overflow-auto p-1.5">
+      <div ref={listRef} className="ops-ai-transcript min-h-0 flex-1 space-y-2 overflow-auto px-3 py-3">
         {messages.length === 0 && !busy && (
-          <div className="grid h-full place-items-center px-2 text-center text-[12px]" style={{ color: "var(--ops-muted)" }}>
-            {aiMode === "agent"
-              ? "Agent 会真查白名单里的库。试试：列出 demo 有哪些表"
-              : "聊聊你想查什么，我来写 SQL"}
+          <div className="ops-ai-empty">
+            <div className="ops-ai-empty-title">从当前数据库开始</div>
+            <p>{aiMode === "agent" ? "让 Agent 查看表结构与数据，并给出分析。" : "描述你的问题，或用自然语言生成 SQL。"}</p>
+            <button type="button" onClick={() => set("aiAsk", aiMode === "agent" ? "列出当前库的表，并说明它们的用途" : "查询最近 7 天的数据变化")}>
+              {aiMode === "agent" ? "试试：了解当前库" : "试试：最近 7 天的数据变化"} <ArrowUp className="h-3 w-3" aria-hidden />
+            </button>
           </div>
         )}
         {messages.map((m) => (
           <div
             key={m.id}
-            className="rounded border px-2 py-1.5 text-[12px] whitespace-pre-wrap"
-            style={
-              m.role === "user"
-                ? {
-                    borderColor: "color-mix(in srgb, var(--ops-accent) 35%, var(--ops-border))",
-                    background: "color-mix(in srgb, var(--ops-accent) 8%, transparent)",
-                  }
-                : {
-                    borderColor: "var(--ops-border)",
-                    background: "var(--ops-surface-2)",
-                  }
-            }
+            className={`ops-ai-message ${m.role === "user" ? "ops-ai-message-user" : "ops-ai-message-assistant"}`}
           >
             <div className="mb-0.5 text-[10px]" style={{ color: "var(--ops-muted)" }}>
               {m.role === "user" ? "你" : "AI"} · {m.at}
             </div>
-            <MessageContent content={m.content} streaming={m.streaming} />
+            <MessageContent content={m.content} streaming={m.streaming} connectionId={m.connectionId} database={m.database} />
+            {m.role === "assistant" && m.sqlSuggestion && !m.content.includes("```") ? <CodeBlock code={m.sqlSuggestion} connectionId={m.connectionId} database={m.database} /> : null}
             {m.role === "assistant" && m.steps && m.steps.length > 0 ? <AgentSteps steps={m.steps} /> : null}
             {m.role === "assistant" && m.runOutcome === "incomplete" && m.resumable && !m.streaming ? (
               <div className="mt-1.5 flex items-center gap-1.5">
                 <button
                   type="button"
                   className="ops-btn-secondary h-6 px-2 text-[11px]"
-                  disabled={busy}
+                  disabled={busy || m.connectionId !== conn?.id || m.database !== database}
                   onClick={() => continueIncomplete(m)}
                 >
                   加预算继续
@@ -935,18 +973,22 @@ export function AiPanel() {
             ) : null}
             {pendingConfirm && pendingConfirm.messageId === m.id && pendingConfirm.step.confirmSql ? (
               <DangerConfirmBar
+                key={`${m.id}:${pendingConfirm.stepIndex}`}
                 sql={pendingConfirm.step.confirmSql}
-                connectionId={conn?.id}
-                database={database || undefined}
+                connectionId={m.connectionId}
+                connectionName={m.connectionName}
+                database={m.database || undefined}
                 kind={pendingConfirm.step.tool?.includes("redis") ? "redis" : "query"}
                 confirmBind={pendingConfirm.step.confirmBind}
                 runId={m.runId}
+                ready={!busy && !m.streaming}
+                currentContext={m.connectionId === conn?.id && m.database === database}
                 onDone={(ok, msg) => {
                   if (ok) {
                     patchAiMessage(m.id, (cur) => ({
                       ...cur,
-                      steps: (cur.steps || []).map((s) =>
-                        s.needConfirm ? { ...s, needConfirm: false, ok: true, summary: "已确认执行" } : s,
+                      steps: (cur.steps || []).map((s, i) =>
+                        i === pendingConfirm.stepIndex ? { ...s, needConfirm: false, ok: true, summary: "已确认执行" } : s,
                       ),
                       content: cur.content + (cur.content ? "\n" : "") + "（已确认执行写操作）",
                     }));
@@ -962,7 +1004,7 @@ export function AiPanel() {
                   } else {
                     patchAiMessage(m.id, (cur) => ({
                       ...cur,
-                      steps: (cur.steps || []).map((s) => (s.needConfirm ? { ...s, needConfirm: false, summary: "已取消" } : s)),
+                      steps: (cur.steps || []).map((s, i) => (i === pendingConfirm.stepIndex ? { ...s, needConfirm: false, summary: "已取消" } : s)),
                     }));
                   }
                 }}
@@ -981,9 +1023,7 @@ export function AiPanel() {
         {aiQueuedPrompt ? (
           <div className="ops-ai-queue-card" role="status">
             <div className="ops-ai-queue-card-body" title={aiQueuedPrompt}>
-              <span className="ops-ai-queue-grip" aria-hidden>
-                ⠿
-              </span>
+              <span className="ops-ai-queue-label">待发送 · {queuedIntentRef.current?.mode === "agent" ? "Agent" : queuedIntentRef.current?.action === "ask" ? "提问" : ACTIONS.find((a) => a.id === queuedIntentRef.current?.action)?.label || "Ask"}</span>
               <span className="ops-ai-queue-text">{aiQueuedPrompt}</span>
             </div>
             <div className="ops-ai-queue-actions">
@@ -1003,79 +1043,46 @@ export function AiPanel() {
       </div>
 
       <div className="ops-ai-composer">
-        <div className="ops-ai-mode" role="group" aria-label="Ask 或 Agent">
-          <button type="button" aria-pressed={aiMode === "ask"} className={aiMode === "ask" ? "ops-ai-mode-active" : undefined} onClick={() => setMode("ask")}>
-            Ask
-          </button>
-          <button type="button" aria-pressed={aiMode === "agent"} className={aiMode === "agent" ? "ops-ai-mode-active" : undefined} onClick={() => setMode("agent")}>
-            Agent
-          </button>
+        <div className="ops-ai-context" title="跟随当前 SQL 编辑器的连接与数据库">
+          <Database className="h-3.5 w-3.5 shrink-0" aria-hidden />
+          <span className="truncate">{conn?.name || "未选择连接"}</span>
+          {conn && <><span className="ops-ai-context-separator">/</span><strong className="truncate">{conn.driver.toLowerCase() === "redis" ? `DB${database}` : database || "未选择数据库"}</strong></>}
+          {aiMode === "agent" && <span className="ops-ai-context-policy">{mcp?.writesEnabled ? "写入需确认" : "只读"}</span>}
         </div>
-        <div className="ops-ai-context" title="跟随 SQL 编辑器当前数据库">
-          {conn?.name || "未选择连接"} › {conn?.driver.toLowerCase() === "redis" ? `DB${database}` : database || "未选择数据库"}
-          {aiMode === "agent" ? (mcp?.writesEnabled ? " · 可写需确认" : " · 只读工具") : ""}
-          {aiSessionId ? ` · ${aiSessionId.slice(0, 12)}…` : ""}
-        </div>
-        <div className="flex gap-1">
-          <textarea
-            rows={3}
-            className="ops-input min-w-0 flex-1 resize-none"
-            placeholder={placeholder}
-            value={ask}
-            onChange={(e) => set("aiAsk", e.target.value)}
-            onKeyDown={(e) => {
-              if (e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing) {
-                e.preventDefault();
-                send();
-              }
-            }}
-          />
-          {busy ? (
-            <div className="flex flex-col gap-1">
-              <button type="button" className="ops-btn-secondary inline-flex items-center justify-center gap-1" onClick={stopAgent} title="停止当前运行">
-                停止
-              </button>
-              <button
-                type="button"
-                className="ops-btn-primary inline-flex items-center justify-center gap-1"
-                disabled={!ask.trim()}
-                onClick={send}
-                title={ask.trim() ? "加入排队（单槽，覆盖）" : "输入后可排队"}
-              >
-                <Loader2 className="h-3.5 w-3.5 animate-spin" aria-hidden />
-                排队
-              </button>
-            </div>
-          ) : (
-            <button type="button" className="ops-btn-primary" disabled={aiMode === "agent" && !ask.trim()} onClick={send}>
-              发送
-            </button>
+        <textarea
+          rows={3}
+          className="ops-ai-textarea"
+          aria-label="输入 AI 消息"
+          placeholder={placeholder}
+          value={ask}
+          onChange={(e) => set("aiAsk", e.target.value)}
+          onCompositionStart={() => { composingRef.current = true; compositionEndedAtRef.current = 0; }}
+          onCompositionEnd={() => { composingRef.current = false; compositionEndedAtRef.current = Date.now(); }}
+          onKeyDown={(e) => {
+            const action = aiEnterAction(e.nativeEvent, composingRef.current, Date.now() - compositionEndedAtRef.current < 180);
+            if (action === "suppress") e.preventDefault();
+            if (action === "send") {
+              e.preventDefault();
+              send();
+            }
+          }}
+        />
+        <div className="ops-ai-composer-footer">
+          <select className="ops-ai-mode-select" aria-label="AI 模式" value={aiMode} onChange={(e) => setMode(e.target.value as AiChatMode)} title="Ask 给出建议；Agent 使用当前连接的工具">
+            <option value="ask">Ask · 建议</option>
+            <option value="agent">Agent · 操作</option>
+          </select>
+          {aiMode === "ask" && (
+            <select className="ops-ai-action-select" aria-label="提问类型" value={action} onChange={(e) => setAction(e.target.value as AiAction)}>
+              {ACTIONS.map((a) => <option key={a.id} value={a.id}>{a.label}</option>)}
+            </select>
           )}
+          <div className="ops-ai-composer-spacer" />
+          {busy && <button type="button" className="ops-ai-stop" onClick={stopAgent} title="停止当前运行"><Square className="h-3 w-3 fill-current" aria-hidden /> 停止</button>}
+          <button type="button" className="ops-ai-send" disabled={!conn || (!ask.trim() && (busy || aiMode === "agent" || action === "ask" || action === "generate"))} onClick={send} title={busy ? "加入待发送队列（保留最近一条）" : "发送 · Enter"}>
+            {busy ? "排队" : "发送"}<ArrowUp className="h-3.5 w-3.5" aria-hidden />
+          </button>
         </div>
-        {aiMode === "ask" ? (
-          <div className="ops-ai-actions" role="group" aria-label="AI 操作">
-            {ACTIONS.map((a) => (
-              <button
-                type="button"
-                key={a.id}
-                aria-pressed={action === a.id}
-                className={action === a.id ? "ops-ai-action-active" : undefined}
-                onClick={() => setAction(a.id)}
-                disabled={busy}
-              >
-                {a.id === "generate" ? "生成 SQL" : a.label}
-              </button>
-            ))}
-          </div>
-        ) : (
-          <div className="mt-1.5 text-[10px]" style={{ color: "var(--ops-muted)" }}>
-            {busy
-              ? editingQueue
-                ? "编辑中：改完回车或点「排队」覆盖单槽。"
-                : "工作中可继续输入排队（单槽）；点排队卡「立即」可改方向。"
-              : "Agent 与 MCP 同源工具；默认只读。写操作需确认。触顶可「加预算继续」。"}
-          </div>
-        )}
       </div>
     </aside>
   );
diff --git a/src/ConnectionForm.tsx b/src/ConnectionForm.tsx
index 5e6af8c..d96d905 100644
--- a/src/ConnectionForm.tsx
+++ b/src/ConnectionForm.tsx
@@ -148,7 +148,8 @@ export function ConnectionForm({ selected, form, setForm, dsn, setDsn, onApplyDs
                 <textarea
                   className="ops-input min-h-[64px] w-full py-1 text-[12.5px]"
                   placeholder={"127.0.0.1:26379\n127.0.0.1:26380"}
-                  value={form.redisNodes ?? ""}
+                  title="种子及集群返回的节点地址都须能从本机访问；远程集群不要填写 127.0.0.1"
+                value={form.redisNodes ?? ""}
                   onChange={(e) => patch({ redisNodes: e.target.value })}
                 />
               </Row>
@@ -172,7 +173,8 @@ export function ConnectionForm({ selected, form, setForm, dsn, setDsn, onApplyDs
             <Row label="种子节点">
               <textarea
                 className="ops-input min-h-[64px] w-full py-1 text-[12.5px]"
-                placeholder={"127.0.0.1:7000\n127.0.0.1:7001"}
+                placeholder={"redis-host:7000\nredis-host:7001"}
+                title="种子及集群返回的节点地址都须能从本机访问；远程集群不要填写 127.0.0.1"
                 value={form.redisNodes ?? ""}
                 onChange={(e) => patch({ redisNodes: e.target.value })}
               />
diff --git a/src/ConnectionList.tsx b/src/ConnectionList.tsx
index 9bceb8e..7141e30 100644
--- a/src/ConnectionList.tsx
+++ b/src/ConnectionList.tsx
@@ -183,7 +183,7 @@ export function ConnectionList() {
     a.download = `opsxdb-connections-${new Date().toISOString().slice(0, 10)}.json`;
     a.click();
     URL.revokeObjectURL(a.href);
-    notify({ kind: "success", title: "已导出", message: `${st.connections.length} 条连接`, mode: "toast", durationMs: 1600 });
+    notify({ kind: "success", title: "已导出", message: `${st.connections.length} 条连接`, mode: "toast", durationMs: 1600, feedback: "visible" });
   };
 
   /** R2-F5:导入连接 —— 校验数组结构;id 冲突重新生成后追加;持久化走 store 现有 action */
@@ -214,7 +214,7 @@ export function ConnectionList() {
       if (!Array.isArray(parsed) && Array.isArray((parsed as { connGroups?: unknown }).connGroups)) {
         st.importConnGroups((parsed as { connGroups: ConnectionGroup[] }).connGroups);
       }
-      notify({ kind: "success", title: "导入完成", message: `已导入 ${n} 条连接`, mode: "toast", durationMs: 2000 });
+      notify({ kind: "success", title: "导入完成", message: `已导入 ${n} 条连接`, mode: "toast", durationMs: 2000, feedback: "visible" });
     } catch (err) {
       notifyError(err, "modal");
     }
diff --git a/src/ConnectionPicker.tsx b/src/ConnectionPicker.tsx
index 83d6580..70d1a8b 100644
--- a/src/ConnectionPicker.tsx
+++ b/src/ConnectionPicker.tsx
@@ -1,4 +1,4 @@
-import { useMemo, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { CATEGORIES, DRIVERS, driverById, isDriverReady, type DriverDef, type DriverId } from "./catalog";
 import { ConnectionForm } from "./ConnectionForm";
 import { ConnectionList } from "./ConnectionList";
@@ -27,6 +27,24 @@ export function ConnectionPicker() {
   const notifyError = useWorkspaceStore((s) => s.notifyError);
   const [dsn, setDsn] = useState("");
   const [testMsg, setTestMsg] = useState<{ ok: boolean; text: string } | null>(null);
+  const [saveMenuOpen, setSaveMenuOpen] = useState(false);
+  const saveMenuRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    if (!saveMenuOpen) return;
+    const dismiss = (event: PointerEvent) => {
+      if (!saveMenuRef.current?.contains(event.target as Node)) setSaveMenuOpen(false);
+    };
+    const dismissOnEscape = (event: KeyboardEvent) => {
+      if (event.key === "Escape") setSaveMenuOpen(false);
+    };
+    document.addEventListener("pointerdown", dismiss);
+    document.addEventListener("keydown", dismissOnEscape);
+    return () => {
+      document.removeEventListener("pointerdown", dismiss);
+      document.removeEventListener("keydown", dismissOnEscape);
+    };
+  }, [saveMenuOpen]);
 
   const filtered = useMemo(() => {
     const q = search.trim().toLowerCase();
@@ -139,7 +157,7 @@ export function ConnectionPicker() {
       return;
     }
     upsert(c);
-    set("activeConnectionId", c.id);
+    useWorkspaceStore.getState().selectConnection(c.id);
     set("view", "workbench");
     set("status", `已连接 ${c.name}`);
   };
@@ -323,12 +341,31 @@ export function ConnectionPicker() {
             <button type="button" className="ops-btn-ghost" onClick={backToList}>
               取消
             </button>
-            <button type="button" className="ops-btn-secondary" onClick={() => onSave()}>
-              保存
-            </button>
-            <button type="button" className="ops-btn-primary" onClick={() => void onConnect()}>
-              保存并连接
-            </button>
+            <div ref={saveMenuRef} className="relative flex items-stretch">
+              <button type="button" className="ops-btn-primary rounded-r-none" onClick={() => void onConnect()}>
+                保存并连接
+              </button>
+              <button
+                type="button"
+                className="ops-btn-primary rounded-l-none border-l px-2"
+                style={{ borderLeftColor: "color-mix(in srgb, white 35%, transparent)" }}
+                aria-label="更多保存方式"
+                aria-haspopup="menu"
+                aria-expanded={saveMenuOpen}
+                onClick={() => setSaveMenuOpen((open) => !open)}
+              >
+                ▾
+              </button>
+              {saveMenuOpen && (
+                <div role="menu" className="absolute bottom-full right-0 z-20 mb-1 min-w-36 rounded border p-1 shadow-lg"
+                  style={{ background: "var(--ops-surface)", borderColor: "var(--ops-border)" }}>
+                  <button type="button" role="menuitem" className="ops-tree-item w-full rounded px-2 py-1.5 text-left text-[12px]"
+                    onClick={() => { setSaveMenuOpen(false); onSave(); }}>
+                    保存
+                  </button>
+                </div>
+              )}
+            </div>
           </div>
         </div>
       </div>
diff --git a/src/ConnectionSidebar.tsx b/src/ConnectionSidebar.tsx
index 12ff3b0..d434e9d 100644
--- a/src/ConnectionSidebar.tsx
+++ b/src/ConnectionSidebar.tsx
@@ -1,10 +1,12 @@
 import { useEffect, useMemo, useRef, useState } from "react";
-import { closeSession } from "./api";
+import { closeSession, openSession } from "./api";
 import { driverById } from "./catalog";
 import { askInput } from "./dialogs";
 import { DriverIcon } from "./DriverIcon";
 import { ObjectTree } from "./ObjectTree";
+import { ContextMenu } from "./ContextMenu";
 import { TreeChevron } from "./TreeChevron";
+import { connectionEndpoint, connectionUri } from "./contextActions";
 import {
   DEFAULT_CONN_GROUP,
   useWorkspaceStore,
@@ -34,7 +36,10 @@ export function ConnectionSidebar({
   const moveConnection = useWorkspaceStore((s) => s.moveConnection);
   const toggleConnGroup = useWorkspaceStore((s) => s.toggleConnGroup);
   const notify = useWorkspaceStore((s) => s.notify);
+  const notifyError = useWorkspaceStore((s) => s.notifyError);
   const editConnection = useWorkspaceStore((s) => s.editConnection);
+  const connState = useWorkspaceStore((s) => s.connState);
+  const set = useWorkspaceStore((s) => s.set);
 
   const [ctxMenu, setCtxMenu] = useState<{ x: number; y: number; conn: SavedConnection } | null>(null);
   /** 断开连接：关会话 + 清树 + 清激活 */
@@ -51,6 +56,26 @@ export function ConnectionSidebar({
       st.set("connState", "down");
       st.set("status", `已断开 ${c.name}`);
     }
+    notify({ kind: "warning", title: "已断开", message: c.name, mode: "toast", durationMs: 1800 });
+  };
+
+  const reconnect = async (c: SavedConnection) => {
+    set("connState", "reconnecting");
+    set("status", "重连中…");
+    try {
+      useWorkspaceStore.getState().setSession(c.id, null);
+      const { sessionId } = await openSession(c);
+      useWorkspaceStore.getState().setSession(c.id, sessionId);
+      useWorkspaceStore.getState().selectConnection(c.id);
+      set("connState", "ok");
+      set("status", `已重连 ${c.name}` + (c.database ? ` · ${c.database}` : ""));
+      notify({ kind: "success", title: "重连成功", message: c.name, mode: "toast", durationMs: 1600 });
+    } catch (e) {
+      set("connState", "down");
+      const msg = e instanceof Error ? e.message : String(e);
+      set("status", `重连失败：${msg}`);
+      notifyError(e, "modal");
+    }
   };
 
   const [dragId, setDragId] = useState<string | null>(null);
@@ -122,7 +147,7 @@ export function ConnectionSidebar({
   };
 
   return (
-    <div className="flex shrink-0 flex-col">
+    <div className="flex min-h-0 flex-1 flex-col overflow-hidden">
       <div className="flex items-center justify-between px-1.5 py-1 text-[11px]" style={{ color: "var(--ops-muted)" }}>
         <span>连接</span>
         <button type="button" className="hover:underline" style={{ color: "var(--ops-accent)" }} onClick={onAddGroup} title="新建分组">
@@ -255,16 +280,36 @@ export function ConnectionSidebar({
                             <span className="h-3 w-1 shrink-0 rounded-sm" style={{ background: c.color }} />
                           )}
                           <DriverIcon driver={c.driver} size={14} />
-                          <span className="min-w-0 truncate" title={`${driverById(c.driver)?.name ?? c.driver} · ${c.name}`}>
-                            {c.name}
+                          <span className="min-w-0 flex-1 truncate" title={`${driverById(c.driver)?.name ?? c.driver} · ${c.name} · ${connectionEndpoint(c)}`}>
+                            <span className="truncate">{c.name}</span>
+                            {(c.host || c.redisNodes || c.database) && (
+                              <span className="ml-1 text-[10px] opacity-45">
+                                {c.host || c.redisNodes ? connectionEndpoint(c) : c.database}
+                              </span>
+                            )}
                           </span>
                           <span
                             className="ml-1 h-1.5 w-1.5 shrink-0 rounded-full"
                             style={{
-                              background: activeId === c.id ? '#22c55e' : 'var(--ops-muted)',
+                              background:
+                                activeId === c.id
+                                  ? connState === "down"
+                                    ? "var(--ops-danger)"
+                                    : connState === "reconnecting"
+                                      ? "var(--ops-warning)"
+                                      : "#22c55e"
+                                  : "var(--ops-muted)",
                               opacity: activeId === c.id ? 1 : 0.4,
                             }}
-                            title={activeId === c.id ? '已连接' : '未激活'}
+                            title={
+                              activeId === c.id
+                                ? connState === "down"
+                                  ? "已断开"
+                                  : connState === "reconnecting"
+                                    ? "重连中…"
+                                    : "已连接"
+                                : "未激活"
+                            }
                           />
                         </button>
                         <button
@@ -298,52 +343,15 @@ export function ConnectionSidebar({
         })}
       </div>
 
-      {ctxMenu && (
-        <div
-          className="ops-ctx"
-          style={{ position: "fixed", left: ctxMenu.x, top: ctxMenu.y, zIndex: 1000 }}
-        >
-          {activeId === ctxMenu.conn.id && (
-            <button
-              type="button"
-              onClick={() => {
-                disconnect(ctxMenu.conn);
-                setCtxMenu(null);
-              }}
-            >
-              断开连接
-            </button>
-          )}
-          <button
-            type="button"
-            onClick={() => {
-              onSelect(ctxMenu.conn.id);
-              setCtxMenu(null);
-            }}
-          >
-            连接
-          </button>
-          <button
-            type="button"
-            onClick={() => {
-              editConnection(ctxMenu.conn);
-              setCtxMenu(null);
-            }}
-          >
-            编辑
-          </button>
-          <button
-            type="button"
-            style={{ color: "var(--ops-danger)" }}
-            onClick={() => {
-              onDelete(ctxMenu.conn.id);
-              setCtxMenu(null);
-            }}
-          >
-            删除
-          </button>
-        </div>
-      )}
+      {ctxMenu && <ContextMenu x={ctxMenu.x} y={ctxMenu.y} title={ctxMenu.conn.name} onClose={() => setCtxMenu(null)} items={[
+        { label: "连接", hidden: activeId === ctxMenu.conn.id, action: () => onSelect(ctxMenu.conn.id) },
+        { label: "断开连接", hidden: activeId !== ctxMenu.conn.id, action: () => disconnect(ctxMenu.conn) },
+        { label: "重新连接", action: () => void reconnect(ctxMenu.conn) },
+        { label: "编辑连接…", action: () => editConnection(ctxMenu.conn) },
+        { label: "复制连接地址（无凭据）", separator: true, action: () => { void navigator.clipboard.writeText(connectionUri(ctxMenu.conn)).catch((e) => notifyError(e, "toast")); } },
+        { label: "复制主机端口", action: () => { void navigator.clipboard.writeText(connectionEndpoint(ctxMenu.conn)).catch((e) => notifyError(e, "toast")); } },
+        { label: "删除连接…", separator: true, danger: true, action: () => onDelete(ctxMenu.conn.id) },
+      ]} />}
     </div>
   );
 }
diff --git a/src/ContextMenu.tsx b/src/ContextMenu.tsx
new file mode 100644
index 0000000..3f9a459
--- /dev/null
+++ b/src/ContextMenu.tsx
@@ -0,0 +1,71 @@
+import { useLayoutEffect, useRef, useState } from "react";
+import { createPortal, flushSync } from "react-dom";
+
+export type MenuItem = {
+  label: string;
+  action: () => void;
+  disabled?: boolean;
+  hint?: string;
+  shortcut?: string;
+  separator?: boolean;
+  hidden?: boolean;
+  danger?: boolean;
+};
+
+/** 桌面上下文菜单：视口约束、键盘导航、关闭后归还焦点。 */
+export function ContextMenu({ x, y, title, items, onClose }: {
+  x: number; y: number; title: string; items: MenuItem[]; onClose: () => void;
+}) {
+  const ref = useRef<HTMLDivElement>(null);
+  const closeRef = useRef(onClose);
+  closeRef.current = onClose;
+  const [pos, setPos] = useState({ left: x, top: y });
+  useLayoutEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const previous = document.activeElement as HTMLElement | null;
+    const place = () => {
+      const rect = el.getBoundingClientRect();
+      setPos({ left: Math.max(8, Math.min(x, window.innerWidth - rect.width - 8)), top: Math.max(8, Math.min(y, window.innerHeight - rect.height - 8)) });
+    };
+    place();
+    el.querySelector<HTMLButtonElement>("button:not(:disabled)")?.focus();
+    let restoreFocus = true;
+    const outside = (e: PointerEvent) => { if (!el.contains(e.target as Node)) { restoreFocus = false; closeRef.current(); } };
+    const blur = () => closeRef.current();
+    window.addEventListener("pointerdown", outside);
+    window.addEventListener("blur", blur);
+    window.addEventListener("resize", place);
+    return () => {
+      window.removeEventListener("pointerdown", outside);
+      window.removeEventListener("blur", blur);
+      window.removeEventListener("resize", place);
+      if (restoreFocus && previous?.isConnected) previous.focus();
+    };
+  }, [x, y]);
+  return createPortal(
+    <div ref={ref} role="menu" aria-label={title} className="ops-ctx ops-action-menu" style={pos}
+      onContextMenu={(e) => { e.preventDefault(); e.stopPropagation(); }}
+      onClick={(e) => e.stopPropagation()}
+      onKeyDown={(e) => {
+        e.stopPropagation();
+        if (e.key === "Escape" || e.key === "Tab") { e.preventDefault(); onClose(); return; }
+        if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key)) return;
+        e.preventDefault();
+        const buttons = Array.from(ref.current!.querySelectorAll<HTMLButtonElement>("button:not(:disabled)"));
+        const i = buttons.indexOf(document.activeElement as HTMLButtonElement);
+        const next = e.key === "Home" ? 0 : e.key === "End" ? buttons.length - 1 : (i + (e.key === "ArrowDown" ? 1 : -1) + buttons.length) % buttons.length;
+        buttons[next]?.focus();
+      }}>
+      <div className="ops-menu-caption">{title}</div>
+      {items.filter((item) => !item.hidden).map((item, i) => <div key={`${item.label}-${i}`} role="none">
+        {item.separator && <div role="separator" className="ops-ctx-sep" />}
+        <button role="menuitem" type="button" disabled={item.disabled} title={item.hint}
+          style={item.danger ? { color: "var(--ops-danger)" } : undefined}
+          onClick={() => { flushSync(onClose); item.action(); }}>
+          <span>{item.label}</span>{item.shortcut && <kbd>{item.shortcut}</kbd>}
+        </button>
+      </div>)}
+    </div>, document.body,
+  );
+}
diff --git a/src/DdlModal.tsx b/src/DdlModal.tsx
index 16958ca..fe05689 100644
--- a/src/DdlModal.tsx
+++ b/src/DdlModal.tsx
@@ -49,7 +49,6 @@ export function DdlModal({ conn, database, table, onClose }: Props) {
 
   const copy = async () => {
     await navigator.clipboard.writeText(text);
-    notify({ kind: "success", title: "已复制", message: `${database}.${table} DDL`, mode: "toast", durationMs: 1400 });
   };
 
   /** 插入编辑器:DDL 追加到当前激活 Tab 的 SQL 末尾 */
diff --git a/src/DriverManager.tsx b/src/DriverManager.tsx
index b6c3d86..bf960e2 100644
--- a/src/DriverManager.tsx
+++ b/src/DriverManager.tsx
@@ -1,6 +1,5 @@
 import { useEffect, useRef, useState } from "react";
 import { driverImportOffline, driverInstall, driverStatus, type DriverStatusItem } from "./api";
-import { driverById } from "./catalog";
 import { DriverIcon } from "./DriverIcon";
 import { OpsModal } from "./OpsModal";
 import { useWorkspaceStore } from "./store";
@@ -18,21 +17,23 @@ function fmtSize(n: number): string {
 }
 
 /**
- * 驱动管理弹框：agent 驱动（MongoDB / ZooKeeper / 达梦）的运行时状态与维护入口。
+ * agent 驱动（MongoDB / ZooKeeper / 达梦）的运行时状态与维护入口。
  * 在线环境首次连接会自动下载；这里提供预装、离线包导入与商用 jar 指引。
  */
-export function DriverManager({ onClose }: { onClose: () => void }) {
+export function DriverManager({ onClose, embedded = false }: { onClose?: () => void; embedded?: boolean }) {
   const notify = useWorkspaceStore((s) => s.notify);
   const notifyError = useWorkspaceStore((s) => s.notifyError);
   const [items, setItems] = useState<DriverStatusItem[] | null>(null);
+  const [loadError, setLoadError] = useState("");
   const [busy, setBusy] = useState<string | null>(null);
   const fileRef = useRef<HTMLInputElement>(null);
 
   const reload = async () => {
+    setLoadError("");
     try {
       setItems(await driverStatus());
     } catch (e) {
-      notifyError(e, "toast");
+      setLoadError(e instanceof Error ? e.message : String(e));
     }
   };
   useEffect(() => {
@@ -46,7 +47,7 @@ export function DriverManager({ onClose }: { onClose: () => void }) {
       const r = await driverInstall(id);
       if (r.drivers) setItems(r.drivers);
       if (r.ok) {
-        notify({ kind: "success", title: "安装完成", message: `${LABELS[id] ?? id} 驱动已就绪`, mode: "toast" });
+        notify({ kind: "success", title: "安装完成", message: `${LABELS[id] ?? id} 驱动已就绪`, mode: "toast", feedback: "visible" });
       } else {
         notify({ kind: "error", title: "安装失败", message: r.error ?? "未知错误", mode: "modal" });
       }
@@ -63,7 +64,7 @@ export function DriverManager({ onClose }: { onClose: () => void }) {
       const r = await driverImportOffline(f);
       if (r.drivers) setItems(r.drivers);
       if (r.ok) {
-        notify({ kind: "success", title: "导入完成", message: `已导入 ${r.imported} 个文件`, mode: "toast" });
+        notify({ kind: "success", title: "导入完成", message: `已导入 ${r.imported} 个文件`, mode: "toast", feedback: "visible" });
       } else {
         notify({ kind: "error", title: "导入失败", message: r.error ?? "包校验失败", mode: "modal" });
       }
@@ -77,29 +78,31 @@ export function DriverManager({ onClose }: { onClose: () => void }) {
 
   const jdk = items?.find((x) => x.jdkRequired);
 
-  return (
-    <OpsModal variant="info" title="驱动管理" onOk={onClose}>
-      <div className="space-y-2" style={{ minWidth: 480 }}>
+  const content = (
+      <div className="space-y-2" style={embedded ? undefined : { maxHeight: "65vh", overflowY: "auto" }}>
         {/* 环境状态行 */}
         <div
           className="flex items-center gap-3 rounded border px-2.5 py-1.5 text-[11.5px]"
           style={{ borderColor: "var(--ops-border)", background: "var(--ops-surface-2)" }}
         >
           <span style={{ color: "var(--ops-muted)" }}>JVM：</span>
-          {jdk?.jdkOk ? (
+          {items === null ? (
+            <span style={{ color: "var(--ops-muted)" }}>{loadError ? "无法检测" : "检测中…"}</span>
+          ) : jdk?.jdkOk ? (
             <span style={{ color: "var(--ops-accent)" }}>已检测到 Java {jdk.javaVersion}</span>
           ) : (
-            <span style={{ color: "var(--ops-danger)" }}>未找到 Java（agent 驱动需 JDK 17+）</span>
+            <span style={{ color: "var(--ops-danger)" }}>Java 未就绪（agent 需 Java 17+）</span>
           )}
           <span style={{ color: "var(--ops-muted)" }}>·</span>
           <span style={{ color: "var(--ops-muted)" }}>agent：</span>
-          <span style={{ color: items?.[0]?.agentInstalled ? "var(--ops-accent)" : "var(--ops-warning)" }}>
-            {items?.[0]?.agentInstalled ? "已安装" : "缺失（连接时自动下载）"}
+          <span style={{ color: items === null ? "var(--ops-muted)" : items[0]?.agentInstalled ? "var(--ops-accent)" : "var(--ops-warning)" }}>
+            {items === null ? loadError ? "无法检测" : "检测中…" : items[0]?.agentInstalled ? "已安装" : "缺失（连接时自动下载）"}
           </span>
         </div>
 
         {/* 驱动行 */}
-        {items === null && <div className="py-3 text-[12px]" style={{ color: "var(--ops-muted)" }}>加载中…</div>}
+        {loadError && <div role="alert" className="py-2 text-xs" style={{ color: "var(--ops-danger)" }}>驱动状态加载失败：{loadError} <button type="button" className="ops-btn-secondary ml-2" onClick={() => void reload()}>重试</button></div>}
+        {items === null && !loadError && <div className="py-3 text-[12px]" style={{ color: "var(--ops-muted)" }}>加载中…</div>}
         {items?.map((d) => {
           const done = d.allInstalled;
           const badge = !d.jdkOk
@@ -164,7 +167,7 @@ export function DriverManager({ onClose }: { onClose: () => void }) {
           >
             {busy === "import" ? "导入中…" : "导入离线驱动包…"}
           </button>
-          <span className="truncate">（opsxdb-driver 仓库 pack.sh 产物 .zip）</span>
+          <span className="truncate">选择 opsxdb-driver 的离线包 .zip</span>
           <input
             ref={fileRef}
             type="file"
@@ -177,6 +180,6 @@ export function DriverManager({ onClose }: { onClose: () => void }) {
           />
         </div>
       </div>
-    </OpsModal>
   );
+  return embedded ? content : <OpsModal wide variant="info" title="驱动管理" onOk={onClose ?? (() => {})}>{content}</OpsModal>;
 }
diff --git a/src/McpSettings.tsx b/src/McpSettings.tsx
index 4834267..85b3a3e 100644
--- a/src/McpSettings.tsx
+++ b/src/McpSettings.tsx
@@ -24,11 +24,9 @@ const CLIENT_TABS: Array<{ id: ClientTab; label: string }> = [
   { id: "claude-desktop", label: "Claude Desktop" },
 ];
 
-function buildClientSnippet(tab: ClientTab, goBin: string, readOnly: boolean): { path: string; json: string } {
+function buildClientSnippet(tab: ClientTab, goBin: string): { path: string; json: string } {
   const env: Record<string, string> = {};
   if (goBin) env.OPSXDB_MCP_BIN = goBin;
-  // 权限以 ~/.opsxdb/mcp.json 为准；客户端 env 不放宽。
-  void readOnly;
 
   const npxServer = {
     command: "npx",
@@ -88,6 +86,7 @@ function buildClientSnippet(tab: ClientTab, goBin: string, readOnly: boolean): {
 
 function StatusBadge({ status }: { status: string }) {
   const map: Record<string, { label: string; color: string; bg: string }> = {
+    checking: { label: "检测中", color: "var(--ops-muted)", bg: "var(--ops-surface-2)" },
     ready: { label: "已就绪", color: "var(--ops-accent)", bg: "color-mix(in srgb, var(--ops-accent) 14%, transparent)" },
     partial: { label: "部分就绪", color: "var(--ops-warning, #d97706)", bg: "color-mix(in srgb, #d97706 14%, transparent)" },
     not_installed: { label: "未安装", color: "var(--ops-warning, #d97706)", bg: "color-mix(in srgb, #d97706 14%, transparent)" },
@@ -103,51 +102,16 @@ function StatusBadge({ status }: { status: string }) {
   );
 }
 
-function Row({ label, children, hint }: { label: string; children: React.ReactNode; hint?: string }) {
-  return (
-    <div className="space-y-1">
-      <div className="flex items-center justify-between gap-3">
-        <span className="text-[12.5px]" style={{ color: "var(--ops-text)" }}>{label}</span>
-        {children}
-      </div>
-      {hint && <div className="text-[11px] leading-relaxed" style={{ color: "var(--ops-muted)" }}>{hint}</div>}
-    </div>
-  );
-}
-
-function Toggle({ checked, onChange, disabled }: { checked: boolean; onChange: (v: boolean) => void; disabled?: boolean }) {
-  return (
-    <button
-      type="button"
-      role="switch"
-      aria-checked={checked}
-      disabled={disabled}
-      className="rounded-full border transition disabled:opacity-50"
-      style={{
-        height: 18,
-        width: 36,
-        borderColor: "var(--ops-border)",
-        background: checked ? "var(--ops-accent)" : "var(--ops-surface-2)",
-      }}
-      onClick={() => onChange(!checked)}
-    >
-      <span
-        className="block rounded-full bg-white transition-all"
-        style={{ width: 12, height: 12, marginLeft: checked ? 20 : 3, boxShadow: "0 1px 2px rgba(0,0,0,.3)" }}
-      />
-    </button>
-  );
-}
-
-/** 设置 → MCP：安装检测、只读/危险 SQL、白名单、多客户端配置片段 */
+/** 设置 → MCP：权限状态、授权连接、客户端接入 */
 export function McpSettings() {
   const notify = useWorkspaceStore((s) => s.notify);
   const connections = useWorkspaceStore((s) => s.connections);
 
   const [install, setInstall] = useState<McpInstallInfo | null>(null);
   const [policy, setPolicy] = useState<McpPolicy | null>(null);
-  const [policyPath, setPolicyPath] = useState("");
   const [loading, setLoading] = useState(true);
+  const [installLoading, setInstallLoading] = useState(true);
+  const [installError, setInstallError] = useState("");
   const [saving, setSaving] = useState(false);
   const [error, setError] = useState("");
   const [clientTab, setClientTab] = useState<ClientTab>("cursor");
@@ -160,12 +124,10 @@ export function McpSettings() {
     let alive = true;
     setLoading(true);
     setError("");
-    Promise.all([getMcpInstall(), getMcpPolicy()])
-      .then(([inst, pol]) => {
+    getMcpPolicy()
+      .then((pol) => {
         if (!alive) return;
-        setInstall(inst);
         setPolicy(pol.policy);
-        setPolicyPath(pol.path || "");
       })
       .catch((e) => {
         if (alive) setError(e instanceof Error ? e.message : String(e));
@@ -173,6 +135,12 @@ export function McpSettings() {
       .finally(() => {
         if (alive) setLoading(false);
       });
+    setInstallLoading(true);
+    setInstallError("");
+    getMcpInstall()
+      .then((inst) => { if (alive) setInstall(inst); })
+      .catch((e) => { if (alive) setInstallError(e instanceof Error ? e.message : String(e)); })
+      .finally(() => { if (alive) setInstallLoading(false); });
     return () => {
       alive = false;
     };
@@ -183,8 +151,8 @@ export function McpSettings() {
   const allowed = new Set(policy?.allowed_connection_ids ?? []);
 
   const snippet = useMemo(
-    () => buildClientSnippet(clientTab, install?.goBinaryPath || "", readOnly),
-    [clientTab, install?.goBinaryPath, readOnly],
+    () => buildClientSnippet(clientTab, install?.goBinaryPath || ""),
+    [clientTab, install?.goBinaryPath],
   );
 
   const persist = async (next: McpPolicy) => {
@@ -192,7 +160,6 @@ export function McpSettings() {
     try {
       const res = await saveMcpPolicy(next);
       setPolicy(res.policy);
-      setPolicyPath(res.path || policyPath);
       notify({ kind: "success", title: "MCP", message: "策略已保存", mode: "toast", durationMs: 1400 });
     } catch (e) {
       notify({ kind: "error", title: "MCP", message: e instanceof Error ? e.message : String(e), mode: "modal" });
@@ -220,7 +187,7 @@ export function McpSettings() {
     void persist({ ...policy, allowed_connection_ids: Array.from(set) });
   };
 
-  if (loading) return <p role="status" className="text-xs" style={{ color: "var(--ops-muted)" }}>正在检测 MCP 环境…</p>;
+  if (loading) return <p role="status" className="text-xs" style={{ color: "var(--ops-muted)" }}>正在读取 MCP 设置…</p>;
   if (error) {
     return (
       <div role="alert" className="space-y-2 text-xs">
@@ -237,7 +204,7 @@ export function McpSettings() {
       {/* Header */}
       <div className="flex flex-wrap items-center gap-2">
         <h3 className="text-[13px] font-semibold">MCP Server</h3>
-        <StatusBadge status={install?.status || "not_installed"} />
+        <StatusBadge status={installLoading && !install ? "checking" : install?.status || "not_installed"} />
         <button
           type="button"
           className="ops-btn-ghost ml-auto inline-flex h-6 items-center gap-1 px-2 text-[11px]"
@@ -247,14 +214,15 @@ export function McpSettings() {
           MCP 指南 <ExternalLink className="h-3 w-3" strokeWidth={1.5} />
         </button>
       </div>
+      {installError && <p role="alert" className="text-[11px]" style={{ color: "var(--ops-warning, #d97706)" }}>安装检测失败：{installError}。连接白名单与权限设置仍可使用。</p>}
 
       {/* Version grid */}
       <div className="grid grid-cols-2 gap-2">
         {[
-          ["当前版本", install?.currentVersion || (install?.goBinaryFound ? "native" : "未检测到全局安装")],
+          ["当前版本", install?.currentVersion || (installLoading ? "检测中…" : install?.goBinaryFound ? "native" : "未检测到全局安装")],
           ["最新版本", install?.latestVersion ? `v${install.latestVersion}` : "—"],
-          ["Node.js", install?.nodeVersion || "未检测到"],
-          ["npm", install?.npmAvailable ? (install.npmVersion || "可用") : "不可用"],
+          ["Node.js", install?.nodeVersion || (installLoading ? "检测中…" : "未检测到")],
+          ["npm", install?.npmAvailable ? (install.npmVersion || "可用") : installLoading ? "检测中…" : "不可用"],
         ].map(([k, v]) => (
           <div key={k} className="rounded-lg border px-2.5 py-2" style={{ borderColor: "var(--ops-border-soft)", background: "var(--ops-surface-2)" }}>
             <div className="text-[10px] uppercase tracking-wide" style={{ color: "var(--ops-muted)" }}>{k}</div>
@@ -296,42 +264,22 @@ export function McpSettings() {
         </p>
       </div>
 
-      {/* Toggles */}
-      <div className="space-y-3 border-t pt-3" style={{ borderColor: "var(--ops-border-soft)" }}>
-        <Row
-          label="只读模式"
-          hint="开启后 MCP/Agent 仅允许查询与元数据读取（mcp.json mode=read_only）。关闭后变为 read_write，写操作仍须确认。"
-        >
-          <Toggle
-            checked={readOnly}
-            disabled={saving || !policy}
-            onChange={(v) => {
-              if (!policy) return;
-              void persist({ ...policy, mode: v ? "read_only" : "read_write", allow_dangerous: v ? false : policy.allow_dangerous });
-            }}
-          />
-        </Row>
-        <Row
-          label="允许危险 SQL"
-          hint="开启后，在非只读模式下经确认可执行 DROP / TRUNCATE / ALTER / 无 WHERE 的 UPDATE·DELETE 等。默认关闭。"
-        >
-          <Toggle
-            checked={allowDangerous}
-            disabled={saving || !policy || readOnly}
-            onChange={(v) => {
-              if (!policy) return;
-              void persist({ ...policy, allow_dangerous: v });
-            }}
-          />
-        </Row>
+      <div className="space-y-2 border-t pt-3" style={{ borderColor: "var(--ops-border-soft)" }}>
+        <div className="flex flex-wrap items-center gap-2 text-xs">
+          <span className="rounded-md px-2 py-1" style={{ background: "var(--ops-surface-2)" }}>{readOnly ? "只读模式" : "读写模式"}</span>
+          {!readOnly && allowDangerous && <span className="rounded-md px-2 py-1" style={{ background: "var(--ops-surface-2)" }}>允许危险 SQL</span>}
+          {(readOnly || !allowDangerous) && <button type="button" className="ops-btn-secondary" disabled={saving || !policy} onClick={() => {
+            if (policy) void persist({ ...policy, mode: "read_write", allow_dangerous: true });
+          }}>使用默认权限</button>}
+        </div>
+        <p className="text-[11px]" style={{ color: "var(--ops-muted)" }}>Agent 写入前确认具体命令、连接与数据库。</p>
       </div>
 
       {/* Whitelist */}
       <div className="space-y-2 border-t pt-3" style={{ borderColor: "var(--ops-border-soft)" }}>
         <div className="text-[12px] font-medium">连接白名单</div>
         <p className="text-[11px] leading-relaxed" style={{ color: "var(--ops-muted)" }}>
-          空白名单时 MCP/Agent <strong>拒绝全部连接</strong>。勾选后写入 <code className="font-mono">~/.opsxdb/mcp.json</code>
-          {policyPath ? `（${policyPath}）` : ""}。
+          仅可访问勾选的连接。
         </p>
         {connections.length === 0 ? (
           <p className="text-[11px]" style={{ color: "var(--ops-muted)" }}>暂无已保存连接。请先在侧栏新建连接。</p>
@@ -388,7 +336,7 @@ export function McpSettings() {
       </div>
 
       <div className="flex flex-wrap gap-2 border-t pt-3" style={{ borderColor: "var(--ops-border-soft)" }}>
-        <button type="button" className="ops-btn-secondary inline-flex h-7 items-center gap-1 px-2.5 text-[11px]" onClick={reload} disabled={loading}>
+        <button type="button" className="ops-btn-secondary inline-flex h-7 items-center gap-1 px-2.5 text-[11px]" onClick={reload} disabled={loading || installLoading}>
           <RefreshCw className="h-3 w-3" /> 重新检查
         </button>
       </div>
diff --git a/src/ObjectTree.render.test.tsx b/src/ObjectTree.render.test.tsx
new file mode 100644
index 0000000..957a8b1
--- /dev/null
+++ b/src/ObjectTree.render.test.tsx
@@ -0,0 +1,36 @@
+import { afterEach, expect, it } from "vitest";
+import { renderToStaticMarkup } from "react-dom/server";
+import { ObjectTree } from "./ObjectTree";
+import { useWorkspaceStore } from "./store";
+
+const initial = useWorkspaceStore.getState();
+const serverState = useWorkspaceStore.getInitialState();
+const initialServer = {
+  connections: serverState.connections,
+  activeConnectionId: serverState.activeConnectionId,
+  tree: serverState.tree,
+  treeLoading: serverState.treeLoading,
+  sidebarFilter: serverState.sidebarFilter,
+};
+
+afterEach(() => {
+  Object.assign(serverState, initialServer);
+  useWorkspaceStore.setState(initial, true);
+});
+
+it("展开 Redis DB 时渲染 Key，而不是把 JSX 内的源码当文字展示", () => {
+  const state = {
+    connections: [{ id: "redis-local", name: "Redis 连接", driver: "redis", host: "127.0.0.1", port: 6379, user: "", password: "", database: "0" }],
+    activeConnectionId: "redis-local",
+    tree: [{ name: "0", kind: "database", loaded: true, children: [{ name: "USER:1", kind: "key", type: "string", ttl: -1 }] }],
+    treeLoading: false,
+    sidebarFilter: "",
+  } as const;
+  Object.assign(serverState, state);
+
+  const html = renderToStaticMarkup(<ObjectTree />);
+  expect(html).toContain("USER:1");
+  expect(html).toContain("搜索 DB0 的 Key");
+  expect(html).not.toContain("renderRedisNodes(");
+  expect(html).not.toContain("服务端已按 pattern SCAN");
+});
diff --git a/src/ObjectTree.tsx b/src/ObjectTree.tsx
index a915e5d..9ab5611 100644
--- a/src/ObjectTree.tsx
+++ b/src/ObjectTree.tsx
@@ -2,17 +2,25 @@ import { useEffect, useRef, useState, type KeyboardEvent as ReactKeyboardEvent,
 import {
   deleteRedisKey,
   deleteRedisPattern,
+  downloadBlob,
+  dumpTable,
+  exportData,
   execSql,
   getRedisKey,
+  getDdl,
   listColumns,
   listRedisKeys,
   listTables,
   loadTree,
   openSession,
   searchObjects,
+  type DumpMode,
+  type RedisKeyInfo,
   type SearchObjectHit,
 } from "./api";
+import { TableMetadataTree } from "./TableMetadataTree";
 import { DdlModal } from "./DdlModal";
+import { TableDesigner } from "./TableDesigner";
 import type { ColumnInfo } from "./store";
 import { isDriverReady, driverCaps, type TreeGroupKind } from "./catalog";
 import { TreeChevron } from "./TreeChevron";
@@ -26,8 +34,11 @@ import {
   redisTypeColor,
   removeRedisKeyFromTree,
 } from "./redis";
-import { previewSelectSql, sampleSelectSql } from "./sql";
+import { previewSelectSql, quoteIdent as quoteSqlIdent, relationParts } from "./sql";
+import { connectionEndpoint } from "./contextActions";
+import { askInput } from "./dialogs";
 import { useWorkspaceStore, type SavedConnection, type TreeNode } from "./store";
+import { editorDatabase, isRedisCluster } from "./redisContext";
 
 export { formatRedisTtl };
 
@@ -232,10 +243,20 @@ type CtxMenu = {
   onDelete?: () => void;
   /** R2-F3:表/视图 —— 查看 DDL(弹 DdlModal) */
   onDdl?: () => void;
+  onCopyDdl?: () => void;
   /** 表/视图：查看数据 */
   onQueryData?: () => void;
-  /** 表/视图：生成 SQL（P1，菜单暂不展示） */
+  onQueryLimit?: () => void;
+  qualifiedName?: string;
+  /** 表/视图：生成 SQL 到独立查询标签 */
   onGen?: (kind: GenSqlKind) => void;
+  /** 表：设计表(设计器 v1:字段网格 + CREATE/ALTER 预览) */
+  onDesign?: () => void;
+  /** 表：转储 SQL 文件(仅结构/仅数据/结构+数据) */
+  onDump?: (mode: DumpMode) => void;
+  onExport?: (format: "csv" | "json") => void;
+  /** 库：新建表(设计器空表) */
+  onNewTable?: () => void;
   /** 表：截断/清空 */
   onTruncate?: () => void;
   /** 表：DROP */
@@ -256,23 +277,16 @@ type CtxMenu = {
 
 type Ctx = CtxMenu | null;
 
-export type GenSqlKind = "select" | "insert" | "update" | "delete";
+export type GenSqlKind = "select" | "insert" | "update" | "delete" | "ddl";
 
 /** 标识符按方言加引号（Oracle 裸名） */
 function quoteIdent(driver: string | undefined, ident: string): string {
-  const d = (driver || "mysql").toLowerCase();
-  if (d === "postgresql" || d === "postgres" || d === "gaussdb" || d === "kingbase" || d === "opengauss") return `"${ident}"`;
-  if (d === "sqlserver" || d === "mssql") return `[${ident}]`;
-  if (d === "sqlite") return `"${ident}"`;
-  if (d === "oracle") return ident;
-  return `\`${ident}\``;
+  return quoteSqlIdent(driver, ident);
 }
 
 /** 库.表 全限定（SQLite 为单文件无库级） */
 function qualTable(driver: string | undefined, db: string, table: string): string {
-  const d = (driver || "mysql").toLowerCase();
-  if (d === "sqlite") return quoteIdent(d, table);
-  return `${quoteIdent(d, db)}.${quoteIdent(d, table)}`;
+  return relationParts(driver, db, table).map((part) => quoteIdent(driver, part)).join(".");
 }
 
 /** 生成 SQL 模板：? 占位符，主键自动进 WHERE；无列信息时退化为骨架 */
@@ -298,7 +312,11 @@ function buildGenSql(
   if (kind === "delete") {
     return `DELETE FROM ${qt}\nWHERE ${pk ? `${q(pk)} = ?` : "/* WHERE 条件 */"};`;
   }
-  return sampleSelectSql(driver, db, table);
+  const columns = names.length ? names.map(q).join(", ") : "*";
+  const d = (driver ?? "").toLowerCase();
+  if (d === "sqlserver" || d === "mssql") return `SELECT TOP 100 ${columns} FROM ${qt};`;
+  if (d === "oracle") return `SELECT ${columns} FROM ${qt} FETCH FIRST 100 ROWS ONLY;`;
+  return `SELECT ${columns} FROM ${qt} LIMIT 100;`;
 }
 
 export function ObjectTree() {
@@ -318,11 +336,15 @@ export function ObjectTree() {
   const activeTabId = useWorkspaceStore((s) => s.activeTabId);
   const [ctx, setCtx] = useState<Ctx>(null);
   const keyFilter = useWorkspaceStore((s) => s.sidebarFilter);
+  const [redisDbDraft, setRedisDbDraft] = useState<Record<string, string>>({});
+  const [redisDbSearch, setRedisDbSearch] = useState<Record<string, string>>({});
+  const [redisKeyCursors, setRedisKeyCursors] = useState<Record<string, string>>({});
+  const redisLoadedKeys = useRef<Record<string, RedisKeyInfo[]>>({});
+  const redisRequests = useRef<Record<string, number>>({});
   const setKeyFilter = (v: string) => useWorkspaceStore.getState().set("sidebarFilter", v);
   /** Redis 类型过滤：全部 / string / hash / list / set / zset / stream（前端过滤） */
   const redisTypeFilter = useWorkspaceStore((s) => s.sidebarTypeFilter);
-  const setRedisTypeFilter = (v: string) => useWorkspaceStore.getState().set("sidebarTypeFilter", v);
-  const [newKey, setNewKey] = useState<{ name: string; type: string; value: string } | null>(null);
+  const [newKey, setNewKey] = useState<{ name: string; type: string; value: string; db?: string } | null>(null);
   /** 库/表过滤（非 Redis 连接）；只匹配库名与已加载的对象名 */
   const treeFilter = useWorkspaceStore((s) => s.sidebarFilter);
   const setTreeFilter = (v: string) => useWorkspaceStore.getState().set("sidebarFilter", v);
@@ -332,6 +354,8 @@ export function ObjectTree() {
   const [dbSearchResults, setDbSearchResults] = useState<SearchObjectHit[] | null>(null);
   /** R2-F3:DDL 弹窗目标(库.表) */
   const [ddlTarget, setDdlTarget] = useState<{ db: string; table: string } | null>(null);
+  /** 表设计器目标(table 缺省 = 新建表) */
+  const [designerTarget, setDesignerTarget] = useState<{ db: string; table?: string } | null>(null);
   const ddlRequest = useWorkspaceStore((s) => s.ddlRequest);
   const viewDataRequest = useWorkspaceStore((s) => s.viewDataRequest);
   /** 修 O1:单击选中的树节点 key(db 或 db/obj) */
@@ -350,6 +374,20 @@ export function ObjectTree() {
   const treeScrollRef = useRef<HTMLDivElement>(null);
 
   const conn = connections.find((c) => c.id === activeId);
+  const selectedRedisDb = editorDatabase(conn, tabs.find(t => t.id === activeTabId));
+
+  useEffect(() => {
+    setRedisDbDraft({});
+    setRedisDbSearch({});
+    setRedisKeyCursors({});
+    redisLoadedKeys.current = {};
+  }, [activeId]);
+
+  useEffect(() => {
+    // 底部全局搜索发起新查询时，清除当前库独立搜索的覆盖。
+    setRedisDbSearch({});
+    setRedisDbDraft({});
+  }, [keyFilter]);
 
   const refresh = async (id: string) => {
     const c = connections.find((x) => x.id === id);
@@ -383,10 +421,17 @@ export function ObjectTree() {
     }
   };
 
+  const treeEpoch = useWorkspaceStore((s) => s.treeEpoch);
   useEffect(() => {
     if (activeId) void refresh(activeId);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [activeId]);
+  }, [activeId, treeEpoch]);
+
+  useEffect(() => {
+    // 底部搜索/刷新可重复提交相同关键词；每次都以该关键词为准。
+    setRedisDbSearch({});
+    setRedisDbDraft({});
+  }, [treeEpoch]);
 
   useEffect(() => {
     if (!ctx) return;
@@ -434,38 +479,43 @@ export function ObjectTree() {
     );
   };
 
-  const expandDb = async (dbName: string) => {
+  const expandDb = async (dbName: string, requestedPattern?: string, nextCursor?: string) => {
     if (!conn) return;
     const node = useWorkspaceStore.getState().tree.find((n) => n.name === dbName);
-    if (node?.loaded || node?.loading) return;
+    if ((node?.loaded && !nextCursor) || node?.loading) return;
     const redis = isRedisConn(conn.driver);
+    const request = (redisRequests.current[dbName] ?? 0) + 1;
+    redisRequests.current[dbName] = request;
     patchDb(dbName, {
       loading: true,
-      children: redis ? [] : emptyGroups(),
+      children: redis && nextCursor ? node?.children : redis ? [] : emptyGroups(),
     });
     try {
       if (redis) {
-        // 模糊语义：无通配符的输入自动包 *q*（对标 ARDM），避免 "agent" 被当精确 glob 扫不到键
-        const raw = keyFilter.trim();
-        const pat = !raw ? undefined : /[*?[\]]/.test(raw) ? raw : `*${raw}*`;
-        const res = await withSessionRetry(conn, (sid2) => listRedisKeys(conn, dbName, { sessionId: sid2, pattern: pat }));
+        // 无通配符由服务端按 *关键词* 扫描，精确键单独置顶；有通配符按 glob 扫。
+        const raw = (requestedPattern ?? redisDbSearch[dbName] ?? keyFilter).trim();
+        const pat = raw || undefined;
+        const res = await withSessionRetry(conn, (sid2) => listRedisKeys(conn, dbName, { sessionId: sid2, pattern: pat, keyCursor: nextCursor }));
+        if (useWorkspaceStore.getState().activeConnectionId !== conn.id || redisRequests.current[dbName] !== request) return;
         if (res.error) throw new Error(res.error);
-        const keys = res.keys ?? [];
+        const page = (res.keys ?? []).map((k) => ({
+          name: k.name,
+          type: k.type,
+          ttl: k.ttl,
+          exact: k.exact || (res.exactHit && k.name === raw) || undefined,
+        }));
+        const merged = new Map<string, RedisKeyInfo>();
+        if (nextCursor) for (const key of redisLoadedKeys.current[dbName] ?? []) merged.set(key.name, key);
+        for (const key of page) merged.set(key.name, key);
+        const keys = [...merged.values()];
+        redisLoadedKeys.current[dbName] = keys;
+        setRedisKeyCursors(prev => ({ ...prev, [dbName]: res.nextCursor ?? "" }));
         const sep = conn.keySeparator || ":";
         patchDb(dbName, {
           loading: false,
           loaded: true,
           children: buildRedisKeyTree(keys, sep),
         });
-        if (res.truncated) {
-          notify({
-            kind: "info",
-            title: "键列表已截断",
-            message: `最多展示 ${keys.length} 个键（SCAN）。可用过滤缩小范围。`,
-            mode: "toast",
-            durationMs: 2200,
-          });
-        }
         return;
       }
       const sid = await ensureSession(conn);
@@ -551,19 +601,40 @@ export function ObjectTree() {
         ],
       });
     } catch (e) {
+      if (redis && (redisRequests.current[dbName] !== request || useWorkspaceStore.getState().activeConnectionId !== conn.id)) return;
       patchDb(dbName, {
         loading: false,
-        loaded: true,
-        children: isRedisConn(conn.driver) ? [] : emptyGroups(),
+        loaded: !!nextCursor,
+        children: nextCursor ? node?.children : isRedisConn(conn.driver) ? [] : emptyGroups(),
       });
       notifyError(e, "toast");
     }
   };
 
-  const expandTable = async (dbName: string, table: string) => {
+  const searchRedisDb = (dbName: string) => {
+    const raw = (redisDbDraft[dbName] ?? "").trim();
+    setRedisDbSearch(prev => ({ ...prev, [dbName]: raw }));
+    patchDb(dbName, { loaded: false, loading: false, children: undefined });
+    void expandDb(dbName, raw);
+  };
+
+  // Redis：刷新后自动展开库以灌入 SCAN/精确结果（details open 属性不保证触发 onToggle）
+  useEffect(() => {
+    if (!conn || !isRedisConn(conn.driver) || treeLoading) return;
+    const shouldExpand = keyFilter.trim().length > 0 || tree.length === 1;
+    if (!shouldExpand) return;
+    const currentDb = selectedRedisDb;
+    for (const db of tree) {
+      if (db.name !== currentDb) continue;
+      if (db.kind === "database" && !db.loaded && !db.loading) void expandDb(db.name);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [conn?.id, tree, treeLoading, keyFilter, selectedRedisDb]);
+
+  const expandTable = async (dbName: string, table: string, groupId = "tables") => {
     if (!conn) return;
     const dbNode = useWorkspaceStore.getState().tree.find((n) => n.name === dbName);
-    const tablesGroup = dbNode?.children?.find((n) => n.groupId === "tables");
+    const tablesGroup = dbNode?.children?.find((n) => n.groupId === groupId);
     const tNode = tablesGroup?.children?.find((n) => n.name === table);
     if (tNode?.loaded || tNode?.loading) return;
 
@@ -571,7 +642,7 @@ export function ObjectTree() {
       patchDb(dbName, (d) => ({
         ...d,
         children: (d.children ?? []).map((g) =>
-          g.groupId !== "tables"
+          g.groupId !== groupId
             ? g
             : {
                 ...g,
@@ -644,6 +715,7 @@ export function ObjectTree() {
         error: res.error,
         truncated: res.truncated,
         limit: res.limit,
+        nextCursor: res.nextCursor,
       };
       const hint = redisHintForType(key, res.type);
       set("resultMeta", { database: dbName, table: key, pkCols: [], redisType: res.type, redisTtl: res.ttl });
@@ -801,7 +873,7 @@ export function ObjectTree() {
     }
   };
 
-  const putSelectSql = async (dbName: string, table: string) => {
+  const putSelectSql = async (dbName: string, table: string, limit = 100) => {
     if (!conn) return;
     set("focusedRelation", { database: dbName, table });
     if (isRedisConn(conn.driver)) {
@@ -837,28 +909,23 @@ export function ObjectTree() {
     // 预览 SQL 不烧 LIMIT:翻页由请求层 offset/limit 承担(带 LIMIT 时第 2 页起恒为空)
     const sql = previewSelectSql(conn.driver, dbName, table);
     const tab = tabs.find((t) => t.id === activeTabId);
-    if (tab?.dirty) {
-      const openNew = await askConfirm({
-        title: "当前查询未保存",
-        message: `「${tab.title}」有未保存改动。新开标签写入 SELECT？`,
-        okLabel: "新开标签",
-      });
-      if (!openNew) return;
-      newQueryTab();
-      await Promise.resolve();
-      useWorkspaceStore.getState().updateActiveSql(sql);
-      // 新 Tab 标题用表名，避免一排「查询 N」找不到哪页是哪张表
-      useWorkspaceStore.getState().setActiveTabTitle(table);
-    } else {
-      updateActiveSql(sql);
+    const samePreview = tab?.connectionId === conn.id && tab.database === dbName && tab.sql === sql &&
+      (tab.title === table || tab.title === `${table}@${dbName}`);
+    if (!samePreview && (tab?.dirty || !!tab?.sql.trim())) {
+      // 当前标签有内容时新开，避免覆盖其他表预览或 SQL 草稿。
+      newQueryTab(dbName);
     }
+    useWorkspaceStore.getState().updateActiveSql(sql);
+    useWorkspaceStore.getState().setActiveTabTitle(`${table}@${dbName}`);
+    useWorkspaceStore.getState().setTabDatabase(dbName);
     set("running", true);
     set("status", `打开 ${table}…`);
     try {
-      const res = await withSessionRetry(conn, (sid) => execSql(conn, sql, { database: dbName, sessionId: sid, limit: 100 }));
+      const res = await withSessionRetry(conn, (sid) => execSql(conn, sql, { database: dbName, sessionId: sid, limit }));
       // 挂为结果集(C5):树打开的表预览同样可翻页
       setResultSets([
-        { id: crypto.randomUUID(), label: table, sql, result: res, page: 0, pageSize: 100, database: dbName },
+        { id: crypto.randomUUID(), label: table, sql, result: res, page: 0, pageSize: limit, database: dbName,
+          source: { connectionId: conn.id, driver: conn.driver, database: dbName, table } },
       ]);
       set("resultTab", "data");
       try {
@@ -883,8 +950,9 @@ export function ObjectTree() {
   };
 
   const copyName = async (name: string) => {
-    await navigator.clipboard.writeText(name);
-    notify({ kind: "success", title: "已复制", message: name, mode: "toast", durationMs: 1200 });
+    try {
+      await navigator.clipboard.writeText(name);
+    } catch (e) { notifyError(e, "toast"); }
   };
 
   const onCtx = (
@@ -899,11 +967,18 @@ export function ObjectTree() {
         CtxMenu,
         | "kind"
         | "onQueryData"
+        | "onQueryLimit"
+        | "qualifiedName"
         | "onGen"
+        | "onDesign"
+        | "onDump"
+        | "onExport"
+        | "onNewTable"
         | "onTruncate"
         | "onDropTable"
         | "onNewQuery"
         | "onDdl"
+        | "onCopyDdl"
         | "onBrowse"
         | "onSetDefaultDb"
         | "onDropDatabase"
@@ -970,6 +1045,18 @@ export function ObjectTree() {
   /** 生成表 SQL 模板：优先用树上已加载的列，取不到再查库 */
   const genTableSql = async (dbName: string, table: string, kind: GenSqlKind) => {
     if (!conn) return;
+    if (kind === "ddl") {
+      try {
+        const res = await withSessionRetry(conn, sid => getDdl(conn, table, { database: dbName, sessionId: sid }));
+        if (res.error || !res.ddl) throw new Error(res.error || "未返回 DDL");
+        if (useWorkspaceStore.getState().activeConnectionId !== conn.id) return;
+        const st = useWorkspaceStore.getState();
+        st.newQueryTab(dbName);
+        st.updateActiveSql(res.ddl);
+        st.setActiveTabTitle(`DDL · ${table}`);
+      } catch (error) { notifyError(error, "toast"); }
+      return;
+    }
     const st = useWorkspaceStore.getState();
     const tNode = st.tree
       .find((n) => n.name === dbName)
@@ -983,12 +1070,58 @@ export function ObjectTree() {
         /* 拿不到列也能生成骨架模板 */
       }
     }
+    // 模板进入独立标签，避免覆盖现有草稿或异步加载期间切换到的查询。
+    if (useWorkspaceStore.getState().activeConnectionId !== conn.id) return;
+    st.newQueryTab(dbName);
     st.updateActiveSql(buildGenSql(kind, conn.driver, dbName, table, cols));
+    st.setActiveTabTitle(`${kind.toUpperCase()} · ${table}`);
     set("status", `已生成 ${kind.toUpperCase()} · ${dbName}.${table}`);
   };
 
   /** 截断 / 删除表：二次确认后执行并刷新库 */
 
+  /** 表右键「转储 SQL 文件」:服务端流式生成 .sql 后浏览器下载 */
+  const dumpTableSql = async (dbName: string, table: string, mode: DumpMode) => {
+    if (!conn) return;
+    try {
+      const { blob, filename } = await withSessionRetry(conn, (sid) =>
+        dumpTable(conn, { table, database: dbName, mode, sessionId: sid }),
+      );
+      downloadBlob(blob, filename || `dump-${table}.sql`);
+      const label = mode === "structure" ? "仅结构" : mode === "data" ? "仅数据" : "结构和数据";
+      notify({ kind: "success", title: "转储已下载", message: `${label} · ${dbName}.${table}`, mode: "toast", durationMs: 1800, feedback: "visible" });
+    } catch (e) {
+      notifyError(e, "toast");
+    }
+  };
+
+  const exportTableData = async (dbName: string, table: string, format: "csv" | "json") => {
+    if (!conn) return;
+    const input = await askInput({
+      title: `导出 ${dbName}.${table} · ${format.toUpperCase()}`,
+      label: "最多导出行数（1–500000；达到上限时文件可能不完整）",
+      defaultValue: "100000",
+      placeholder: "100000",
+    });
+    if (input == null) return;
+    const limit = Number(input.trim());
+    if (!/^\d+$/.test(input.trim()) || limit < 1 || limit > 500000) {
+      notify({ kind: "warning", title: "行数无效", message: "请输入 1–500000 之间的整数", mode: "toast" });
+      return;
+    }
+    try {
+      const { blob, filename } = await withSessionRetry(conn, sid => exportData(conn, { database: dbName, table, format, limit, sessionId: sid }));
+      downloadBlob(blob, filename || `${table}.${format}`);
+      notify({ kind: "success", title: "导出已下载", message: `上限 ${limit} 行；若表超过上限，文件仅包含前 ${limit} 行`, mode: "toast", feedback: "visible" });
+    } catch (error) { notifyError(error, "modal"); }
+  };
+
+  /** 设计器应用后刷新该库对象(结构与表清单都可能变化) */
+  const refreshDbAfterDesign = (dbName: string) => {
+    patchDb(dbName, { loaded: false, loading: false, children: undefined });
+    void expandDb(dbName);
+  };
+
   useEffect(() => {
     if (!ddlRequest) return;
     setDdlTarget({ db: ddlRequest.database, table: ddlRequest.table });
@@ -1059,7 +1192,8 @@ export function ObjectTree() {
   /** 过滤视图：库名命中显示整库；否则只留名称命中的子对象（表/视图/键等） */
   const f = treeFilter.trim().toLowerCase();
   const nameHit = (n: string) => !f || n.toLowerCase().includes(f);
-  const visibleTree = f
+  // Redis：侧栏关键字由 listRedisKeys + filterRedisTree 负责；勿按库名/顶层 folder 名剪空（否则精确键永远不显示）
+  const visibleTree = f && !isRedisConn(conn?.driver)
     ? tree
         .map((db) => {
           if (nameHit(db.name)) return db;
@@ -1198,11 +1332,11 @@ export function ObjectTree() {
                 kind: "folder",
                 copyLabel: "复制前缀",
                 onFilterPrefix: () => {
-                  setKeyFilter(`${obj.fullName || obj.name}*`);
-                  patchDb(dbName, { loaded: false, loading: false, children: undefined });
-                  void expandDb(dbName);
+                  const pattern = `${obj.fullName || obj.name}*`;
+                  setKeyFilter(pattern);
+                  useWorkspaceStore.getState().requestTreeRefresh();
                 },
-                onNewKey: () => setNewKey({ name: obj.fullName || "", type: "string", value: "" }),
+                onNewKey: () => setNewKey({ name: obj.fullName || "", type: "string", value: "", db: dbName }),
                 onDeleteFolder: () => void deleteFolderPrefix(dbName, obj.fullName || obj.name, obj.count ?? 0),
               })
             }
@@ -1271,9 +1405,17 @@ export function ObjectTree() {
             }}
           >
             <span className="truncate">{redisLeafLabel(obj.name, redisSep)}</span>
+            {obj.exact && (
+              <span
+                className="ml-1 shrink-0 rounded px-1 text-[10px] font-medium"
+                style={{ color: "var(--ops-accent)", background: "color-mix(in srgb, var(--ops-accent) 18%, transparent)" }}
+              >
+                精确
+              </span>
+            )}
             <span className="ml-1 font-normal opacity-45">
               {obj.type || "?"}
-              {obj.ttl != null ? ` · ${formatRedisTtl(obj.ttl)}` : ""}
+              {obj.ttl != null && obj.ttl >= 0 ? ` · ${formatRedisTtl(obj.ttl)}` : ""}
             </span>
           </button>
         </div>
@@ -1313,8 +1455,8 @@ export function ObjectTree() {
         <details
           key={obj.name}
           onToggle={(e) => {
-            if ((e.currentTarget as HTMLDetailsElement).open && obj.kind === "table") {
-              void expandTable(dbName, obj.name);
+            if (e.target === e.currentTarget && (e.currentTarget as HTMLDetailsElement).open) {
+              void expandTable(dbName, obj.name, obj.kind === "view" ? "views" : "tables");
             }
           }}
           onContextMenu={(e) =>
@@ -1348,7 +1490,28 @@ export function ObjectTree() {
               {
                 kind: obj.kind === "view" ? "view" : "table",
                 onQueryData: () => void putSelectSql(dbName, obj.name),
+                onQueryLimit: () => { void (async () => {
+                  const value = await askInput({ title: "打开前 N 行", label: "行数（1–10000）", defaultValue: "100", placeholder: "100" });
+                  if (value == null) return;
+                  if (!/^\d+$/.test(value.trim()) || Number(value) < 1 || Number(value) > 10000) {
+                    notify({ kind: "warning", title: "行数无效", message: "请输入 1–10000 之间的整数", mode: "toast" });
+                    return;
+                  }
+                  if (useWorkspaceStore.getState().activeConnectionId === conn?.id) await putSelectSql(dbName, obj.name, Number(value));
+                })(); },
+                qualifiedName: qualTable(conn?.driver, dbName, obj.name),
                 onGen: (k) => void genTableSql(dbName, obj.name, k),
+                onDesign:
+                  obj.kind === "table" && driverCaps(conn?.driver ?? "").ddl
+                    ? () => setDesignerTarget({ db: dbName, table: obj.name })
+                    : undefined,
+                onDump:
+                  obj.kind === "table" && driverCaps(conn?.driver ?? "").ddl
+                    ? (mode) => void dumpTableSql(dbName, obj.name, mode)
+                    : undefined,
+                onExport: obj.kind === "table" && driverCaps(conn?.driver ?? "").ddl
+                  ? format => void exportTableData(dbName, obj.name, format)
+                  : undefined,
                 // DDL/截断/删除按驱动能力开关：ES/Influx/Mongo/ZK 等只读树不提供
                 onDdl: driverCaps(conn?.driver ?? "").ddl
                   ? () => {
@@ -1356,6 +1519,16 @@ export function ObjectTree() {
                       setDdlTarget({ db: dbName, table: obj.name });
                     }
                   : undefined,
+                onCopyDdl: driverCaps(conn?.driver ?? "").ddl && conn ? () => {
+                  void (async () => {
+                    try {
+                      const response = await withSessionRetry(conn, (sessionId) => getDdl(conn, obj.name, { database: dbName, sessionId }));
+                      if (response.error) throw new Error(response.error);
+                      if (!response.ddl) throw new Error("未返回表结构定义");
+                      await copyName(response.ddl);
+                    } catch (error) { notifyError(error, "toast"); }
+                  })();
+                } : undefined,
                 onTruncate:
                   obj.kind === "table" && driverCaps(conn?.driver ?? "").truncate
                     ? () => void runTableDanger(dbName, obj.name, "truncate")
@@ -1421,6 +1594,7 @@ export function ObjectTree() {
                 <ColumnRow key={sub.name} col={sub} onRefresh={() => void expandTable(dbName, obj.name)} />
               ),
             )}
+            {obj.loaded && conn && obj.kind === "table" && driverCaps(conn.driver).ddl && <TableMetadataTree conn={conn} database={dbName} table={obj.name} />}
             {obj.loading && (
               <div className="px-1.5 py-0.5 text-[10px]" style={{ color: "var(--ops-muted)" }}>
                 列…
@@ -1539,118 +1713,60 @@ export function ObjectTree() {
           )}
         </div>
       )}
-      {isRedisConn(conn?.driver) && (
-        <div style={{ display: "none" }}>
-          <div className="flex items-center gap-1">
-            <input
-              data-ops-tree-filter
-              className="ops-input min-w-0 flex-1 py-0.5 text-[11px]"
-              placeholder="搜索键名，输入即过滤；回车服务端模糊扫描"
-              value={keyFilter}
-              onChange={(e) => setKeyFilter(e.target.value)}
-              onKeyDown={(e) => {
-                if (e.key === "Enter") {
-                  const openDbs = useWorkspaceStore.getState().tree.filter((n) => n.loaded || n.loading);
-                  for (const d of openDbs) {
-                    patchDb(d.name, { loaded: false, loading: false, children: undefined });
-                    void expandDb(d.name);
-                  }
-                }
-              }}
-            />
+      {/* P1: Redis 顶栏已迁到 SidebarFilterBar（单搜索+↻）；新建键表单由库/文件夹右键唤起 */}
+      {isRedisConn(conn?.driver) && newKey && (
+        <div className="mx-1 mb-1 space-y-1 rounded border p-1.5" style={{ borderColor: "var(--ops-border)" }}>
+          <div className="text-[10px]" style={{ color: "var(--ops-muted)" }}>
+            新建键{newKey.db != null && newKey.db !== "" ? ` · DB${newKey.db}` : ""}
+          </div>
+          <div className="flex gap-1">
             <select
-              className="ops-input shrink-0 py-0.5 text-[11px]"
-              style={{ width: "auto" }}
-              value={redisTypeFilter}
-              onChange={(e) => setRedisTypeFilter(e.target.value)}
-              title="按类型筛选"
+              className="ops-input h-6 py-0 text-[11px]"
+              value={newKey.type}
+              onChange={(e) => setNewKey({ ...newKey, type: e.target.value })}
             >
-              <option value="all">全部类型</option>
-              <option value="string">string</option>
-              <option value="hash">hash</option>
-              <option value="list">list</option>
-              <option value="set">set</option>
-              <option value="zset">zset</option>
-              <option value="stream">stream</option>
+              <option value="string">String</option>
+              <option value="hash">Hash</option>
+              <option value="list">List</option>
+              <option value="set">Set</option>
+              <option value="zset">ZSet</option>
             </select>
+            <input
+              className="ops-input h-6 min-w-0 flex-1 py-0 font-mono text-[11px]"
+              placeholder="键名"
+              value={newKey.name}
+              onChange={(e) => setNewKey({ ...newKey, name: e.target.value })}
+              autoFocus
+            />
+          </div>
+          <input
+            className="ops-input h-6 w-full py-0 font-mono text-[11px]"
+            placeholder={newKey.type === "hash" ? "初始 field 的值" : "初始值"}
+            value={newKey.value}
+            onChange={(e) => setNewKey({ ...newKey, value: e.target.value })}
+            onKeyDown={(e) => {
+              if (e.key === "Enter") {
+                const dbName = newKey.db || tree.find((n) => n.kind === "database")?.name || "0";
+                void createRedisKey(dbName, newKey);
+              }
+            }}
+          />
+          <div className="flex justify-end gap-2">
+            <button type="button" className="text-[11px] opacity-70" onClick={() => setNewKey(null)}>
+              取消
+            </button>
             <button
               type="button"
-              className="shrink-0 text-[11px] hover:underline"
+              className="text-[11px] hover:underline"
               style={{ color: "var(--ops-accent)" }}
               onClick={() => {
-                const openDbs = useWorkspaceStore.getState().tree.filter((n) => n.loaded || n.loading);
-                for (const d of openDbs) {
-                  patchDb(d.name, { loaded: false, loading: false, children: undefined });
-                  void expandDb(d.name);
-                }
+                const dbName = newKey.db || tree.find((n) => n.kind === "database")?.name || "0";
+                void createRedisKey(dbName, newKey);
               }}
             >
-              应用
-            </button>
-            <button
-              type="button"
-              className="shrink-0 text-[11px] hover:underline"
-              style={{ color: "var(--ops-accent)" }}
-              title="新建键"
-              onClick={() =>
-                setNewKey({
-                  name: keyFilter.endsWith("*") ? keyFilter.slice(0, -1) : keyFilter,
-                  type: "string",
-                  value: "",
-                })
-              }
-            >
-              新建
+              创建
             </button>
           </div>
-          {newKey && (
-            <div className="mt-1 space-y-1 rounded border p-1.5" style={{ borderColor: "var(--ops-border)" }}>
-              <div className="flex gap-1">
-                <select
-                  className="ops-input h-6 py-0 text-[11px]"
-                  value={newKey.type}
-                  onChange={(e) => setNewKey({ ...newKey, type: e.target.value })}
-                >
-                  <option value="string">String</option>
-                  <option value="hash">Hash</option>
-                  <option value="list">List</option>
-                  <option value="set">Set</option>
-                  <option value="zset">ZSet</option>
-                </select>
-                <input
-                  className="ops-input h-6 min-w-0 flex-1 py-0 font-mono text-[11px]"
-                  placeholder="键名"
-                  value={newKey.name}
-                  onChange={(e) => setNewKey({ ...newKey, name: e.target.value })}
-                />
-              </div>
-              <input
-                className="ops-input h-6 w-full py-0 font-mono text-[11px]"
-                placeholder={newKey.type === "hash" ? "初始 field 的值" : "初始值"}
-                value={newKey.value}
-                onChange={(e) => setNewKey({ ...newKey, value: e.target.value })}
-                onKeyDown={(e) => {
-                  if (e.key === "Enter" && tree[0]) void createRedisKey(tree[0].name, newKey);
-                }}
-              />
-              <div className="flex justify-end gap-2">
-                <button type="button" className="text-[11px] opacity-70" onClick={() => setNewKey(null)}>
-                  取消
-                </button>
-                <button
-                  type="button"
-                  className="text-[11px] hover:underline"
-                  style={{ color: "var(--ops-accent)" }}
-                  onClick={() => {
-                    const dbName = tree.find((n) => n.kind === "database")?.name ?? "0";
-                    void createRedisKey(dbName, newKey);
-                  }}
-                >
-                  创建
-                </button>
-              </div>
-            </div>
-          )}
         </div>
       )}
       <div
@@ -1670,13 +1786,32 @@ export function ObjectTree() {
             {conn ? "点刷新加载库；无权限时会提示错误" : "选择连接后浏览对象"}
           </div>
         )}
-        {visibleTree.map((db) => (
+        {visibleTree.map((db) => conn && isRedisConn(conn.driver) && isRedisCluster(conn) ? (
+          <div key={db.name}>
+            <div className="flex items-center gap-1 px-1 py-1">
+              <input className="ops-input h-6 min-w-0 flex-1 text-[11px]" aria-label="搜索集群 Key"
+                placeholder="搜索集群 Key（自动包含匹配）"
+                value={redisDbDraft[db.name] ?? ""}
+                onChange={e => setRedisDbDraft(prev => ({ ...prev, [db.name]: e.target.value }))}
+                onKeyDown={e => { if (e.key === "Enter" && !e.nativeEvent.isComposing) searchRedisDb(db.name); }} />
+              <button type="button" className="ops-btn-ghost text-[11px]" onClick={() => searchRedisDb(db.name)}>搜索</button>
+            </div>
+            {db.loading && <div className="ops-tree-meta-note">加载 Key…</div>}
+            {renderRedisNodes(db.name, filterRedisTree(db.children ?? [], /[*?[\]]/.test((redisDbSearch[db.name] ?? keyFilter).trim()) ? "" : redisDbSearch[db.name] ?? keyFilter, redisTypeFilter))}
+            {redisKeyCursors[db.name] && <button type="button" className="ops-btn-ghost mx-2 my-1 text-[11px]" disabled={db.loading}
+              title="继续从当前游标扫描，不会一次读取全部 Key"
+              onClick={() => void expandDb(db.name, redisDbSearch[db.name] ?? keyFilter, redisKeyCursors[db.name])}>
+              {db.loading ? "加载中…" : "加载更多"}
+            </button>}
+            {db.loaded && !db.children?.length && <div className="ops-tree-meta-note">未找到 Key；搜索有扫描上限，可输入更明确的名称</div>}
+          </div>
+        ) : (
           <details
             key={db.name}
             className="mb-px"
-            open={f ? true : undefined}
+            open={isRedisConn(conn?.driver) ? db.name === selectedRedisDb || !!redisDbSearch[db.name] : f ? true : undefined}
             onToggle={(e) => {
-              if ((e.currentTarget as HTMLDetailsElement).open) void expandDb(db.name);
+              if (e.target === e.currentTarget && (e.currentTarget as HTMLDetailsElement).open) void expandDb(db.name);
             }}
             onContextMenu={(e) =>
               onCtx(e, db.name, () => {
@@ -1686,9 +1821,12 @@ export function ObjectTree() {
                 kind: "database",
                 onNewQuery: isRedisConn(conn?.driver)
                   ? undefined
-                  : () => useWorkspaceStore.getState().newQueryTab(),
+                  : () => useWorkspaceStore.getState().newQueryTab(db.name),
+                onNewTable: !isRedisConn(conn?.driver) && driverCaps(conn?.driver ?? "").ddl
+                  ? () => setDesignerTarget({ db: db.name })
+                  : undefined,
                 onNewKey: isRedisConn(conn?.driver)
-                  ? () => setNewKey({ name: "", type: "string", value: "" })
+                  ? () => setNewKey({ name: "", type: "string", value: "", db: db.name })
                   : undefined,
                 onBrowse: () => void expandDb(db.name),
                 onSetDefaultDb: canSetDefaultDb(conn?.driver) && driverCaps(conn?.driver ?? "").setDefaultDb
@@ -1715,8 +1853,29 @@ export function ObjectTree() {
               {db.loading && <span className="ml-auto text-[10px] opacity-40">…</span>}
             </summary>
             <div className="ml-1.5 border-l pl-1" style={{ borderColor: "var(--ops-border-soft)" }}>
-              {isRedisConn(conn?.driver) ? (
-                renderRedisNodes(db.name, filterRedisTree(db.children ?? [], keyFilter, redisTypeFilter))
+              {isRedisConn(conn?.driver) && <div className="flex items-center gap-1 px-1 py-1">
+                <input className="ops-input h-6 min-w-0 flex-1 text-[11px]" aria-label={`搜索 DB${db.name} 的 Key`}
+                  placeholder={`搜索 DB${db.name} Key（自动包含匹配）`}
+                  value={redisDbDraft[db.name] ?? ""}
+                  onChange={e => setRedisDbDraft(prev => ({ ...prev, [db.name]: e.target.value }))}
+                  onKeyDown={e => { if (e.key === "Enter" && !e.nativeEvent.isComposing) searchRedisDb(db.name); }} />
+                <button type="button" className="ops-btn-ghost text-[11px]" onClick={() => searchRedisDb(db.name)}>搜索</button>
+              </div>}
+              {isRedisConn(conn?.driver) ? (<>
+                {/* 服务端已按 pattern SCAN/精确命中；通配符查询不再做字面子串过滤。 */}
+                {renderRedisNodes(
+                  db.name,
+                  filterRedisTree(
+                    db.children ?? [],
+                    /[*?[\]]/.test((redisDbSearch[db.name] ?? keyFilter).trim()) ? "" : redisDbSearch[db.name] ?? keyFilter,
+                    redisTypeFilter,
+                  ),
+                )}
+                {redisKeyCursors[db.name] && <button type="button" className="ops-btn-ghost mx-1 my-1 text-[11px]" disabled={db.loading} title="继续从当前游标扫描，不会一次读取全部 Key"
+                  onClick={() => void expandDb(db.name, redisDbSearch[db.name] ?? keyFilter, redisKeyCursors[db.name])}>
+                  {db.loading ? "加载中…" : "加载更多"}
+                </button>}
+              </>
               ) : driverCaps(conn?.driver ?? "").treeGroups.length === 0 ? (
                 // flat 驱动（ES/Mongo/Influx/ZK）：对象直挂库节点，无分组包装
                 <>
@@ -1769,7 +1928,7 @@ export function ObjectTree() {
             </div>
           </details>
         ))}
-        {f && visibleTree.length === 0 && !treeLoading && (
+        {f && !isRedisConn(conn?.driver) && visibleTree.length === 0 && !treeLoading && (
           <div className="px-1.5 py-1 text-[11px]" style={{ color: "var(--ops-muted)" }}>
             <div>没有匹配「{treeFilter.trim()}」的对象；未展开的库只匹配库名。</div>
             {tree.some((db) => !db.loaded) && (
@@ -1784,6 +1943,12 @@ export function ObjectTree() {
             )}
           </div>
         )}
+        {f && isRedisConn(conn?.driver) && !treeLoading && tree.length > 0 &&
+          tree.every((db) => db.loaded && filterRedisTree(db.children ?? [], /[*?[\]]/.test(keyFilter.trim()) ? "" : keyFilter, redisTypeFilter).length === 0) && (
+          <div className="px-1.5 py-1 text-[11px]" style={{ color: "var(--ops-muted)" }}>
+            没有匹配「{treeFilter.trim()}」的键
+          </div>
+        )}
       </div>
 
       {ctx && (
@@ -1800,13 +1965,20 @@ export function ObjectTree() {
           {/* 库 P0 */}
           {ctx.kind === "database" && (
             <>
+              {ctx.onNewKey && (
+                <button type="button" onClick={() => { ctx.onNewKey?.(); setCtx(null); }}>新建键</button>
+              )}
               {ctx.onNewQuery && (
                 <button type="button" onClick={() => { ctx.onNewQuery?.(); setCtx(null); }}>新建查询</button>
               )}
+              {ctx.onNewTable && (
+                <button type="button" onClick={() => { ctx.onNewTable?.(); setCtx(null); }}>新建表…</button>
+              )}
               {ctx.onBrowse && (
                 <button type="button" onClick={() => { ctx.onBrowse?.(); setCtx(null); }}>浏览对象</button>
               )}
               <button type="button" onClick={() => { void copyName(ctx.label); setCtx(null); }}>{ctx.copyLabel ?? "复制名称"}</button>
+              {conn && <button type="button" onClick={() => { void copyName(connectionEndpoint(conn)); setCtx(null); }}>复制主机端口</button>}
               {ctx.onSetDefaultDb ? (
                 <button type="button" onClick={() => { ctx.onSetDefaultDb?.(); setCtx(null); }}>设为默认库</button>
               ) : (
@@ -1828,10 +2000,40 @@ export function ObjectTree() {
               {ctx.onQueryData && (
                 <button type="button" onClick={() => { ctx.onQueryData?.(); setCtx(null); }}>查看数据</button>
               )}
+              {ctx.onQueryLimit && <button type="button" onClick={() => { ctx.onQueryLimit?.(); setCtx(null); }}>打开前 N 行…</button>}
+              {ctx.onSchema && <button type="button" onClick={() => { ctx.onSchema?.(); setCtx(null); }}>查看结构</button>}
+              {ctx.onDesign && (
+                <button type="button" onClick={() => { ctx.onDesign?.(); setCtx(null); }}>设计表…</button>
+              )}
               {ctx.onDdl && (
                 <button type="button" onClick={() => { ctx.onDdl?.(); setCtx(null); }}>查看 DDL</button>
               )}
               <button type="button" onClick={() => { void copyName(ctx.label); setCtx(null); }}>{ctx.copyLabel ?? "复制名称"}</button>
+              {ctx.qualifiedName && <button type="button" onClick={() => { void copyName(ctx.qualifiedName!); setCtx(null); }}>复制限定表名（库 / Schema 前缀）</button>}
+              {ctx.onCopyDdl && <button type="button" onClick={() => { ctx.onCopyDdl?.(); setCtx(null); }}>复制建表 / 视图 SQL</button>}
+              {ctx.onGen && <>
+                <div className="ops-ctx-sep" />
+                <details className="ops-ctx-group"><summary>生成 SQL <span>›</span></summary>
+                  <button type="button" onClick={() => { ctx.onGen?.("select"); setCtx(null); }}>SELECT</button>
+                  {ctx.kind === "table" && <button type="button" onClick={() => { ctx.onGen?.("insert"); setCtx(null); }}>INSERT</button>}
+                  {ctx.kind === "table" && <button type="button" onClick={() => { ctx.onGen?.("update"); setCtx(null); }}>UPDATE</button>}
+                  {ctx.kind === "table" && <button type="button" onClick={() => { ctx.onGen?.("delete"); setCtx(null); }}>DELETE</button>}
+                  {ctx.onDdl && <button type="button" onClick={() => { ctx.onGen?.("ddl"); setCtx(null); }}>DDL</button>}
+                </details>
+              </>}
+              {ctx.onExport && <>
+                <details className="ops-ctx-group"><summary>导出数据 <span>›</span></summary>
+                  <button type="button" onClick={() => { ctx.onExport?.("csv"); setCtx(null); }}>CSV…</button>
+                  <button type="button" onClick={() => { ctx.onExport?.("json"); setCtx(null); }}>JSON…</button>
+                </details>
+              </>}
+              {ctx.onDump && <>
+                <details className="ops-ctx-group"><summary>转储 SQL <span>›</span></summary>
+                  <button type="button" onClick={() => { ctx.onDump?.("structure"); setCtx(null); }}>仅结构…</button>
+                  <button type="button" onClick={() => { ctx.onDump?.("data"); setCtx(null); }}>仅数据…</button>
+                  <button type="button" onClick={() => { ctx.onDump?.("structure_data"); setCtx(null); }}>结构和数据…</button>
+                </details>
+              </>}
               <button type="button" onClick={() => { ctx.onRefresh(); setCtx(null); }}>刷新</button>
               {(ctx.onTruncate || ctx.onDropTable) && <div className="ops-ctx-sep" />}
               {ctx.onTruncate && (
@@ -1904,6 +2106,17 @@ export function ObjectTree() {
           onClose={() => setDdlTarget(null)}
         />
       )}
+
+      {/* 表设计器 v1:新建表 / 设计既有表(字段网格 + DDL 预览) */}
+      {designerTarget && conn && (
+        <TableDesigner
+          conn={conn}
+          database={designerTarget.db}
+          table={designerTarget.table}
+          onClose={() => setDesignerTarget(null)}
+          onApplied={() => refreshDbAfterDesign(designerTarget.db)}
+        />
+      )}
     </div>
   );
 }
diff --git a/src/OpsModal.tsx b/src/OpsModal.tsx
index e35edbe..b0d8c0e 100644
--- a/src/OpsModal.tsx
+++ b/src/OpsModal.tsx
@@ -18,6 +18,7 @@ export type OpsModalProps = {
   /** 主按钮红色(删除/截断等危险确认) */
   danger?: boolean;
   okLabel?: string;
+  okDisabled?: boolean;
   cancelLabel?: string;
   /** input 变体:输入框标签 */
   label?: string;
@@ -29,6 +30,10 @@ export type OpsModalProps = {
   zIndex?: string | number;
   /** 宽版(max-w-2xl),DDL 等长文本展示用 */
   wide?: boolean;
+  /** 表设计等多列编辑使用的大工作区。 */
+  spacious?: boolean;
+  className?: string;
+  footerLeading?: ReactNode;
   /** 确认回调;input 变体携带输入值 */
   onOk: (value?: string) => void;
   /** 取消回调(Esc / 遮罩点击 / 取消按钮),info 变体缺省时回落到 onOk */
@@ -45,12 +50,16 @@ export function OpsModal(props: OpsModalProps) {
     variant = "info",
     danger = false,
     okLabel = "确定",
+    okDisabled = false,
     cancelLabel = "取消",
     label,
     defaultValue = "",
     placeholder,
     zIndex = "var(--ops-z-modal)",
     wide = false,
+    spacious = false,
+    className = "",
+    footerLeading,
     onOk,
     onCancel,
     children,
@@ -76,8 +85,11 @@ export function OpsModal(props: OpsModalProps) {
       Array.from(dialog.querySelectorAll<HTMLElement>(FOCUSABLE)).filter(
         (el) => el.offsetParent !== null || el === document.activeElement,
       );
-    const initial =
-      variant === "input" && inputRef.current ? inputRef.current : focusables().pop();
+    const initial = variant === "input" && inputRef.current
+      ? inputRef.current
+      : danger && variant === "confirm"
+        ? dialog.querySelector<HTMLButtonElement>(".ops-modal-footer button:not([disabled])")
+        : focusables().pop();
     initial?.focus();
     if (variant === "input") inputRef.current?.select();
 
@@ -128,7 +140,7 @@ export function OpsModal(props: OpsModalProps) {
     >
       <div
         ref={dialogRef}
-        className={`ops-modal w-full ${wide ? "max-w-2xl" : "max-w-md"}`}
+        className={`ops-modal w-full ${spacious ? "ops-modal-spacious" : wide ? "max-w-2xl" : "max-w-md"} ${className}`}
         role="alertdialog"
         aria-modal="true"
         aria-label={typeof title === "string" ? title : undefined}
@@ -165,6 +177,7 @@ export function OpsModal(props: OpsModalProps) {
           )}
         </div>
         <div className="ops-modal-footer">
+          {footerLeading}
           {variant !== "info" && (
             <button type="button" className="ops-btn-secondary min-w-[72px]" onClick={cancel}>
               {cancelLabel}
@@ -172,6 +185,7 @@ export function OpsModal(props: OpsModalProps) {
           )}
           <button
             type="button"
+            disabled={okDisabled}
             className={`${danger ? "ops-btn-danger" : "ops-btn-primary"} min-w-[72px]`}
             onClick={submit}
           >
diff --git a/src/RedisKeyPane.tsx b/src/RedisKeyPane.tsx
index e41aaa6..a7024e1 100644
--- a/src/RedisKeyPane.tsx
+++ b/src/RedisKeyPane.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useState, type ReactNode } from "react";
 import { execSql, getRedisKey } from "./api";
 import { ensureSession, withSessionRetry } from "./ObjectTree";
 import { OpsModal } from "./OpsModal";
@@ -13,6 +13,20 @@ import {
 import { useWorkspaceStore } from "./store";
 
 type ValueMode = "table" | "json";
+function highlightedJson(value: string): ReactNode[] {
+  const tokens = /("(?:\\.|[^"\\])*"(?=\s*:)|"(?:\\.|[^"\\])*"|-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?|\b(?:true|false|null)\b)/g;
+  const output: ReactNode[] = [];
+  let start = 0;
+  for (const match of value.matchAll(tokens)) {
+    if (match.index > start) output.push(value.slice(start, match.index));
+    const part = match[0];
+    const color = part.startsWith('"') ? (value.slice(match.index + part.length).match(/^\s*:/) ? "var(--ops-accent)" : "var(--ops-success)") : "var(--ops-warning)";
+    output.push(<span key={match.index} style={{ color }}>{part}</span>);
+    start = match.index + part.length;
+  }
+  output.push(value.slice(start));
+  return output;
+}
 /** 表格首屏渲染行数，超出走「加载更多」 */
 const INITIAL_VISIBLE = 100;
 const PAGE_STEP = 200;
@@ -29,6 +43,7 @@ type LineEdit = {
   value: string;
   score: string;
   isNew: boolean;
+  valueMode?: "raw" | "json";
   oldField?: string;
   index?: number;
 };
@@ -58,7 +73,8 @@ export function RedisKeyPane() {
   const type = resultMeta?.redisType || "string";
   const [ttlDraft, setTtlDraft] = useState(String(resultMeta?.redisTtl ?? -1));
   const [keyDraft, setKeyDraft] = useState(keyName);
-  const [mode, setMode] = useState<ValueMode>(type === "string" ? "json" : "table");
+  const [mode, setMode] = useState<ValueMode>("table");
+  const [editingJson, setEditingJson] = useState(false);
   const [filter, setFilter] = useState("");
   const [busy, setBusy] = useState(false);
   const [lineEdit, setLineEdit] = useState<LineEdit | null>(null);
@@ -73,16 +89,23 @@ export function RedisKeyPane() {
   /** 表格分批渲染：首屏条数与当前已显示条数（宽/大键不全量铺 DOM） */
   const [visibleCount, setVisibleCount] = useState(INITIAL_VISIBLE);
   const [stringDraft, setStringDraft] = useState(() => cellString(result?.rows?.[0]?.value));
+  /** 行内操作列：选中行保持四钮可见 */
+  const [activeRow, setActiveRow] = useState<number | null>(null);
+  /** 复制值 / 复制命令点完闪 ✓ 约 1s */
+  const [copiedFlash, setCopiedFlash] = useState<{ i: number; kind: "value" | "cmd" } | null>(null);
 
   useEffect(() => {
     setKeyDraft(keyName);
     setTtlDraft(String(resultMeta?.redisTtl ?? -1));
     setStringDraft(cellString(result?.rows?.[0]?.value));
     setFilter("");
-    setMode(type === "string" ? "json" : "table");
+    setMode("table");
+    setEditingJson(false);
     setVisibleCount(INITIAL_VISIBLE);
     setSort(null);
     setInline(null);
+    setActiveRow(null);
+    setCopiedFlash(null);
   }, [keyName, type, resultMeta?.redisTtl, result]);
 
   const rows = result?.rows ?? [];
@@ -119,6 +142,17 @@ export function RedisKeyPane() {
     }
     return JSON.stringify(rows, null, 2);
   }, [rows, type]);
+  const jsonDraft = prettyDraft ?? jsonText;
+  const jsonValid = type !== "string" || tryPrettyJson(jsonDraft) !== null;
+  const selectMode = (next: ValueMode) => {
+    if (type === "string" && next === "json" && mode !== "json") {
+      setPrettyDraft(tryPrettyJson(stringDraft) ?? stringDraft);
+    } else if (type === "string" && next === "table" && mode === "json") {
+      setStringDraft(jsonValid ? JSON.stringify(JSON.parse(jsonDraft)) : jsonDraft);
+      setEditingJson(false);
+    }
+    setMode(next);
+  };
 
   // string 的 JSON 草稿随数据刷新同步（保存/重载后回到干净态）
   useEffect(() => {
@@ -138,6 +172,7 @@ export function RedisKeyPane() {
         error: res.error,
         truncated: res.truncated,
         limit: res.limit,
+        nextCursor: res.nextCursor,
       };
       set("result", qr);
       set("resultMeta", {
@@ -177,12 +212,12 @@ export function RedisKeyPane() {
 
   const saveTtl = async () => {
     const n = Number(ttlDraft);
-    if (!Number.isFinite(n)) {
-      notify({ kind: "warning", title: "TTL", message: "请输入秒数，-1 表示永久", mode: "toast" });
+    if (!Number.isSafeInteger(n) || n < -1 || n === 0) {
+      notify({ kind: "warning", title: "TTL", message: "请输入正整数秒；-1 表示永久。0 会立即删除 Key，请使用删除操作。", mode: "toast" });
       return;
     }
-    if (n < 0) await runCmd(redisCmd("PERSIST", keyName), "已设为永久");
-    else await runCmd(redisCmd("EXPIRE", keyName, String(Math.floor(n))), "已更新 TTL");
+    if (n === -1) await runCmd(redisCmd("PERSIST", keyName), "已设为永久");
+    else await runCmd(redisCmd("EXPIRE", keyName, String(n)), "已更新 TTL");
   };
 
   const rename = async () => {
@@ -310,7 +345,7 @@ export function RedisKeyPane() {
     let val = stringDraft;
     if (type === "string" && mode === "json") {
       // JSON 视图直接编辑：保存前校验并压回单行，避免把 pretty 缩进写进 Redis
-      const draft = prettyDraft ?? jsonText;
+      const draft = jsonDraft;
       try {
         val = JSON.stringify(JSON.parse(draft));
       } catch (e) {
@@ -324,7 +359,7 @@ export function RedisKeyPane() {
         return;
       }
     }
-    await runCmd(redisCmd("SET", keyName, val), "已保存");
+    await runCmd(redisCmd("SET", keyName, val, "KEEPTTL"), "已保存");
   };
 
   const deleteKey = async () => {
@@ -363,7 +398,7 @@ export function RedisKeyPane() {
       return;
     }
     if (type === "list") {
-      setLineEdit({ field: "", value: cellString(row.value), score: "0", isNew: false, index });
+      setLineEdit({ field: "", value: cellString(row.value), score: "0", isNew: false, index: Number(row.index ?? index) });
       return;
     }
     if (type === "set") {
@@ -389,6 +424,12 @@ export function RedisKeyPane() {
 
   const commitLine = async () => {
     if (!lineEdit) return;
+    let value = lineEdit.value;
+    if (lineEdit.valueMode === "json") {
+      const pretty = tryPrettyJson(value);
+      if (pretty === null) return;
+      value = JSON.stringify(JSON.parse(pretty));
+    }
     let sql = "";
     if (type === "hash") {
       if (!lineEdit.field.trim()) {
@@ -396,20 +437,20 @@ export function RedisKeyPane() {
         return;
       }
       if (!lineEdit.isNew && lineEdit.oldField && lineEdit.oldField !== lineEdit.field) {
-        sql = `${redisCmd("HDEL", keyName, lineEdit.oldField)}\n${redisCmd("HSET", keyName, lineEdit.field, lineEdit.value)}`;
+        sql = `${redisCmd("HDEL", keyName, lineEdit.oldField)}\n${redisCmd("HSET", keyName, lineEdit.field, value)}`;
       } else {
-        sql = redisCmd("HSET", keyName, lineEdit.field, lineEdit.value);
+        sql = redisCmd("HSET", keyName, lineEdit.field, value);
       }
     } else if (type === "list") {
-      if (lineEdit.isNew) sql = redisCmd("RPUSH", keyName, lineEdit.value);
-      else sql = redisCmd("LSET", keyName, String(lineEdit.index ?? 0), lineEdit.value);
+      if (lineEdit.isNew) sql = redisCmd("RPUSH", keyName, value);
+      else sql = redisCmd("LSET", keyName, String(lineEdit.index ?? 0), value);
     } else if (type === "set") {
-      if (lineEdit.isNew) sql = redisCmd("SADD", keyName, lineEdit.value);
-      else if (lineEdit.oldField && lineEdit.oldField !== lineEdit.value) {
-        sql = `${redisCmd("SREM", keyName, lineEdit.oldField)}\n${redisCmd("SADD", keyName, lineEdit.value)}`;
-      } else sql = redisCmd("SADD", keyName, lineEdit.value);
+      if (lineEdit.isNew) sql = redisCmd("SADD", keyName, value);
+      else if (lineEdit.oldField && lineEdit.oldField !== value) {
+        sql = `${redisCmd("SREM", keyName, lineEdit.oldField)}\n${redisCmd("SADD", keyName, value)}`;
+      } else sql = redisCmd("SADD", keyName, value);
     } else if (type === "zset") {
-      const member = lineEdit.value || lineEdit.field;
+      const member = value || lineEdit.field;
       if (lineEdit.isNew) sql = redisCmd("ZADD", keyName, lineEdit.score || "0", member);
       else if (lineEdit.oldField && lineEdit.oldField !== member) {
         sql = `${redisCmd("ZREM", keyName, lineEdit.oldField)}\n${redisCmd("ZADD", keyName, lineEdit.score || "0", member)}`;
@@ -417,11 +458,11 @@ export function RedisKeyPane() {
     }
     if (!sql) return;
     const parts = sql.split("\n");
-    setLineEdit(null);
     for (const p of parts) {
       const ok = await runCmd(p, lineEdit.isNew ? "已新增" : "已更新");
-      if (!ok) break;
+      if (!ok) return;
     }
+    setLineEdit(null);
   };
 
   const deleteLine = async (row: Record<string, unknown>, index: number) => {
@@ -437,8 +478,7 @@ export function RedisKeyPane() {
     else if (type === "zset") await runCmd(redisCmd("ZREM", keyName, cellString(row.member)), "已删除成员");
     else if (type === "list") {
       const val = cellString(row.value);
-      await runCmd(redisCmd("LREM", keyName, "1", val), "已删除元素");
-      void index;
+      await runCmd(redisCmd("LDELETEINDEX", keyName, String(row.index ?? index), val), "已删除元素");
     }
   };
 
@@ -452,12 +492,34 @@ export function RedisKeyPane() {
       case "set":
         return redisCmd("SADD", keyName, cellString(row.member ?? row.value));
       case "list":
-        return redisCmd("RPUSH", keyName, cellString(row.value));
+        // list 行内「复制命令」只拷值本身（与产品口径一致）
+        return cellString(row.value);
       default:
         return cellString(row.value ?? row.member ?? "");
     }
   };
 
+  const flashCopied = (i: number, kind: "value" | "cmd") => {
+    setCopiedFlash({ i, kind });
+    window.setTimeout(() => {
+      setCopiedFlash((cur) => (cur && cur.i === i && cur.kind === kind ? null : cur));
+    }, 1000);
+  };
+
+  const copyRowValue = (row: Record<string, unknown>, i: number) => {
+    const valueRaw = type === "hash" ? row.value : type === "zset" ? row.member : row.member ?? row.value;
+    void copyText(cellString(valueRaw)).then(() => {
+      flashCopied(i, "value");
+    }).catch(e => notifyError(e, "toast"));
+  };
+
+  const copyRowCmd = (row: Record<string, unknown>, i: number) => {
+    const cmd = rowCommand(row);
+    void copyText(cmd).then(() => {
+      flashCopied(i, "cmd");
+    }).catch(e => notifyError(e, "toast"));
+  };
+
   const dumpClipboard = async () => {
     const lines: string[] = [];
     if (type === "string") lines.push(redisCmd("SET", keyName, cellString(rows[0]?.value)));
@@ -473,7 +535,6 @@ export function RedisKeyPane() {
     const ttl = resultMeta?.redisTtl ?? -1;
     if (ttl >= 0) lines.push(redisCmd("EXPIRE", keyName, String(ttl)));
     await copyText(lines.join("\n") || redisCmd("GET", keyName));
-    notify({ kind: "success", title: "已复制命令", message: `${lines.length} 条`, mode: "toast", durationMs: 1400 });
   };
 
   const addLabel =
@@ -520,8 +581,8 @@ export function RedisKeyPane() {
         <button type="button" className="ops-btn-ghost h-7 px-2 text-[11px]" disabled={busy} title="刷新" onClick={() => void reload()}>
           刷新
         </button>
-        <button type="button" className="ops-btn-ghost h-7 px-2 text-[11px]" title="复制还原命令" onClick={() => void dumpClipboard()}>
-          导出命令
+        <button type="button" className="ops-btn-ghost h-7 px-2 text-[11px] font-mono" title="复制为命令（整 key）" onClick={() => void dumpClipboard()}>
+          {"</>"} 复制为命令
         </button>
         <button
           type="button"
@@ -556,14 +617,18 @@ export function RedisKeyPane() {
               保存值
             </button>
           )}
+          {type === "string" && <button type="button" className="ops-btn-ghost h-7 px-2 text-[11px]" title="复制当前视图中的值" onClick={() => {
+            void copyText(mode === "json" ? jsonDraft : stringDraft).catch(e => notifyError(e, "toast"));
+          }}>复制值</button>}
           <div className="ops-seg">
-            <button type="button" className={mode === "table" ? "ops-seg-active" : undefined} onClick={() => setMode("table")}>
-              {type === "string" ? "原文" : "结构"}
+            <button type="button" className={mode === "table" ? "ops-seg-active" : undefined} onClick={() => selectMode("table")}>
+              {type === "string" ? "Raw" : "结构"}
             </button>
-            <button type="button" className={mode === "json" ? "ops-seg-active" : undefined} onClick={() => setMode("json")}>
+            <button type="button" className={mode === "json" ? "ops-seg-active" : undefined} onClick={() => selectMode("json")}>
               JSON
             </button>
           </div>
+          {type === "string" && mode === "json" && <button type="button" className="ops-btn-ghost h-7 px-2 text-[11px]" onClick={() => setEditingJson(v => !v)}>{editingJson ? "预览" : "编辑 JSON"}</button>}
         </div>
         {type !== "string" && (
           <input
@@ -596,16 +661,14 @@ export function RedisKeyPane() {
               onChange={(e) => setStringDraft(e.target.value)}
             />
           ) : type === "string" ? (
-            <textarea
+            editingJson ? <textarea
               className="ops-input min-h-full w-full resize-none rounded-none border-0 p-3 font-mono text-[12px] leading-relaxed"
-              value={mode === "json" ? prettyDraft ?? jsonText : stringDraft}
-              spellCheck={false}
-              onChange={(e) => {
-                if (mode === "json") setPrettyDraft(e.target.value);
-                else setStringDraft(e.target.value);
-              }}
-              placeholder="JSON 视图可直接编辑；保存时自动校验并压缩回写"
-            />
+              value={jsonDraft} spellCheck={false} aria-label="编辑 JSON"
+              onChange={(e) => setPrettyDraft(e.target.value)}
+            /> : <div className="p-3">
+              {!jsonValid && <p className="mb-2 text-[11px]" style={{ color: "var(--ops-warning)" }}>当前值不是有效 JSON，可切回 Raw 或编辑修正。</p>}
+              <pre className="m-0 whitespace-pre-wrap break-all font-mono text-[12px] leading-relaxed" aria-label="JSON 格式化预览">{jsonValid ? highlightedJson(jsonDraft) : jsonDraft}</pre>
+            </div>
           ) : (
             <pre className="m-0 whitespace-pre-wrap break-all p-3 font-mono text-[12px] leading-relaxed">{jsonText}</pre>
           )
@@ -618,7 +681,7 @@ export function RedisKeyPane() {
                 {type === "zset" && <th style={{ width: "56%" }}>{sortTh("member", "Member")}</th>}
                 {type === "zset" && <th style={{ width: 120 }}>{sortTh("score", "Score")}</th>}
                 {type !== "zset" && <th>{type === "list" ? "Value" : sortTh("value", "Value")}</th>}
-                <th style={{ width: 108 }} />
+                <th style={{ width: 136 }} aria-label="行操作" />
               </tr>
             </thead>
             <tbody>
@@ -629,7 +692,11 @@ export function RedisKeyPane() {
                 const summary = cellSummary(cellString(valueRaw), valuePretty);
                 const scoreTs = type === "zset" ? tsLabel(Number(row.score)) : null;
                 return (
-                  <tr key={i}>
+                  <tr
+                    key={i}
+                    className={activeRow === i ? "ops-redis-row-active" : undefined}
+                    onClick={() => setActiveRow(i)}
+                  >
                     <td className="ops-rownum">{type === "list" ? cellString(row.index ?? i) : i + 1}</td>
                     {type === "hash" && (
                       <td className="font-mono" title={cellString(row.field)}>
@@ -711,7 +778,7 @@ export function RedisKeyPane() {
                           <InlineInput row={row} i={i} col="value" value={cellString(valueRaw)} />
                         ) : (
                           <pre
-                            className="m-0 max-h-24 cursor-text overflow-auto whitespace-pre-wrap break-all font-mono text-[11px] leading-snug"
+                            className="m-0 max-h-48 cursor-text overflow-auto whitespace-pre-wrap break-all font-mono text-[11px] leading-snug"
                             title="双击编辑"
                             onDoubleClick={() => setInline({ i, col: "value", draft: cellString(valueRaw) })}
                           >
@@ -720,53 +787,64 @@ export function RedisKeyPane() {
                         )}
                       </td>
                     )}
-                    <td>
-                      <div className="flex items-center gap-0.5">
+                    <td onClick={(e) => e.stopPropagation()}>
+                      <div className="ops-redis-row-actions" role="group" aria-label="行操作">
                         <button
                           type="button"
-                          className="ops-btn-ghost grid h-5 w-5 place-items-center p-0 text-[10px]"
-                          title="复制值（纯文本）"
-                          onClick={() => {
-                            const val = cellString(valueRaw);
-                            void copyText(val).then(() =>
-                              notify({ kind: "success", title: "已复制值", message: "", mode: "toast", durationMs: 1200 }),
-                            );
-                          }}
+                          className={`ops-redis-row-btn ops-redis-row-btn-copy${copiedFlash?.i === i && copiedFlash.kind === "value" ? " ops-redis-row-btn-flash" : ""}`}
+                          title="复制本行值"
+                          aria-label="复制本行值"
+                          onClick={() => copyRowValue(row, i)}
                         >
-                          ⧉
+                          {copiedFlash?.i === i && copiedFlash.kind === "value" ? (
+                            "✓"
+                          ) : (
+                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden>
+                              <rect x="5.5" y="5.5" width="7" height="7" rx="1.2" stroke="currentColor" strokeWidth="1.4" />
+                              <path d="M3.5 10.5V3.5A1 1 0 0 1 4.5 2.5h7" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" />
+                            </svg>
+                          )}
                         </button>
                         <button
                           type="button"
-                          className="ops-btn-ghost grid h-5 w-5 place-items-center p-0 text-[10px]"
-                          title={`复制重建命令（${type === "zset" ? "ZADD key score member" : type === "hash" ? "HSET key field value" : type === "set" ? "SADD key member" : "RPUSH key value"}）`}
-                          onClick={() => {
-                            const cmd = rowCommand(row);
-                            void copyText(cmd).then(() =>
-                              notify({ kind: "success", title: "已复制命令", message: cmd, mode: "toast", durationMs: 1600 }),
-                            );
-                          }}
+                          className={`ops-redis-row-btn ops-redis-row-btn-copy ops-redis-row-btn-cmd${copiedFlash?.i === i && copiedFlash.kind === "cmd" ? " ops-redis-row-btn-flash" : ""}`}
+                          title={
+                            type === "list"
+                              ? "复制本行值"
+                              : type === "zset"
+                                ? "复制本行命令（ZADD key score member）"
+                                : type === "hash"
+                                  ? "复制本行命令（HSET key field value）"
+                                  : type === "set"
+                                    ? "复制本行命令（SADD key member）"
+                                    : "复制本行命令"
+                          }
+                          aria-label={type === "list" ? "复制本行值" : "复制本行命令"}
+                          onClick={() => copyRowCmd(row, i)}
                         >
-                          ⌘
+                          {copiedFlash?.i === i && copiedFlash.kind === "cmd" ? "✓" : "</>"}
                         </button>
                         <button
                           type="button"
-                          className="ops-btn-ghost grid h-5 w-5 place-items-center p-0 text-[10px]"
-                          title={valuePretty ? "查看 JSON" : "查看文本"}
-                          onClick={() => setCellViewer(valuePretty ?? cellString(valueRaw))}
+                          className="ops-redis-row-btn"
+                          title="编辑"
+                          aria-label="编辑"
+                          onClick={() => openEditRow(row, i)}
                         >
-                          {valuePretty ? "{}" : "☰"}
-                        </button>
-                        <button type="button" className="ops-btn-ghost px-1 text-[11px]" title="编辑" onClick={() => openEditRow(row, i)}>
-                          ✎
+                          <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden>
+                            <path d="M11.5 2.5 13.5 4.5 6 12H4V10L11.5 2.5Z" stroke="currentColor" strokeWidth="1.4" strokeLinejoin="round" />
+                          </svg>
                         </button>
                         <button
                           type="button"
-                          className="ops-btn-ghost grid h-5 w-5 place-items-center p-0 text-[11px]"
-                          style={{ color: "var(--ops-danger)" }}
+                          className="ops-redis-row-btn ops-redis-row-btn-del"
                           title="删除此行"
+                          aria-label="删除此行"
                           onClick={() => void deleteLine(row, i)}
                         >
-                          ×
+                          <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden>
+                            <path d="M4 4.5h8M6.5 4.5V3.5h3v1M5.5 6.5l.5 6h4l.5-6" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round" />
+                          </svg>
                         </button>
                       </div>
                     </td>
@@ -816,6 +894,7 @@ export function RedisKeyPane() {
           title={lineEdit.isNew ? addLabel || "新增" : "编辑"}
           variant="confirm"
           okLabel="保存"
+          okDisabled={busy || (lineEdit.valueMode === "json" && tryPrettyJson(lineEdit.value) === null)}
           onOk={() => void commitLine()}
           onCancel={() => setLineEdit(null)}
         >
@@ -840,8 +919,17 @@ export function RedisKeyPane() {
                 />
               </label>
             )}
-            <label className="block text-[12px]">
+            <div className="flex items-center justify-between gap-2 text-[12px]">
               <span style={{ color: "var(--ops-muted)" }}>{type === "zset" ? "Member" : "Value"}</span>
+              <div className="ops-seg" role="group" aria-label="值编辑方式">
+                <button type="button" className={lineEdit.valueMode !== "json" ? "ops-seg-active" : undefined}
+                  onClick={() => setLineEdit({ ...lineEdit, valueMode: "raw", value: lineEdit.valueMode === "json" && tryPrettyJson(lineEdit.value) !== null ? JSON.stringify(JSON.parse(lineEdit.value)) : lineEdit.value })}>Raw</button>
+                <button type="button" className={lineEdit.valueMode === "json" ? "ops-seg-active" : undefined}
+                  onClick={() => setLineEdit({ ...lineEdit, valueMode: "json", value: tryPrettyJson(lineEdit.value) ?? lineEdit.value })}>JSON</button>
+              </div>
+            </div>
+            <label className="block text-[12px]">
+              <span className="sr-only">{type === "zset" ? "Member" : "Value"}</span>
               <textarea
                 className="ops-input mt-1 min-h-[120px] w-full font-mono text-[12px]"
                 value={lineEdit.value}
@@ -849,6 +937,12 @@ export function RedisKeyPane() {
                 onChange={(e) => setLineEdit({ ...lineEdit, value: e.target.value })}
               />
             </label>
+            {lineEdit.valueMode === "json" && (tryPrettyJson(lineEdit.value) === null
+              ? <p role="alert" className="text-[11px]" style={{ color: "var(--ops-warning)" }}>JSON 格式无效，请修正后保存，或切回 Raw。</p>
+              : <div className="max-h-40 overflow-auto rounded border p-2" style={{ borderColor: "var(--ops-border)", background: "var(--ops-bg-soft, transparent)" }}>
+                  <div className="mb-1 text-[10px]" style={{ color: "var(--ops-muted)" }}>格式化预览</div>
+                  <pre className="m-0 whitespace-pre-wrap break-all font-mono text-[11px] leading-snug" aria-label="JSON 格式化预览">{highlightedJson(tryPrettyJson(lineEdit.value) ?? "")}</pre>
+                </div>)}
           </div>
         </OpsModal>
       )}
@@ -859,9 +953,7 @@ export function RedisKeyPane() {
           variant="confirm"
           okLabel="复制 JSON"
           onOk={() => {
-            void copyText(cellViewer).then(() =>
-              notify({ kind: "success", title: "已复制 JSON", message: "", mode: "toast", durationMs: 1200 }),
-            );
+            void copyText(cellViewer).catch(e => notifyError(e, "toast"));
             setCellViewer(null);
           }}
           onCancel={() => setCellViewer(null)}
diff --git a/src/ResultPane.tsx b/src/ResultPane.tsx
index 18eb7e9..edd4d72 100644
--- a/src/ResultPane.tsx
+++ b/src/ResultPane.tsx
@@ -1,12 +1,14 @@
-import { useEffect, useMemo, useRef, useState, type MouseEvent as ReactMouseEvent, type KeyboardEvent, type ClipboardEvent } from "react";
+import { useEffect, useLayoutEffect, useMemo, useRef, useState, type MouseEvent as ReactMouseEvent, type KeyboardEvent, type ClipboardEvent } from "react";
 import { execSql, exportData, type ExportError, type ExportRequest } from "./api";
 import { ensureSession } from "./ObjectTree";
-import { rowsToCSV, rowsToInsert, rowsToTSV, buildUpdateSql, buildDeleteSql, parseClipboardGrid, isWritableDriver, splitStatements } from "./sql";
+import { rowsToCSV, rowsToInsert, rowsToTSV, buildUpdateSql, buildDeleteSql, parseClipboardGrid, isWritableDriver, splitStatements, relationParts } from "./sql";
 import { RedisKeyPane } from "./RedisKeyPane";
 import { SchemaPane } from "./SchemaPane";
-import { useWorkspaceStore } from "./store";
-
-const DISPLAY_CAP = 2000;
+import { useWorkspaceStore, type QueryResult } from "./store";
+import { ContextMenu } from "./ContextMenu";
+import { cellText, selectionTSV } from "./contextActions";
+import { RESULT_BATCH, filterRows, compareCells, cellPreview, suggestedColumnWidth } from "./resultView";
+import { OpsModal } from "./OpsModal";
 
 /** C5:仅单条 SELECT(含 WITH)启用分页 */
 function isSingleSelect(sql: string): boolean {
@@ -18,16 +20,16 @@ function isSingleSelect(sql: string): boolean {
 
 function formatCell(v: unknown) {
   if (v == null) return <span className="ops-null">NULL</span>;
-  if (typeof v === "object") return JSON.stringify(v);
-  const s = String(v);
-  if (s.length > 120) return s.slice(0, 120) + "…";
-  return s;
+  if (v === "") return <span className="ops-empty-value">空字符串</span>;
+  if (typeof v === "boolean") return <span className="ops-boolean">{String(v)}</span>;
+  if (typeof v === "string" && !v.trim()) return <span className="ops-empty-value">空白文本</span>;
+  return cellPreview(v);
 }
 
-/** 值是否为被截断展示的长文本(修 G4:提供查看/复制全文 popover) */
+/** 判断是否需要提供长文本全文入口。 */
 function longText(v: unknown): string | null {
-  if (v == null || typeof v === "object") return null;
-  const s = String(v);
+  if (v == null) return null;
+  const s = typeof v === "object" ? JSON.stringify(v, null, 2) : String(v);
   return s.length > 120 ? s : null;
 }
 
@@ -35,25 +37,11 @@ async function copyText(text: string) {
   await navigator.clipboard.writeText(text);
 }
 
-function cmpVal(a: unknown, b: unknown): number {
-  if (a == null && b == null) return 0;
-  if (a == null) return -1;
-  if (b == null) return 1;
-  if (typeof a === "number" && typeof b === "number") return a - b;
-  const na = Number(a);
-  const nb = Number(b);
-  if (!Number.isNaN(na) && !Number.isNaN(nb) && String(a).trim() !== "" && String(b).trim() !== "") {
-    return na - nb;
-  }
-  return String(a).localeCompare(String(b), undefined, { numeric: true, sensitivity: "base" });
-}
-
 export function ResultPane({ tableHint }: { tableHint?: string }) {
   const result = useWorkspaceStore((s) => s.result);
   const resultSets = useWorkspaceStore((s) => s.resultSets);
   const activeResultSetId = useWorkspaceStore((s) => s.activeResultSetId);
   const resultTab = useWorkspaceStore((s) => s.resultTab);
-  const explainText = useWorkspaceStore((s) => s.explainText);
   const resultMeta = useWorkspaceStore((s) => s.resultMeta);
   const connections = useWorkspaceStore((s) => s.connections);
   const activeConnectionId = useWorkspaceStore((s) => s.activeConnectionId);
@@ -62,58 +50,69 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
   const set = useWorkspaceStore((s) => s.set);
   const askConfirm = useWorkspaceStore((s) => s.askConfirm);
 
-  const conn = connections.find((c) => c.id === activeConnectionId);
+  const activeRs = resultSets.find((r) => r.id === activeResultSetId) ?? null;
+  const insertSource = activeRs?.source;
+  const conn = connections.find((c) => c.id === (insertSource?.connectionId ?? activeConnectionId));
   const writable = isWritableDriver(conn?.driver);
-  const canEdit = writable && !!resultMeta?.table && (resultMeta.pkCols?.length ?? 0) > 0;
+  const sourceMatches = !!insertSource && insertSource.table === resultMeta?.table && insertSource.database === resultMeta?.database && insertSource.connectionId === activeConnectionId;
+  const canEdit = writable && sourceMatches && (resultMeta?.pkCols?.length ?? 0) > 0;
   const redisInspect = (conn?.driver || "").toLowerCase() === "redis" && !!resultMeta?.redisType && !!resultMeta?.table;
 
   const [sortCol, setSortCol] = useState<string | null>(null);
   const [sortDir, setSortDir] = useState<"asc" | "desc" | null>(null);
   const [colWidths, setColWidths] = useState<Record<string, number>>({});
+  const [filter, setFilter] = useState("");
+  const [displayCount, setDisplayCount] = useState(RESULT_BATCH);
+  const [viewKey, setViewKey] = useState<string | null>(null);
+  const [detail, setDetail] = useState<{ title: string; text: string } | null>(null);
   const [selectedIdx, setSelectedIdx] = useState<number | null>(null);
   const [selectedCol, setSelectedCol] = useState<string | null>(null);
   const [edit, setEdit] = useState<{ row: number; col: string; value: string; original: string } | null>(null);
-  /** 长值 popover(修 G4) */
-  const [peek, setPeek] = useState<{ text: string; x: number; y: number } | null>(null);
   const [paging, setPaging] = useState(false);
   /** R2-F2:导出中心下拉菜单 */
   const [expMenu, setExpMenu] = useState(false);
   const [exporting, setExporting] = useState(false);
+  const [context, setContext] = useState<{ x: number; y: number; row: Record<string, unknown> | null; column: string | null } | null>(null);
   const gridRef = useRef<HTMLDivElement>(null);
   const dragRef = useRef<{ col: string; startX: number; startW: number } | null>(null);
   const editRef = useRef(edit);
   editRef.current = edit;
 
-  const activeRs = resultSets.find((r) => r.id === activeResultSetId) ?? null;
   const updateResultSet = useWorkspaceStore((s) => s.updateResultSet);
+  // 异步写回/回滚只更新发起操作的结果集，不覆盖后来切换到的结果。
+  const publishResult = (next: QueryResult) => {
+    if (activeResultSetId) updateResultSet(activeResultSetId, { result: next });
+  };
 
-  // 切换结果集时重置排序/编辑,并恢复该结果集持久化的列宽与选中态(修 G3)
-  useEffect(() => {
-    setSortCol(null);
-    setSortDir(null);
+  // 切换结果集时退出编辑，并恢复该结果集的列宽与排序。
+  useLayoutEffect(() => {
     setEdit(null);
-    setPeek(null);
     const cur = useWorkspaceStore.getState().resultSets.find((x) => x.id === activeResultSetId);
     const vs = cur?.viewState;
+    setSortCol(vs?.sortCol ?? null);
+    setSortDir(vs?.sortDir ?? null);
     setColWidths(vs?.colWidths ?? {});
-    setSelectedIdx(vs?.selectedIdx ?? null);
-    setSelectedCol(vs?.selectedCol ?? null);
+    setSelectedIdx(null);
+    setSelectedCol(null);
+    setFilter("");
+    setDisplayCount(RESULT_BATCH);
+    setViewKey(activeResultSetId);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [activeResultSetId, result]);
+  }, [activeResultSetId]);
 
-  // 列宽/选中态变化时写回 resultSet(内容相同则跳过,避免回环)
+  // 列宽/排序变化时写回 resultSet（内容相同则跳过，避免回环）。
   useEffect(() => {
-    if (!activeResultSetId) return;
+    if (!activeResultSetId || viewKey !== activeResultSetId) return;
     const cur = useWorkspaceStore.getState().resultSets.find((x) => x.id === activeResultSetId);
     if (!cur) return;
     const prev = cur.viewState;
     const same =
       JSON.stringify(prev?.colWidths ?? {}) === JSON.stringify(colWidths) &&
-      (prev?.selectedIdx ?? null) === selectedIdx &&
-      (prev?.selectedCol ?? null) === selectedCol;
+      (prev?.sortCol ?? null) === sortCol &&
+      (prev?.sortDir ?? null) === sortDir;
     if (same) return;
-    updateResultSet(activeResultSetId, { viewState: { colWidths, selectedIdx, selectedCol } });
-  }, [colWidths, selectedIdx, selectedCol, activeResultSetId, updateResultSet]);
+    updateResultSet(activeResultSetId, { viewState: { colWidths, sortCol, sortDir } });
+  }, [colWidths, sortCol, sortDir, viewKey, activeResultSetId, updateResultSet]);
 
   // discard pending edit when switching tabs
   useEffect(() => {
@@ -125,18 +124,44 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
 
   const sortedRows = useMemo(() => {
     if (!result || result.error) return [];
-    let rows = result.rows;
+    let rows = filterRows(result.rows, result.columns, filter);
     if (sortCol && sortDir) {
       rows = [...rows].sort((ra, rb) => {
-        const c = cmpVal(ra[sortCol], rb[sortCol]);
+        const c = compareCells(ra[sortCol], rb[sortCol]);
         return sortDir === "asc" ? c : -c;
       });
     }
     return rows;
-  }, [result, sortCol, sortDir]);
+  }, [result, sortCol, sortDir, filter]);
 
-  const truncatedLocal = sortedRows.length > DISPLAY_CAP;
-  const visibleRows = truncatedLocal ? sortedRows.slice(0, DISPLAY_CAP) : sortedRows;
+  const truncatedLocal = sortedRows.length > displayCount;
+  const visibleRows = sortedRows.slice(0, displayCount);
+
+  useEffect(() => {
+    setSelectedIdx(null);
+    setSelectedCol(null);
+    setDisplayCount(RESULT_BATCH);
+  }, [filter, sortCol, sortDir, result]);
+
+  useEffect(() => { setContext(null); setDetail(null); }, [result, activeResultSetId, resultTab, sortCol, sortDir, filter]);
+
+  const openContext = (e: ReactMouseEvent, row: Record<string, unknown> | null, column: string | null) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (!result || result.error || edit) return;
+    gridRef.current?.focus();
+    setContext({ x: e.clientX, y: e.clientY, row, column });
+  };
+  const copyContext = async (text: string, label: string) => {
+    try {
+      await copyText(text);
+      void label;
+    } catch (e) { notifyError(e, "toast"); }
+  };
+  const showDetail = (row: Record<string, unknown>, column: string) => {
+    const value = row[column];
+    setDetail({ title: `单元格详情 · ${column}`, text: typeof value === "object" && value !== null ? JSON.stringify(value, null, 2) : cellText(value) });
+  };
 
   useEffect(() => {
     if (!result || result.error) return;
@@ -144,9 +169,10 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
     parts.push(`${result.rowCount} 行`);
     if (result.timeMs != null) parts.push(`${result.timeMs} ms`);
     if (selectedIdx != null) parts.push(`选中第 ${selectedIdx + 1} 行`);
-    if (result.truncated || truncatedLocal) parts.push("已截断");
+    if (result.truncated) parts.push("服务端还有更多行");
+    if (truncatedLocal) parts.push(`已显示 ${visibleRows.length} / ${sortedRows.length} 行`);
     set("status", parts.join(" · "));
-  }, [result, selectedIdx, truncatedLocal, set]);
+  }, [result, selectedIdx, truncatedLocal, visibleRows.length, sortedRows.length, set]);
 
   const cycleSort = (col: string) => {
     if (sortCol !== col) {
@@ -183,6 +209,10 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
 
   const beginEdit = (rowIdx: number, col: string) => {
     if (!result || result.error) return;
+    if (!sourceMatches) {
+      notify({ kind: "info", title: "只读结果", message: "请从对象树重新打开表以确认写回目标。", mode: "toast" });
+      return;
+    }
     if (!writable) {
       notify({ kind: "warning", title: "只读", message: "当前引擎不支持结果内联写回。", mode: "toast" });
       return;
@@ -230,20 +260,13 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
     }
     const prev = edit;
     setEdit(null);
-    // optimistic
-    const nextRows = result.rows.map((r, i) => {
-      // map via visible index carefully — use identity on sorted view
-      if (visibleRows[prev.row] !== r && sortedRows[prev.row] !== r) return r;
-      // find by reference in original
-      return r === row ? { ...r, [prev.col]: newVal } : r;
-    });
-    // safer: update by matching PK
+    // 按主键定位原始记录，不使用筛选或排序后的行号写回。
     const pk = resultMeta.pkCols || [];
     const patched = result.rows.map((r) => {
       const same = pk.every((k) => String(r[k] ?? "") === String(row[k] ?? ""));
       return same ? { ...r, [prev.col]: newVal } : r;
     });
-    set("result", { ...result, rows: patched });
+    publishResult({ ...result, rows: patched });
     try {
       const sid = await ensureSession(conn);
       const res = await execSql(conn, sql, { database: resultMeta.database, sessionId: sid });
@@ -252,7 +275,7 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
       notify({ kind: "success", title: "已写回", message: `${prev.col} 已更新`, mode: "toast", durationMs: 1400 });
     } catch (e) {
       // rollback
-      set("result", { ...result, rows: result.rows });
+      publishResult({ ...result, rows: result.rows });
       const msg = e instanceof Error ? e.message : String(e);
       if (msg.includes("会话") || msg.toLowerCase().includes("session")) set("connState", "down");
       notifyError(e, "modal");
@@ -327,7 +350,7 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
         return same ? { ...r, [ch.col]: ch.newVal } : r;
       });
     }
-    set("result", { ...result, rows: patched });
+    publishResult({ ...result, rows: patched });
 
     try {
       const sid = await ensureSession(conn);
@@ -340,7 +363,7 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
       set("connState", "ok");
       notify({ kind: "success", title: "已粘贴", message: `已粘贴 ${changes.length} 格`, mode: "toast", durationMs: 1600 });
     } catch (err) {
-      set("result", { ...result, rows: snapshotRows });
+      publishResult({ ...result, rows: snapshotRows });
       const msg = err instanceof Error ? err.message : String(err);
       if (msg.includes("会话") || msg.toLowerCase().includes("session")) set("connState", "down");
       notifyError(err, "modal");
@@ -368,7 +391,7 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
     const snapshot = result.rows;
     const snapshotCount = result.rowCount;
     const filtered = result.rows.filter((r) => !pk.every((k) => String(r[k] ?? "") === String(row[k] ?? "")));
-    set("result", { ...result, rows: filtered, rowCount: Math.max(0, (result.rowCount ?? filtered.length) - 1) });
+    publishResult({ ...result, rows: filtered, rowCount: Math.max(0, (result.rowCount ?? filtered.length) - 1) });
     setSelectedIdx(null);
     setSelectedCol(null);
     try {
@@ -378,7 +401,7 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
       set("connState", "ok");
       notify({ kind: "success", title: "已删除", message: `第 ${n} 行已删除`, mode: "toast", durationMs: 1400 });
     } catch (err) {
-      set("result", { ...result, rows: snapshot, rowCount: snapshotCount });
+      publishResult({ ...result, rows: snapshot, rowCount: snapshotCount });
       const msg = err instanceof Error ? err.message : String(err);
       if (msg.includes("会话") || msg.toLowerCase().includes("session")) set("connState", "down");
       notifyError(err, "modal");
@@ -405,6 +428,26 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
     };
     const max = visibleRows.length - 1;
     if (max < 0) return;
+    if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "c" && selectedIdx != null) {
+      e.preventDefault();
+      const row = visibleRows[selectedIdx];
+      if (row) void copyContext(selectedCol ? cellText(row[selectedCol]) : selectionTSV(result!.columns, [row]), selectedCol ? "单元格" : "当前行");
+      return;
+    }
+    if (e.key === "ContextMenu" || (e.shiftKey && e.key === "F10")) {
+      e.preventDefault();
+      const row = selectedIdx == null ? null : visibleRows[selectedIdx];
+      const rect = gridRef.current?.getBoundingClientRect();
+      if (rect) setContext({ x: Math.max(8, rect.left + 40), y: Math.max(8, rect.top + 30), row: row ?? null, column: selectedCol });
+      return;
+    }
+    if ((e.key === "ArrowLeft" || e.key === "ArrowRight") && result) {
+      e.preventDefault();
+      const index = selectedCol ? result.columns.indexOf(selectedCol) : -1;
+      setSelectedCol(result.columns[Math.max(0, Math.min(result.columns.length - 1, index + (e.key === "ArrowRight" ? 1 : -1)))]);
+      if (selectedIdx == null) setSelectedIdx(0);
+      return;
+    }
     if (e.key === "ArrowDown") {
       e.preventDefault();
       moveSel(selectedIdx == null ? 0 : Math.min(max, selectedIdx + 1));
@@ -423,9 +466,10 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
     } else if (e.key === "End") {
       e.preventDefault();
       moveSel(max);
-    } else if (e.key === "Enter" && selectedIdx != null && selectedCol && canEdit) {
+    } else if (e.key === "Enter" && selectedIdx != null && selectedCol) {
       e.preventDefault();
-      beginEdit(selectedIdx, selectedCol);
+      if (canEdit) beginEdit(selectedIdx, selectedCol);
+      else showDetail(visibleRows[selectedIdx], selectedCol);
     }
   };
 
@@ -523,14 +567,17 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
 
   const copy = async (kind: "tsv" | "csv" | "insert") => {
     if (!result || result.error) return;
+    if (kind === "insert" && !insertSource) {
+      notify({ kind: "info", title: "无法生成 INSERT", message: "当前查询未确认目标表，请使用 JSON 或 CSV。", mode: "toast" });
+      return;
+    }
     const text =
       kind === "csv"
         ? rowsToCSV(result.columns, result.rows)
         : kind === "insert"
-          ? rowsToInsert(conn?.driver, resultMeta?.table || tableHint || "t", result.columns, result.rows)
+          ? rowsToInsert(insertSource!.driver, relationParts(insertSource!.driver, insertSource!.database, insertSource!.table), result.columns, result.rows)
           : rowsToTSV(result.columns, result.rows);
-    await copyText(text);
-    notify({ kind: "success", title: "已复制", message: kind === "insert" ? "INSERT 语句" : kind.toUpperCase(), mode: "toast" });
+    await copyContext(text, kind === "insert" ? "INSERT 语句" : kind.toUpperCase());
   };
 
   const downloadBlob = (blob: Blob, filename: string) => {
@@ -544,6 +591,10 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
   /** R2-F2:当前结果本地导出(INSERT 走 quoteIdent 方言引号,修 01-P1-1) */
   const exportCurrent = (format: "csv" | "json" | "insert") => {
     if (!result || result.error) return;
+    if (format === "insert" && !insertSource) {
+      notify({ kind: "info", title: "无法导出 INSERT", message: "当前查询未确认目标表，请使用 JSON 或 CSV。", mode: "toast" });
+      return;
+    }
     const stamp = Date.now();
     if (format === "csv") {
       const blob = new Blob(["\ufeff" + rowsToCSV(result.columns, result.rows)], { type: "text/csv;charset=utf-8" });
@@ -552,11 +603,11 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
       const blob = new Blob([JSON.stringify(result.rows, null, 2)], { type: "application/json;charset=utf-8" });
       downloadBlob(blob, `opsxdb-${stamp}.json`);
     } else {
-      const text = rowsToInsert(conn?.driver, resultMeta?.table || tableHint || "t", result.columns, result.rows);
+      const text = rowsToInsert(insertSource!.driver, relationParts(insertSource!.driver, insertSource!.database, insertSource!.table), result.columns, result.rows);
       const blob = new Blob([text], { type: "application/sql;charset=utf-8" });
       downloadBlob(blob, `opsxdb-${stamp}.sql`);
     }
-    notify({ kind: "success", title: "已导出", message: `当前结果 ${format.toUpperCase()}`, mode: "toast", durationMs: 1600 });
+    notify({ kind: "success", title: "已导出", message: `当前结果 ${format.toUpperCase()}`, mode: "toast", durationMs: 1600, feedback: "visible" });
     setExpMenu(false);
   };
 
@@ -570,7 +621,7 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
       try {
         const { blob, filename } = await exportData(conn, { ...req, sessionId: sid });
         downloadBlob(blob, filename || `export.${ext}`);
-        notify({ kind: "success", title: "导出完成", message: filename || `export.${ext}`, mode: "toast", durationMs: 1800 });
+        notify({ kind: "success", title: "导出完成", message: filename || `export.${ext}`, mode: "toast", durationMs: 1800, feedback: "visible" });
         setExpMenu(false);
       } catch (e) {
         const err = e as ExportError;
@@ -585,7 +636,7 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
         if (!ok) return;
         const again = await exportData(conn, { ...req, sessionId: sid, confirmDanger: true });
         downloadBlob(again.blob, again.filename || `export.${ext}`);
-        notify({ kind: "success", title: "导出完成", message: again.filename || `export.${ext}`, mode: "toast", durationMs: 1800 });
+        notify({ kind: "success", title: "导出完成", message: again.filename || `export.${ext}`, mode: "toast", durationMs: 1800, feedback: "visible" });
         setExpMenu(false);
       }
     } catch (e) {
@@ -596,31 +647,11 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
   };
 
   /** 服务端导出可用性:整表(需表上下文) / 当前查询(需单条 SELECT) */
-  const canExportTable = !!conn && !!resultMeta?.table;
+  const canExportTable = !!conn && sourceMatches;
   const canExportQuery = !!conn && canPaginate && !!activeRs;
 
   const emptyResult = result && !result.error && result.rows.length === 0;
 
-  // 长值 popover:Esc / 点击外部关闭(修 G4)
-  useEffect(() => {
-    if (!peek) return;
-    const onKey = (e: globalThis.KeyboardEvent) => {
-      if (e.key === "Escape") {
-        e.stopPropagation();
-        setPeek(null);
-      }
-    };
-    const onDown = (e: MouseEvent) => {
-      if (!(e.target as HTMLElement).closest?.("[data-ops-peek]")) setPeek(null);
-    };
-    window.addEventListener("keydown", onKey, true);
-    window.addEventListener("mousedown", onDown);
-    return () => {
-      window.removeEventListener("keydown", onKey, true);
-      window.removeEventListener("mousedown", onDown);
-    };
-  }, [peek]);
-
   // R2-F2:导出菜单 —— Esc / 点击外部关闭
   useEffect(() => {
     if (!expMenu) return;
@@ -645,10 +676,29 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
     <div
       className="flex min-h-0 flex-1 flex-col"
       onContextMenu={(e) => {
-        // 拦系统菜单（Look Up / Inspect）；结果表 P0 暂不自绘
         e.preventDefault();
+        if (resultTab === "data" && !redisInspect) openContext(e, null, null);
       }}
     >
+      {context && result && <ContextMenu x={context.x} y={context.y}
+        title={context.column ? `结果 · ${context.column}` : "当前结果"} onClose={() => setContext(null)} items={[
+          { label: "查看完整值", hidden: !context.row || !context.column, action: () => showDetail(context.row!, context.column!) },
+          { label: "复制单元格", hidden: !context.row || !context.column, action: () => void copyContext(cellText(context.row?.[context.column!]), "单元格全文") },
+          { label: "复制当前行（TSV）", hidden: !context.row, action: () => void copyContext(selectionTSV(result.columns, [context.row!]), "当前行（不含表头）") },
+          { label: "复制当前列（TSV）", hidden: !context.column, hint: "当前筛选后的已加载行，按当前排序，不含表头", action: () => void copyContext(selectionTSV([context.column!], sortedRows), "当前列（筛选后的已加载行）") },
+          { label: "复制列名", hidden: !!context.row || !context.column, action: () => void copyContext(context.column!, "列名") },
+          { label: "本页升序", separator: true, hidden: !!context.row || !context.column, action: () => { setSortCol(context.column); setSortDir("asc"); } },
+          { label: "本页降序", hidden: !!context.row || !context.column, action: () => { setSortCol(context.column); setSortDir("desc"); } },
+          { label: "取消排序", hidden: !!context.row || !context.column || !sortCol, action: () => { setSortCol(null); setSortDir(null); } },
+          { label: "列宽适应内容", hidden: !!context.row || !context.column, action: () => setColWidths((w) => ({ ...w, [context.column!]: suggestedColumnWidth(context.column!, sortedRows) })) },
+          { label: "恢复默认列宽", hidden: !!context.row || !context.column, action: () => setColWidths((w) => ({ ...w, [context.column!]: 140 })) },
+          { label: "复制当前行 JSON", separator: true, hidden: !context.row, action: () => void copyContext(JSON.stringify(context.row, null, 2), "当前行 JSON") },
+          { label: "复制当前行 INSERT", hidden: !context.row, disabled: !insertSource || !isWritableDriver(insertSource.driver), hint: "仅已确认表来源的结果可用；任意查询不猜测目标表", action: () => { if (insertSource) void copyContext(rowsToInsert(insertSource.driver, relationParts(insertSource.driver, insertSource.database, insertSource.table), result.columns, [context.row!]), "当前行 INSERT"); } },
+          { label: filter ? "复制筛选结果（TSV）" : "复制全部已加载行（TSV）", hidden: !!context.row || !!context.column, action: () => void copyContext(selectionTSV(result.columns, sortedRows), "筛选后的已加载行（不含表头）") },
+          { label: filter ? "复制筛选结果 JSON" : "复制当前结果 JSON", hidden: !!context.row || !!context.column, action: () => void copyContext(JSON.stringify(sortedRows, null, 2), "当前结果 JSON") },
+          { label: "导出当前结果 CSV", separator: true, action: () => exportCurrent("csv") },
+          { label: "导出当前结果 JSON", action: () => exportCurrent("json") },
+        ]} />}
       <div className="ops-section-label justify-between border-b gap-2">
         <div className="flex min-w-0 flex-1 items-center gap-1 overflow-x-auto normal-case tracking-normal">
           <div className="ops-seg" role="tablist" aria-label="结果视图">
@@ -677,15 +727,6 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
             >
               结构
             </button>
-            {!redisInspect && (
-              <button
-                type="button"
-                className={resultTab === "explain" ? "ops-seg-active" : undefined}
-                onClick={() => set("resultTab", "explain")}
-              >
-                计划
-              </button>
-            )}
           </div>
           {resultSets.length > 1 && (
             <>
@@ -713,13 +754,15 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
             </>
           )}
         </div>
-        {resultTab === "data" && result && !result.error && !redisInspect && (
-          <span className="flex items-center gap-2 font-normal normal-case tracking-normal">
+        {resultTab === "data" && result && !result.error && (
+          <span className="flex items-center gap-2 font-normal normal-case tracking-normal" style={{ color: "var(--ops-muted)" }}>
             <span>
               {result.rowCount} 行 · {result.timeMs} ms
-              {selectedIdx != null ? ` · #${selectedIdx + 1}` : ""}
-              {canEdit ? "" : writable ? "" : " · 只读"}
+              {!redisInspect && selectedIdx != null ? ` · #${selectedIdx + 1}` : ""}
+              {!redisInspect && (canEdit ? "" : writable ? "" : " · 只读")}
             </span>
+            {!redisInspect && (
+              <>
             <button type="button" className="hover:underline" style={{ color: "var(--ops-accent)" }} onClick={() => void copy("tsv")}>
               复制全部
             </button>
@@ -732,9 +775,7 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
                 if (selectedIdx == null || !result) return;
                 const row = visibleRows[selectedIdx];
                 if (!row) return;
-                void copyText(result.columns.map((c) => (row[c] == null ? "" : String(row[c]))).join("\t")).then(() =>
-                  notify({ kind: "success", title: "已复制行", message: `#${selectedIdx + 1}`, mode: "toast", durationMs: 1200 }),
-                );
+                void copyContext(selectionTSV(result.columns, [row]), `第 ${selectedIdx + 1} 行`);
               }}
             >
               复制行
@@ -778,6 +819,7 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
                       className="block w-full rounded px-2 py-1 text-left hover:bg-[var(--ops-bg-active)]"
                       style={{ fontSize: "var(--ops-text-xs)", color: "var(--ops-text)" }}
                       onClick={() => exportCurrent(f)}
+                      disabled={f === "insert" && !insertSource}
                     >
                       {f.toUpperCase()}
                     </button>
@@ -790,6 +832,7 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
                       void copy("insert");
                       setExpMenu(false);
                     }}
+                    disabled={!insertSource}
                   >
                     复制 INSERT
                   </button>
@@ -846,6 +889,8 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
                 </div>
               )}
             </div>
+              </>
+            )}
           </span>
         )}
       </div>
@@ -854,38 +899,15 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
         <SchemaPane />
       ) : resultTab === "data" && redisInspect && result && !result.error ? (
         <RedisKeyPane />
-      ) : resultTab === "explain" ? (
-        <div className="min-h-0 flex-1 overflow-auto p-2">
-          {!explainText ? (
-            <div className="ops-empty" style={{ minHeight: 100 }}>
-              <h2 style={{ fontSize: "var(--ops-text-lg)" }}>执行计划</h2>
-              <p>点工具栏「执行计划」获取（部分引擎可用）。</p>
-            </div>
-          ) : (
-            <pre
-              className="m-0 whitespace-pre-wrap font-mono leading-relaxed"
-              style={{ fontSize: "var(--ops-text-sm)", color: "var(--ops-text)" }}
-            >
-              {explainText}
-            </pre>
-          )}
-        </div>
       ) : (
         <>
-          {(result?.truncated || truncatedLocal) && (
-            <div
-              className="shrink-0 border-b px-2 py-1 text-[11px]"
-              style={{
-                borderColor: "color-mix(in srgb, var(--ops-warning) 40%, var(--ops-border))",
-                background: "color-mix(in srgb, var(--ops-warning) 10%, transparent)",
-                color: "var(--ops-warning)",
-              }}
-            >
-              已截断：界面最多显示 {result?.limit || DISPLAY_CAP} 行
-              {truncatedLocal && sortedRows.length > DISPLAY_CAP ? `（共 ${sortedRows.length}）` : ""}。加 LIMIT 或导出 CSV。
-            </div>
-          )}
-
+          {result && !result.error && result.columns.length > 0 && <div className="ops-result-tools">
+            <span className="ops-result-location" title={insertSource ? `${insertSource.database} / ${insertSource.table}` : "查询结果"}>{insertSource ? `${insertSource.database} / ${insertSource.table}` : "查询结果"}</span>
+            <input className="ops-input" aria-label="筛选已加载结果" placeholder="筛选已加载结果…" value={filter} disabled={!!edit} onChange={(e) => setFilter(e.target.value)} />
+            {filter && <button className="ops-btn-ghost" onClick={() => setFilter("")}>清除</button>}
+            <span className="ml-auto tabular-nums">{filter ? `匹配 ${sortedRows.length} / ${result.rows.length} 行` : `${result.rows.length} 行`} · {result.columns.length} 列 · {result.timeMs} ms</span>
+          </div>}
+          {result?.truncated && <div className="ops-result-notice">服务端还有更多数据。请使用下一页或导出完整查询。</div>}
           <div className="min-h-0 flex-1 overflow-auto">
             {result?.error && (
               <div
@@ -913,9 +935,7 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
                     type="button"
                     className="hover:underline"
                     onClick={() =>
-                      void copyText(activeRs ? `${activeRs.sql}\n\n${result.error ?? ""}` : (result.error ?? "")).then(() =>
-                        notify({ kind: "success", title: "已复制", message: "错误详情已复制", mode: "toast", durationMs: 1400 }),
-                      )
+                      void copyText(activeRs ? `${activeRs.sql}\n\n${result.error ?? ""}` : (result.error ?? "")).catch((e) => notifyError(e, "toast"))
                     }
                   >
                     复制错误详情
@@ -935,14 +955,15 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
               </div>
             )}
 
+            {result && !result.error && result.rows.length > 0 && !sortedRows.length && <div className="ops-empty"><h2>没有匹配的数据</h2><p>筛选仅作用于已加载结果，不会查询数据库。</p><button className="ops-btn-secondary" onClick={() => setFilter("")}>清除筛选</button></div>}
             {emptyResult && (
               <div className="ops-empty" style={{ minHeight: 120 }}>
-                <h2 style={{ fontSize: "var(--ops-text-lg)" }}>空结果</h2>
-                <p>查询成功，但没有返回行。试试改写 SQL 或放宽条件。</p>
+                <h2 style={{ fontSize: "var(--ops-text-lg)" }}>{result?.columns.length ? "未找到记录" : "执行完成"}</h2>
+                <p>{result?.columns.length ? "查询成功，但没有返回记录。可调整查询条件后重试。" : `语句执行成功，影响 ${result?.rowCount ?? 0} 行。`}</p>
               </div>
             )}
 
-            {result && !result.error && result.rows.length > 0 && (
+            {result && !result.error && sortedRows.length > 0 && (
               <div
                 ref={gridRef}
                 className="outline-none"
@@ -962,9 +983,11 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
                       return (
                         <th
                           key={c}
+                          onContextMenu={(e) => openContext(e, null, c)}
                           className="ops-sortable"
                           style={{ width: w, minWidth: w, maxWidth: w }}
-                          onClick={() => cycleSort(c)}
+                          aria-sort={sortCol === c ? (sortDir === "asc" ? "ascending" : "descending") : "none"}
+                          onClick={() => { if (!edit) cycleSort(c); }}
                           title="点击排序：升 → 降 → 取消（仅当前页数据）"
                         >
                           {c}
@@ -978,7 +1001,7 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
                               本页
                             </span>
                           )}
-                          <span className="ops-col-resize" onMouseDown={(e) => onResizeStart(c, e)} />
+                          <span className="ops-col-resize" title="拖动调整列宽，双击适应内容" onClick={(e) => e.stopPropagation()} onDoubleClick={(e) => { e.stopPropagation(); setColWidths((widths) => ({ ...widths, [c]: suggestedColumnWidth(c, sortedRows) })); }} onMouseDown={(e) => onResizeStart(c, e)} />
                         </th>
                       );
                     })}
@@ -988,9 +1011,10 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
                   {visibleRows.map((row, i) => (
                     <tr
                       key={i}
+                      onContextMenu={(e) => { setSelectedIdx(i); setSelectedCol(null); openContext(e, row, null); }}
                       data-row-idx={i}
                       className={selectedIdx === i ? "ops-row-selected" : undefined}
-                      onClick={() => setSelectedIdx(i)}
+                      onClick={() => { setSelectedIdx(i); setSelectedCol(null); gridRef.current?.focus(); }}
                     >
                       <td className="ops-rownum">{(result.offset ?? 0) + i + 1}</td>
                       {result.columns.map((c) => {
@@ -1000,7 +1024,8 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
                         return (
                           <td
                             key={c}
-                            className={cellSelected ? "ops-cell-selected" : undefined}
+                            onContextMenu={(e) => { setSelectedIdx(i); setSelectedCol(c); openContext(e, row, c); }}
+                            className={`${cellSelected ? "ops-cell-selected" : ""} ${typeof row[c] === "number" ? "ops-number" : ""}`}
                             style={{
                               width: colWidths[c] ?? 140,
                               maxWidth: colWidths[c] ?? 140,
@@ -1009,13 +1034,14 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
                               outline: cellSelected ? "1px solid var(--ops-accent)" : undefined,
                               outlineOffset: cellSelected ? -1 : undefined,
                             }}
-                            title={row[c] == null ? "NULL" : String(row[c])}
+                            title={cellText(row[c])}
                             onClick={(e) => {
                               e.stopPropagation();
                               setSelectedIdx(i);
                               setSelectedCol(c);
+                              gridRef.current?.focus();
                             }}
-                            onDoubleClick={() => beginEdit(i, c)}
+                            onDoubleClick={() => { if (canEdit) beginEdit(i, c); else showDetail(row, c); }}
                           >
                             {editing ? (
                               <input
@@ -1039,8 +1065,7 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
                                     title="查看全文"
                                     onClick={(e) => {
                                       e.stopPropagation();
-                                      const r = (e.currentTarget as HTMLElement).getBoundingClientRect();
-                                      setPeek({ text: long, x: Math.min(r.left, window.innerWidth - 460), y: r.bottom + 4 });
+                                      showDetail(row, c);
                                     }}
                                   >
                                     展开
@@ -1055,6 +1080,7 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
                   ))}
                 </tbody>
               </table>
+              {truncatedLocal && <div className="ops-load-more"><span>已显示 {visibleRows.length} / {sortedRows.length} 行</span><button className="ops-btn-secondary" onClick={() => setDisplayCount((n) => n + RESULT_BATCH)}>继续显示 {Math.min(RESULT_BATCH, sortedRows.length - displayCount)} 行</button></div>}
               </div>
             )}
           </div>
@@ -1090,51 +1116,10 @@ export function ResultPane({ tableHint }: { tableHint?: string }) {
         </>
       )}
 
-      {/* G4:长值查看/复制全文 popover */}
-      {peek && (
-        <div
-          data-ops-peek
-          className="fixed flex max-w-[440px] flex-col gap-1.5 rounded border p-2 shadow-lg"
-          style={{
-            left: peek.x,
-            top: peek.y,
-            zIndex: "var(--ops-z-ctx)",
-            borderColor: "var(--ops-border)",
-            background: "var(--ops-surface)",
-            boxShadow: "var(--ops-shadow-pop)",
-          }}
-        >
-          <pre
-            className="m-0 max-h-56 overflow-auto whitespace-pre-wrap break-all font-mono"
-            style={{ fontSize: "var(--ops-text-xs)", color: "var(--ops-text)" }}
-          >
-            {peek.text}
-          </pre>
-          <div className="flex justify-end gap-2">
-            <button
-              type="button"
-              className="ops-btn-secondary h-5 px-2"
-              style={{ fontSize: "var(--ops-text-xs)" }}
-              onClick={() =>
-                void copyText(peek.text).then(() => {
-                  notify({ kind: "success", title: "已复制", message: "全文已复制", mode: "toast", durationMs: 1200 });
-                  setPeek(null);
-                })
-              }
-            >
-              复制全文
-            </button>
-            <button
-              type="button"
-              className="ops-btn-ghost h-5 px-2"
-              style={{ fontSize: "var(--ops-text-xs)" }}
-              onClick={() => setPeek(null)}
-            >
-              关闭
-            </button>
-          </div>
-        </div>
-      )}
+      {detail && <OpsModal wide title={detail.title} okLabel="关闭" onOk={() => setDetail(null)}>
+        <div className="flex items-center justify-between mb-2 text-xs"><span>{detail.text.length} 字符 · 只读</span><button className="ops-btn-secondary" onClick={() => void copyContext(detail.text, "完整值")}>复制全文</button></div>
+        <textarea readOnly aria-label="完整值" className="ops-input ops-value-detail" value={detail.text} />
+      </OpsModal>}
     </div>
   );
 }
diff --git a/src/SchemaMetadata.tsx b/src/SchemaMetadata.tsx
new file mode 100644
index 0000000..4580e37
--- /dev/null
+++ b/src/SchemaMetadata.tsx
@@ -0,0 +1,61 @@
+import { useEffect, useState } from "react";
+import { execSql } from "./api";
+import { ensureSession } from "./ObjectTree";
+import { metadataGroups, tableMetadataSql, type MetadataKind } from "./tableMetadata";
+import type { SavedConnection } from "./store";
+
+type GroupState = { rows?: { name: string; detail: string }[]; error?: string; loading?: boolean; truncated?: boolean };
+
+/** 与对象树共用方言查询，单组失败不妨碍查看其他结构。 */
+function SchemaMetadataGroup({ conn, database, table, kind, label }: {
+  conn: SavedConnection; database: string; table: string; kind: MetadataKind; label: string;
+}) {
+  const sql = tableMetadataSql(conn.driver, database, table, kind);
+  const [state, setState] = useState<GroupState>({ loading: true });
+  const [attempt, setAttempt] = useState(0);
+  useEffect(() => {
+    if (!sql) { setState({}); return; }
+    let alive = true;
+    setState({ loading: true });
+    (async () => {
+      try {
+        const sessionId = await ensureSession(conn);
+        const result = await execSql(conn, sql, { database, sessionId, limit: 1000 });
+        if (result.error) throw new Error(result.error);
+        if (alive) setState({
+          rows: result.rows.map(row => ({ name: String(row.name ?? ""), detail: String(row.detail ?? "") })),
+          truncated: !!result.truncated,
+        });
+      } catch (error) {
+        if (alive) setState({ error: error instanceof Error ? error.message : String(error) });
+      }
+    })();
+    return () => { alive = false; };
+  }, [conn, database, table, sql, attempt]);
+
+  if (!sql) return null;
+  return <details open className="border-t px-3 py-1.5" style={{ borderColor: "var(--ops-border)" }}>
+    <summary className="cursor-pointer text-[12.5px] font-medium">
+      {label}{state.rows ? `（${state.rows.length}${state.truncated ? "+" : ""}）` : ""}
+    </summary>
+    {state.loading ? <p className="ops-tree-meta-note">加载中…</p> : state.error ?
+      <div className="ops-tree-meta-note" role="alert">{label}读取失败：{state.error}
+        <button type="button" onClick={() => setAttempt(n => n + 1)}>重试</button>
+      </div> : state.rows?.length ? <>
+        <table className="ops-grid" style={{ width: "100%" }}><thead><tr><th>名称</th><th>定义 / 详情</th></tr></thead>
+          <tbody>{state.rows.map((row, index) => <tr key={`${row.name}-${index}`}>
+            <td className="font-mono text-[12px]">{row.name}</td>
+            <td className="font-mono text-[12px] whitespace-pre-wrap break-all">{row.detail}</td>
+          </tr>)}</tbody>
+        </table>
+        {state.truncated && <p className="ops-tree-meta-note">仅展示前 1000 项</p>}
+      </> : <p className="ops-tree-meta-note">当前权限下未找到{label}</p>}
+  </details>;
+}
+
+export function SchemaMetadata({ conn, database, table }: { conn: SavedConnection; database: string; table: string }) {
+  return <div>{metadataGroups.map(group => <SchemaMetadataGroup
+    key={`${conn.id}/${database}/${table}/${group.kind}`}
+    conn={conn} database={database} table={table} kind={group.kind} label={group.label}
+  />)}</div>;
+}
diff --git a/src/SchemaPane.tsx b/src/SchemaPane.tsx
index 2da84ee..3e46c2a 100644
--- a/src/SchemaPane.tsx
+++ b/src/SchemaPane.tsx
@@ -1,69 +1,19 @@
-import { useEffect, useState } from "react";
-import { execSql, listColumns } from "./api";
+import { useState } from "react";
+import { listColumns } from "./api";
 import { DdlModal } from "./DdlModal";
 import { ensureSession } from "./ObjectTree";
 import { useWorkspaceStore } from "./store";
-
-type MetaRow = Record<string, unknown>;
-
-type TableMeta = {
-  indexes: MetaRow[];
-  fks: MetaRow[];
-  triggers: MetaRow[];
-};
-
-const EMPTY_META: TableMeta = { indexes: [], fks: [], triggers: [] };
-
-/** MySQL 协议族才走 information_schema 元数据（PG/Oracle 的系统目录另行适配） */
-function isMysqlFamily(driver?: string) {
-  return ["mysql", "mariadb", "tidb", "oceanbase", "polardb", "tdsql"].includes((driver || "").toLowerCase());
-}
-
-/** 标识符转义进 information_schema 字符串比较 */
-const esc = (s: string) => s.replace(/'/g, "''");
+import { SchemaMetadata } from "./SchemaMetadata";
 
 export function SchemaPane() {
   const schema = useWorkspaceStore((s) => s.schemaView);
   const set = useWorkspaceStore((s) => s.set);
   const conn = useWorkspaceStore((s) => s.connections.find((c) => c.id === s.activeConnectionId));
-  const [meta, setMeta] = useState<TableMeta>(EMPTY_META);
   /** R2-F3:DDL 查看弹窗 */
   const [showDdl, setShowDdl] = useState(false);
-  const mysql = isMysqlFamily(conn?.driver);
   /** Redis 键的结构页不展示 DDL(服务端仅支持表/视图) */
   const ddlEnabled = !!conn && (conn.driver || "").toLowerCase() !== "redis";
 
-  useEffect(() => {
-    let alive = true;
-    setMeta(EMPTY_META);
-    if (!conn || !mysql || !schema || schema.loading || schema.error || !schema.table) return;
-    (async () => {
-      try {
-        const sid = await ensureSession(conn);
-        const db = esc(schema.database);
-        const t = esc(schema.table);
-        const run = (sqlText: string) => execSql(conn, sqlText, { database: schema.database, sessionId: sid, limit: 200 });
-        const [ix, fk, tg] = await Promise.all([
-          run(
-            `SELECT INDEX_NAME AS name, IF(NON_UNIQUE=0,'UNIQUE','') AS uniq, GROUP_CONCAT(COLUMN_NAME ORDER BY SEQ_IN_INDEX SEPARATOR ', ') AS cols FROM information_schema.STATISTICS WHERE TABLE_SCHEMA='${db}' AND TABLE_NAME='${t}' GROUP BY INDEX_NAME, NON_UNIQUE ORDER BY INDEX_NAME`,
-          ),
-          run(
-            `SELECT CONSTRAINT_NAME AS name, COLUMN_NAME AS col, REFERENCED_TABLE_NAME AS refTable, REFERENCED_COLUMN_NAME AS refCol FROM information_schema.KEY_COLUMN_USAGE WHERE TABLE_SCHEMA='${db}' AND TABLE_NAME='${t}' AND REFERENCED_TABLE_NAME IS NOT NULL`,
-          ),
-          run(
-            `SELECT TRIGGER_NAME AS name, ACTION_TIMING AS timing, EVENT_MANIPULATION AS event, EVENT_OBJECT_TABLE AS onTable FROM information_schema.TRIGGERS WHERE TRIGGER_SCHEMA='${db}' AND EVENT_OBJECT_TABLE='${t}'`,
-          ),
-        ]);
-        if (alive) setMeta({ indexes: ix.rows, fks: fk.rows, triggers: tg.rows });
-      } catch {
-        /* 元数据不可用时静默降级：结构页至少保底显示列 */
-      }
-    })();
-    return () => {
-      alive = false;
-    };
-  }, [conn, mysql, schema?.database, schema?.table, schema?.loading, schema?.error]);
-
   if (!schema) {
     return (
       <div className="ops-empty" style={{ minHeight: 120 }}>
@@ -122,8 +72,6 @@ export function SchemaPane() {
     );
   }
 
-  const str = (v: unknown) => (v == null ? "" : String(v));
-
   return (
     <div className="flex min-h-0 flex-1 flex-col">
       <div className="ops-section-label justify-between border-b">
@@ -205,94 +153,7 @@ export function SchemaPane() {
           </table>
         )}
 
-        {mysql && (
-          <div className="border-t" style={{ borderColor: "var(--ops-border)" }}>
-            <details open className="px-3 py-1.5">              <summary className="cursor-pointer text-[12.5px] font-medium" style={{ listStyle: "none" }}>
-                索引（{meta.indexes.length}）
-              </summary>
-              {meta.indexes.length === 0 ? (
-                <div className="px-1 py-1 text-[11.5px]" style={{ color: "var(--ops-muted)" }}>无索引</div>
-              ) : (
-                <table className="ops-grid" style={{ width: "100%" }}>
-                  <thead>
-                    <tr>
-                      <th>索引名</th>
-                      <th style={{ width: 70 }}>唯一</th>
-                      <th>列</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    {meta.indexes.map((r, i) => (
-                      <tr key={i}>
-                        <td className="font-mono text-[12px]">{str(r.name)}</td>
-                        <td>{r.uniq ? "✓" : ""}</td>
-                        <td className="font-mono text-[12px]" style={{ color: "var(--ops-muted)" }}>{str(r.cols)}</td>
-                      </tr>
-                    ))}
-                  </tbody>
-                </table>
-              )}
-            </details>
-
-            <details open className="border-t px-3 py-1.5" style={{ borderColor: "var(--ops-border)" }}>
-              <summary className="cursor-pointer text-[12.5px] font-medium" style={{ listStyle: "none" }}>
-                外键（{meta.fks.length}）
-              </summary>
-              {meta.fks.length === 0 ? (
-                <div className="px-1 py-1 text-[11.5px]" style={{ color: "var(--ops-muted)" }}>无外键</div>
-              ) : (
-                <table className="ops-grid" style={{ width: "100%" }}>
-                  <thead>
-                    <tr>
-                      <th>约束名</th>
-                      <th>列</th>
-                      <th>引用</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    {meta.fks.map((r, i) => (
-                      <tr key={i}>
-                        <td className="font-mono text-[12px]">{str(r.name)}</td>
-                        <td className="font-mono text-[12px]">{str(r.col)}</td>
-                        <td className="font-mono text-[12px]" style={{ color: "var(--ops-muted)" }}>
-                          {str(r.refTable)}.{str(r.refCol)}
-                        </td>
-                      </tr>
-                    ))}
-                  </tbody>
-                </table>
-              )}
-            </details>
-
-            <details open className="border-t px-3 py-1.5" style={{ borderColor: "var(--ops-border)" }}>
-              <summary className="cursor-pointer text-[12.5px] font-medium" style={{ listStyle: "none" }}>
-                触发器（{meta.triggers.length}）
-              </summary>
-              {meta.triggers.length === 0 ? (
-                <div className="px-1 py-1 text-[11.5px]" style={{ color: "var(--ops-muted)" }}>无触发器</div>
-              ) : (
-                <table className="ops-grid" style={{ width: "100%" }}>
-                  <thead>
-                    <tr>
-                      <th>触发器</th>
-                      <th style={{ width: 80 }}>时机</th>
-                      <th style={{ width: 80 }}>事件</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    {meta.triggers.map((r, i) => (
-                      <tr key={i}>
-                        <td className="font-mono text-[12px]">{str(r.name)}</td>
-                        <td>{str(r.timing)}</td>
-                        <td>{str(r.event)}</td>
-                      </tr>
-                    ))}
-                  </tbody>
-                </table>
-              )}
-            </details>
-          </div>
-        )}
+        {conn && <SchemaMetadata conn={conn} database={schema.database} table={schema.table} />}
       </div>
       {showDdl && conn && (
         <DdlModal conn={conn} database={schema.database} table={schema.table} onClose={() => setShowDdl(false)} />
diff --git a/src/SettingsModal.tsx b/src/SettingsModal.tsx
index b35f509..7d894fb 100644
--- a/src/SettingsModal.tsx
+++ b/src/SettingsModal.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import {
   ExternalLink,
   Info,
@@ -12,20 +12,18 @@ import {
   Zap,
   type LucideIcon,
 } from "lucide-react";
-import { driverStatus, health, type DriverStatusItem } from "./api";
+import { health } from "./api";
 import { OpsModal } from "./OpsModal";
-import { AiSettings } from "./AiPanel";
+import { AiSettings, type AiSettingsHandle, type AiSettingsStatus } from "./AiPanel";
 import { McpSettings } from "./McpSettings";
 import { DriverManager } from "./DriverManager";
 import appPackage from "../package.json";
 import { useWorkspaceStore } from "./store";
 import { openExternal } from "./openExternal";
-import wechatGroupQr from "./assets/wechat-group-qr.png";
 
 const IS_MAC = typeof navigator !== "undefined" && /Mac/i.test(navigator.platform);
 const MOD = IS_MAC ? "⌘" : "Ctrl";
 
-const WECHAT_GROUP_URL = "https://docs.qq.com/doc/DTFpxcndud0xPd1hX";
 const DRIVER_STORE_URL = "https://gitee.com/attacker/opsxdb-driver";
 
 type TabId = "general" | "execution" | "results" | "ai" | "mcp" | "security" | "drivers" | "shortcuts" | "about";
@@ -34,8 +32,8 @@ const TABS: Array<{ id: TabId; icon: LucideIcon; label: string; desc: string }>
   { id: "general", icon: Monitor, label: "常规", desc: "主题与界面" },
   { id: "execution", icon: Zap, label: "执行", desc: "超时与多语句" },
   { id: "results", icon: Table, label: "结果", desc: "面板与分页" },
-  { id: "ai", icon: Sparkles, label: "AI 助手", desc: "模型、API Key 与连接测试" },
-  { id: "mcp", icon: Server, label: "MCP", desc: "安装检测、只读与客户端配置" },
+  { id: "ai", icon: Sparkles, label: "大模型", desc: "AI 供应商" },
+  { id: "mcp", icon: Server, label: "MCP", desc: "连接授权与客户端接入" },
   { id: "security", icon: Shield, label: "安全与数据", desc: "本机存储与执行保护" },
   { id: "drivers", icon: Puzzle, label: "驱动", desc: "agent 驱动状态" },
   { id: "shortcuts", icon: Keyboard, label: "快捷键", desc: "键盘操作一览" },
@@ -110,58 +108,7 @@ function AboutLink({ label, description, onClick }: { label: string; description
   );
 }
 
-function WechatGroupBlock() {
-  const [imgOk, setImgOk] = useState(true);
-  return (
-    <div className="space-y-2 rounded-lg border p-3" style={{ borderColor: "var(--ops-border-soft)" }}>
-      <div className="flex flex-col items-center gap-2">
-        {imgOk ? (
-          <img
-            src={wechatGroupQr}
-            alt="微信交流群二维码"
-            width={132}
-            height={132}
-            className="rounded-lg object-cover"
-            style={{
-              width: 132,
-              height: 132,
-              border: "1px solid var(--ops-border-soft)",
-              borderRadius: 8,
-            }}
-            onError={() => setImgOk(false)}
-          />
-        ) : (
-          <div
-            className="grid place-items-center text-center text-[11px]"
-            style={{
-              width: 132,
-              height: 132,
-              borderRadius: 8,
-              border: "1px dashed var(--ops-border)",
-              color: "var(--ops-muted)",
-              background: "var(--ops-surface-2)",
-            }}
-          >
-            二维码暂缺
-            <br />
-            请点下方链接加入
-          </div>
-        )}
-        <p className="text-center text-[11px]" style={{ color: "var(--ops-muted)" }}>
-          扫码加入交流群
-        </p>
-      </div>
-      <AboutLink
-        label="微信群"
-        description="扫码加入交流群"
-        onClick={() => void openExternal(WECHAT_GROUP_URL)}
-      />
-    </div>
-  );
-}
-
-
-/** 设置弹框：左分类导航 + 右面板（对标 opsxshell / DBeaver Preferences） */
+/** 设置弹框：左分类导航 + 右面板 */
 export function SettingsModal({ onClose }: { onClose: () => void }) {
   const [tab, setTab] = useState<TabId>("general");
   const theme = useWorkspaceStore((s) => s.theme);
@@ -171,20 +118,12 @@ export function SettingsModal({ onClose }: { onClose: () => void }) {
   const resultRatio = useWorkspaceStore((s) => s.resultRatio);
   const set = useWorkspaceStore((s) => s.set);
   const notify = useWorkspaceStore((s) => s.notify);
-  const [showDriverManager, setShowDriverManager] = useState(false);
-  const [driverError, setDriverError] = useState("");
-
-  const [drivers, setDrivers] = useState<DriverStatusItem[] | null>(null);
+  const aiSettingsRef = useRef<AiSettingsHandle>(null);
+  const [aiStatus, setAiStatus] = useState<AiSettingsStatus>({ busy: false, testing: false, canSave: false, canTest: false, result: null });
   const [navSearch, setNavSearch] = useState("");
   const [version, setVersion] = useState<string>("");
 
-  const reloadDrivers = () => {
-    setDriverError("");
-    setDrivers(null);
-    void driverStatus().then(setDrivers).catch(() => setDriverError("驱动状态加载失败，请确认本机服务已启动。"));
-  };
   useEffect(() => {
-    reloadDrivers();
     void health().then((h) => setVersion(String((h as { version?: string }).version ?? ""))).catch(() => {});
   }, []);
 
@@ -201,14 +140,30 @@ export function SettingsModal({ onClose }: { onClose: () => void }) {
 
   return (
     <>
-    <OpsModal wide variant="info" title="设置" okLabel="完成" onOk={onClose}>
-      <div className="flex" style={{ height: "min(520px, 65vh)", minHeight: 260 }}>
+    <OpsModal wide className="ops-settings-modal" variant="info" title="设置"
+      okLabel={active === "ai" ? aiStatus.busy && !aiStatus.testing ? "保存中…" : "保存并关闭" : "完成"}
+      okDisabled={active === "ai" && !aiStatus.canSave}
+      onCancel={() => { if (!aiStatus.busy || active !== "ai") onClose(); }}
+      footerLeading={active === "ai" ? <>
+        <div className="ops-settings-feedback" role="status" aria-live="polite" style={{ color: aiStatus.result?.ok ? "var(--ops-success)" : "var(--ops-danger)" }}>
+          {aiStatus.testing ? <span style={{ color: "var(--ops-muted)" }}>正在测试连接…</span> : aiStatus.result?.text}
+        </div>
+        <button type="button" className="ops-btn-secondary" disabled={!aiStatus.canTest} onClick={() => void aiSettingsRef.current?.test()}>
+          {aiStatus.testing ? "测试中…" : "测试连接"}
+        </button>
+      </> : undefined}
+      onOk={() => {
+      if (active === "ai") void aiSettingsRef.current?.save().then((saved) => { if (saved) onClose(); });
+      else onClose();
+    }}>
+      <div className="ops-settings-layout">
         {/* 左导航:搜索 + 线框图标 + 主标题/副文案（对齐 opsxshell） */}
         <nav aria-label="设置分类" className="w-44 shrink-0 overflow-y-auto border-r pr-3" style={{ borderColor: "var(--ops-border-soft)" }}>
           <input
             className="ops-input mb-2 h-7 w-full text-[12px]"
             placeholder="搜索设置…"
             aria-label="搜索设置"
+            disabled={active === "ai" && aiStatus.busy}
             value={navSearch}
             onChange={(e) => setNavSearch(e.target.value)}
           />
@@ -226,6 +181,7 @@ export function SettingsModal({ onClose }: { onClose: () => void }) {
                 }`}
                 style={selected ? { boxShadow: "inset 2px 0 0 var(--ops-accent)" } : undefined}
                 aria-current={selected ? "page" : undefined}
+                disabled={active === "ai" && aiStatus.busy}
                 onClick={() => setTab(t.id)}
               >
                 <span className="grid h-4 w-4 shrink-0 place-items-center" style={{ color: selected ? "var(--ops-accent)" : "var(--ops-muted)" }}>
@@ -241,11 +197,11 @@ export function SettingsModal({ onClose }: { onClose: () => void }) {
         </nav>
 
         {/* 右面板 */}
-        <div className="min-w-0 flex-1 space-y-4 overflow-y-auto pl-4 pr-1">
-          {activeTab ? <div className="border-b pb-3" style={{ borderColor: "var(--ops-border-soft)" }}><h2 className="text-base font-semibold">{activeTab.label}</h2></div> : <div className="py-12 text-center"><p>没有匹配的设置</p><button className="ops-btn-secondary mt-3" onClick={() => setNavSearch("")}>清空搜索</button></div>}
-          {active === "ai" && <AiSettings onClose={() => setTab("general")} />}
+        <div className="ops-settings-panel min-w-0 flex-1 space-y-4 overflow-y-auto pl-4 pr-1">
+          {activeTab ? <div className="border-b pb-3" style={{ borderColor: "var(--ops-border-soft)" }}><h2 className="text-sm font-semibold">{active === "ai" ? "AI 供应商" : activeTab.label}</h2>{active === "ai" && <p className="mt-1 text-xs" style={{ color: "var(--ops-muted)" }}>配置 Ask 和 Agent 使用的服务与模型</p>}</div> : <div className="py-12 text-center"><p>没有匹配的设置</p><button className="ops-btn-secondary mt-3" onClick={() => setNavSearch("")}>清空搜索</button></div>}
+          {active === "ai" && <AiSettings ref={aiSettingsRef} onStatus={setAiStatus} />}
           {active === "mcp" && <McpSettings />}
-          {active === "security" && <div className="space-y-4 text-xs leading-relaxed"><Row label="危险语句确认" hint="DROP、TRUNCATE 和无 WHERE 删除等操作，执行前需确认。"><span>始终开启</span></Row><Row label="连接与查询" hint="连接信息、查询标签与界面偏好保存在本机。连接密码目前仅作混淆保存，并非系统钥匙串加密。"><span>本机存储</span></Row><Row label="AI 数据" hint="使用 AI 时，输入的问题与选取的结构上下文会发送至所配置的 AI 服务。API Key 保存后不回显明文。"><span>按需发送</span></Row></div>}
+          {active === "security" && <div className="space-y-4 text-xs leading-relaxed"><Row label="危险语句确认" hint="DROP、TRUNCATE 和无 WHERE 删除等操作由本机服务拦截，执行前需确认。"><span>始终开启</span></Row><Row label="连接与查询" hint="连接信息、查询标签与界面偏好保存在本机。连接密码仅作混淆保存，尚未使用系统钥匙串。"><span>本机存储</span></Row><Row label="AI 数据" hint="使用 AI 时，问题与选取的结构上下文会发送至所配置的 AI 服务。API Key 保存在本机文件中，界面不回显。"><span>按需发送</span></Row></div>}
           {active === "general" && (
             <>
               <Row label="主题">
@@ -272,7 +228,7 @@ export function SettingsModal({ onClose }: { onClose: () => void }) {
 
           {active === "execution" && (
             <>
-              <Row label="默认执行超时" hint="单语句执行上限，超时由服务端强制中断">
+              <Row label="默认执行超时" hint="为每条语句设置超时；0 表示不额外指定，具体中断行为取决于驱动">
                 <Seg
                   value={execTimeoutMs}
                   options={[
@@ -312,32 +268,7 @@ export function SettingsModal({ onClose }: { onClose: () => void }) {
             </>
           )}
 
-          {active === "drivers" && (
-            <>
-              <div className="space-y-1.5">
-                {driverError && <div role="alert" className="text-xs">{driverError}<button className="ops-btn-secondary ml-2" onClick={reloadDrivers}>重试</button></div>}
-                {drivers?.length === 0 && <p className="text-xs">暂无需要管理的驱动。</p>}
-                {!driverError && drivers === null && <div className="text-[11px]" style={{ color: "var(--ops-muted)" }}>加载中…</div>}
-                {drivers?.map((d) => (
-                  <div key={d.id} className="flex items-center justify-between rounded border px-2 py-1.5 text-[11.5px]" style={{ borderColor: "var(--ops-border-soft)" }}>
-                    <span>{d.id}</span>
-                    <span style={{ color: d.allInstalled ? "var(--ops-accent)" : "var(--ops-warning)" }}>
-                      {d.allInstalled ? "已安装" : d.license === "proprietary" ? "需自备 jar" : "未安装"}
-                    </span>
-                  </div>
-                ))}
-              </div>
-              <Row label="驱动管理">
-                <button
-                  type="button"
-                  className="ops-btn-secondary h-6 px-2 text-[11px]"
-                  onClick={() => setShowDriverManager(true)}
-                >
-                  去管理
-                </button>
-              </Row>
-            </>
-          )}
+          {active === "drivers" && <DriverManager embedded />}
 
           {active === "shortcuts" && (
             <div className="space-y-1.5">
@@ -377,15 +308,10 @@ export function SettingsModal({ onClose }: { onClose: () => void }) {
                   <span style={{ color: "var(--ops-muted)" }}>形态</span>
                   <span>桌面客户端（Tauri 2）</span>
                 </div>
-                <div className="flex justify-between gap-4">
-                  <span style={{ color: "var(--ops-muted)" }}>驱动目录</span>
-                  <span className="truncate font-mono" title="~/.opsxdb/drivers">~/.opsxdb/drivers</span>
-                </div>
               </div>
               <div>
                 <div className="mb-2 px-1 text-[11px] font-medium" style={{ color: "var(--ops-muted)" }}>资源</div>
                 <div className="space-y-2">
-                  <WechatGroupBlock />
                   <div className="overflow-hidden rounded-lg border" style={{ borderColor: "var(--ops-border-soft)" }}>
                     <AboutLink
                       label="驱动商店"
@@ -400,7 +326,6 @@ export function SettingsModal({ onClose }: { onClose: () => void }) {
         </div>
       </div>
     </OpsModal>
-    {showDriverManager && <DriverManager onClose={() => { setShowDriverManager(false); reloadDrivers(); }} />}
     </>
   );
 }
diff --git a/src/SqlEditor.tsx b/src/SqlEditor.tsx
index 0f4de08..d6405ae 100644
--- a/src/SqlEditor.tsx
+++ b/src/SqlEditor.tsx
@@ -1,7 +1,9 @@
 import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
 import { EditorSelection, EditorState } from "@codemirror/state";
 import { EditorView, keymap, lineNumbers, highlightActiveLine, placeholder } from "@codemirror/view";
-import { defaultKeymap, history, historyKeymap, indentWithTab } from "@codemirror/commands";
+import { defaultKeymap, history, historyKeymap, indentWithTab, toggleComment } from "@codemirror/commands";
+import { search, searchKeymap, openSearchPanel } from "@codemirror/search";
+import { identifierAt } from "./contextActions";
 import { HighlightStyle, syntaxHighlighting } from "@codemirror/language";
 import { sql } from "@codemirror/lang-sql";
 import { autocompletion, type Completion, type CompletionContext, type CompletionResult } from "@codemirror/autocomplete";
@@ -93,12 +95,15 @@ export type SqlEditorHandle = {
   cutSelection: () => Promise<void>;
   copySelection: () => Promise<void>;
   pasteClipboard: () => Promise<void>;
+  toggleComment: () => void;
+  findReplace: () => void;
 };
 
 export type SqlEditorContextInfo = {
   x: number;
   y: number;
   hasSelection: boolean;
+  identifier: string[] | null;
 };
 
 export const SqlEditor = forwardRef<
@@ -159,6 +164,8 @@ export const SqlEditor = forwardRef<
       view.focus();
     },
     focus: () => viewRef.current?.focus(),
+    toggleComment: () => { const view = viewRef.current; if (view) { toggleComment(view); view.focus(); } },
+    findReplace: () => { const view = viewRef.current; if (view) openSearchPanel(view); },
     hasSelection: () => {
       const view = viewRef.current;
       if (!view) return false;
@@ -183,11 +190,9 @@ export const SqlEditor = forwardRef<
       const sel = view.state.selection.main;
       if (sel.empty) return;
       const text = view.state.sliceDoc(sel.from, sel.to);
-      try {
-        await navigator.clipboard.writeText(text);
-      } catch {
-        /* ignore */
-      }
+      const doc = view.state.doc;
+      await navigator.clipboard.writeText(text);
+      if (view.state.doc !== doc) throw new Error("文档已变化，已复制但未删除原选区");
       view.dispatch({ changes: { from: sel.from, to: sel.to, insert: "" } });
       view.focus();
     },
@@ -197,22 +202,13 @@ export const SqlEditor = forwardRef<
       const sel = view.state.selection.main;
       if (sel.empty) return;
       const text = view.state.sliceDoc(sel.from, sel.to);
-      try {
-        await navigator.clipboard.writeText(text);
-      } catch {
-        /* ignore */
-      }
+      await navigator.clipboard.writeText(text);
       view.focus();
     },
     pasteClipboard: async () => {
       const view = viewRef.current;
       if (!view) return;
-      let text = "";
-      try {
-        text = await navigator.clipboard.readText();
-      } catch {
-        return;
-      }
+      const text = await navigator.clipboard.readText();
       const sel = view.state.selection.main;
       view.dispatch({
         changes: { from: sel.from, to: sel.to, insert: text },
@@ -240,11 +236,13 @@ export const SqlEditor = forwardRef<
         lineNumbers(),
         highlightActiveLine(),
         history(),
+        search({ top: true }),
         sql(),
         // §3.10:关键字 + schemaCache 补全(override 覆盖 lang-sql 默认源)
         autocompletion({ override: [redis ? redisComplete : sqlComplete(connIdRef)] }),
         placeholder(redis ? "写 Redis 命令，⌘/Ctrl+Enter 执行当前行或选区" : "写 SQL，⌘/Ctrl+Enter 执行当前语句或选区"),
-        keymap.of([runKey, indentWithTab, ...historyKeymap, ...defaultKeymap]),
+        // Mod-/(⌘/Ctrl+/)切换 SQL 注释
+        keymap.of([runKey, indentWithTab, { key: "Mod-/", run: toggleComment }, ...searchKeymap, ...historyKeymap, ...defaultKeymap]),
         EditorView.updateListener.of((u) => {
           if (u.docChanged) onChangeRef.current(u.state.doc.toString());
         }),
@@ -252,11 +250,19 @@ export const SqlEditor = forwardRef<
           contextmenu: (e, view) => {
             e.preventDefault();
             e.stopPropagation();
+            const pos = view.posAtCoords({ x: e.clientX, y: e.clientY });
+            const before = view.state.selection.main;
+            // 选区内右键保留选区；选区外以实际右键位置为执行目标。
+            if (pos != null && (before.empty || pos < before.from || pos > before.to)) {
+              view.dispatch({ selection: EditorSelection.cursor(pos) });
+            }
             const sel = view.state.selection.main;
+            view.focus();
             onContextMenuRef.current?.({
               x: e.clientX,
               y: e.clientY,
               hasSelection: !sel.empty,
+              identifier: pos == null ? null : identifierAt(view.state.doc.toString(), pos),
             });
             return true;
           },
diff --git a/src/TableDesigner.tsx b/src/TableDesigner.tsx
new file mode 100644
index 0000000..8ee0727
--- /dev/null
+++ b/src/TableDesigner.tsx
@@ -0,0 +1,367 @@
+import { useEffect, useMemo, useState } from "react";
+import { execSql, listColumns } from "./api";
+import { OpsModal } from "./OpsModal";
+import { withSessionRetry } from "./ObjectTree";
+import { useWorkspaceStore, type SavedConnection } from "./store";
+import { tableMetadataSql, type MetadataKind } from "./tableMetadata";
+import { quoteIdent } from "./sql";
+import { buildMysqlIndexAlter, canEditIndexes, mysqlIndexQuery, toDesignerIndexes, validateIndexes, type DesignerIndex } from "./tableIndex";
+import {
+  buildAlterStatements,
+  buildCreateSql,
+  columnTypeSql,
+  designerSupport,
+  toDesignerColumns,
+  validateColumns,
+  type DesignerColumn,
+  isMysqlFamily,
+} from "./tableDdl";
+
+const COMMON_TYPES = [
+  "INT", "BIGINT", "SMALLINT", "VARCHAR", "CHAR", "TEXT", "DECIMAL", "NUMERIC",
+  "FLOAT", "DOUBLE", "DATE", "DATETIME", "TIMESTAMP", "TIME", "BOOLEAN", "BLOB", "JSON",
+];
+
+function emptyColumn(): DesignerColumn {
+  return { id: crypto.randomUUID(), name: "", type: "VARCHAR", length: "255", nullable: true, defaultValue: "", comment: "", primary: false, autoIncrement: false };
+}
+
+type DesignTab = "fields" | "indexes" | "foreignKeys" | "triggers" | "preview";
+const designTabs: { id: DesignTab; label: string }[] = [
+  { id: "fields", label: "字段" }, { id: "indexes", label: "索引" },
+  { id: "foreignKeys", label: "外键" }, { id: "triggers", label: "触发器" }, { id: "preview", label: "SQL 预览" },
+];
+
+function MetadataView({ conn, database, table, kind }: { conn: SavedConnection; database: string; table: string; kind: MetadataKind }) {
+  const [rows, setRows] = useState<{ name: string; detail: string }[]>([]);
+  const [error, setError] = useState("");
+  const [loading, setLoading] = useState(true);
+  const [retry, setRetry] = useState(0);
+  const sql = tableMetadataSql(conn.driver, database, table, kind);
+  useEffect(() => {
+    if (!sql) return;
+    let alive = true;
+    setLoading(true);
+    void withSessionRetry(conn, sid => execSql(conn, sql, { database, sessionId: sid, limit: 1000 }))
+      .then(res => {
+        if (res.error) throw new Error(res.error);
+        if (alive) setRows(res.rows.map(row => ({ name: String(row.name ?? ""), detail: String(row.detail ?? "") })));
+      })
+      .catch(e => alive && setError(e instanceof Error ? e.message : String(e)))
+      .finally(() => alive && setLoading(false));
+    return () => { alive = false; };
+  }, [conn, database, table, kind, sql, retry]);
+  if (!sql) return <p className="ops-tree-meta-note">当前驱动不支持读取此类结构。</p>;
+  if (loading) return <p className="ops-tree-meta-note">读取结构中…</p>;
+  if (error) return <p role="alert" className="ops-tree-meta-note">读取失败：{error} <button type="button" onClick={() => setRetry(n => n + 1)}>重试</button></p>;
+  if (!rows.length) return <p className="ops-tree-meta-note">当前表暂无记录。</p>;
+  return <div className="max-h-[48vh] overflow-auto rounded border" style={{ borderColor: "var(--ops-border)" }}>
+    <table className="ops-grid w-full"><thead><tr><th>名称</th><th>定义 / 详情</th></tr></thead><tbody>
+      {rows.map((row, i) => <tr key={`${row.name}-${i}`}><td>{row.name}</td><td className="whitespace-pre-wrap break-all font-mono">{row.detail}</td></tr>)}
+    </tbody></table>
+  </div>;
+}
+
+/** 字段与 MySQL 索引同屏编辑；其他结构明确只读。 */
+export function TableDesigner({
+  conn,
+  database,
+  table,
+  onClose,
+  onApplied,
+}: {
+  conn: SavedConnection;
+  database: string;
+  /** 缺省 = 新建表 */
+  table?: string;
+  onClose: () => void;
+  onApplied: () => void;
+}) {
+  const notify = useWorkspaceStore((s) => s.notify);
+  const notifyError = useWorkspaceStore((s) => s.notifyError);
+  const askConfirm = useWorkspaceStore((s) => s.askConfirm);
+  const [tableName, setTableName] = useState(table || "");
+  const [cols, setCols] = useState<DesignerColumn[]>(() => [emptyColumn()]);
+  const [initial, setInitial] = useState<DesignerColumn[]>([]);
+  const [loading, setLoading] = useState(!!table);
+  const [applying, setApplying] = useState(false);
+  const [activeTab, setActiveTab] = useState<DesignTab>("fields");
+  const [indexes, setIndexes] = useState<DesignerIndex[]>([]);
+  const [initialIndexes, setInitialIndexes] = useState<DesignerIndex[]>([]);
+  const [metadataError, setMetadataError] = useState("");
+  const [retry, setRetry] = useState(0);
+  const [density, setDensity] = useState<"comfortable" | "compact">("comfortable");
+  const [comment, setComment] = useState("");
+  const [initialComment, setInitialComment] = useState("");
+  const mysql = isMysqlFamily(conn.driver);
+  const editableIndexes = canEditIndexes(conn.driver);
+
+  useEffect(() => {
+    if (!table) return;
+    let alive = true;
+    setLoading(true);
+    setMetadataError("");
+    const load = async () => {
+      const res = await withSessionRetry(conn, sid => listColumns(conn, database, table, sid));
+      if (!alive) return;
+      const columns = toDesignerColumns(res.columns);
+      setCols(columns);
+      setInitial(columns.map(c => ({ ...c })));
+      if (mysql) {
+        const idx = await withSessionRetry(conn, sid => execSql(conn, mysqlIndexQuery(database, table), { database, sessionId: sid, limit: 2000 }));
+        if (idx.error || idx.truncated) throw new Error(idx.error || "索引列表已截断，无法安全编辑");
+        const items = toDesignerIndexes(idx.rows);
+        // 元数据查询使用十六进制文本，避免 SQL 模式对反斜线的歧义。
+        const hex = (value: string) => `CONVERT(X'${Array.from(new TextEncoder().encode(value), b => b.toString(16).padStart(2, "0")).join("")}' USING utf8mb4)`;
+        const sql = `SELECT TABLE_COMMENT AS comment FROM information_schema.TABLES WHERE TABLE_SCHEMA=${hex(database)} AND TABLE_NAME=${hex(table)}`;
+        const meta = await withSessionRetry(conn, sid => execSql(conn, sql, { database, sessionId: sid, limit: 1 }));
+        if (meta.error) throw new Error(meta.error);
+        if (!alive) return;
+        setIndexes(items);
+        setInitialIndexes(items.map(i => ({ ...i, columns: [...i.columns] })));
+        const note = String(meta.rows[0]?.comment ?? "");
+        setComment(note);
+        setInitialComment(note);
+      }
+    };
+    void load()
+      .catch((e) => alive && setMetadataError(e instanceof Error ? e.message : String(e)))
+      .finally(() => alive && setLoading(false));
+    return () => {
+      alive = false;
+    };
+  }, [conn, database, table, mysql, retry]);
+
+  const support = designerSupport(conn.driver);
+  const errors = useMemo(() => [
+    ...validateColumns(tableName, cols),
+    ...(editableIndexes ? validateIndexes(indexes, cols.map(c => c.name)) : []),
+  ], [tableName, cols, editableIndexes, indexes]);
+  const isNew = !table;
+  const alterStmts = useMemo(
+    () => (isNew ? [] : buildAlterStatements(conn.driver, database, table, initial, cols)),
+    [isNew, conn.driver, database, table, initial, cols],
+  );
+  const indexChanges = useMemo(() => isNew || !editableIndexes ? { drop: [], add: [] } : buildMysqlIndexAlter(database, table, initialIndexes, indexes),
+    [isNew, editableIndexes, database, table, initialIndexes, indexes]);
+  const commentChange = !isNew && mysql && comment !== initialComment
+    ? [`ALTER TABLE ${quoteIdent(conn.driver, database)}.${quoteIdent(conn.driver, table)} COMMENT='${comment.replace(/'/g, "''")}';`] : [];
+  const allStatements = isNew
+    ? [buildCreateSql(conn.driver, database, tableName.trim(), cols, mysql ? indexes : [], comment)]
+    : [...indexChanges.drop, ...alterStmts, ...indexChanges.add, ...commentChange];
+  const unsupported = allStatements.some(s => s.startsWith("--")) || (!isNew && !support.alter);
+  const ddl = useMemo(() => {
+    if (errors.length) return "";
+    return allStatements.length ? allStatements.join("\n") : "-- 暂无变更";
+  }, [errors, allStatements]);
+
+  const patch = (id: string, p: Partial<DesignerColumn>) =>
+    setCols((cs) => cs.map((c) => (c.id === id ? { ...c, ...p } : c)));
+
+  const apply = async () => {
+    if (!conn || !canApply) return;
+    const stmts = allStatements;
+    const ok = await askConfirm({
+      title: isNew ? "确认创建表" : "确认修改表结构",
+      message: `即将在 ${database}.${tableName.trim()} 执行 ${stmts.length} 条 DDL；请核对 SQL 预览。修改结构可能影响现有数据。`,
+      okLabel: isNew ? "创建表" : "执行变更",
+      danger: !isNew,
+      items: stmts,
+    });
+    if (!ok) return;
+    setApplying(true);
+    try {
+      for (const s of stmts) {
+        const res = await withSessionRetry(conn, (sid) =>
+          execSql(conn, s, { sessionId: sid, database, confirmDanger: true }),
+        );
+        if (res.error) throw new Error(res.error);
+      }
+      notify({
+        kind: "success",
+        title: isNew ? "表已创建" : "表结构已更新",
+        message: `${database}.${tableName.trim()}`,
+        mode: "toast",
+        durationMs: 1800,
+      });
+      onApplied();
+      onClose();
+    } catch (e) {
+      notifyError(e, "toast");
+    } finally {
+      setApplying(false);
+    }
+  };
+
+  const canApply = support.create && !applying && !loading && !metadataError && !errors.length && !unsupported && allStatements.length > 0;
+
+  const copyPreview = async () => {
+    if (!ddl || errors.length || !allStatements.length) return;
+    try {
+      await navigator.clipboard.writeText(ddl);
+    } catch (e) {
+      notifyError(e, "toast");
+    }
+  };
+
+  return (
+    <OpsModal
+      spacious
+      variant="confirm"
+      title={isNew ? `新建表 · ${database}` : `设计表 · ${database}.${table}`}
+      okLabel={applying ? "应用中…" : isNew ? "创建" : "应用变更"}
+      okDisabled={!canApply}
+      cancelLabel="取消"
+      onOk={() => void apply()}
+      onCancel={() => { if (!applying) onClose(); }}
+    >
+      {loading ? (
+        <p role="status" className="text-xs">正在读取表结构…</p>
+      ) : (
+        <div className="space-y-3">
+          {metadataError && <div role="alert" className="rounded border p-2 text-[11px]" style={{ color: "var(--ops-danger)", borderColor: "var(--ops-danger)" }}>
+            结构读取失败：{metadataError}。为避免遗漏已有索引，已暂停应用。
+            <button type="button" className="ops-btn-ghost" onClick={() => setRetry(n => n + 1)}>重试</button>
+          </div>}
+          {!support.create && <div role="alert" className="text-xs">{support.note}</div>}
+          {support.note && support.create && <div className="text-[11px]" style={{ color: "var(--ops-warning)" }}>{support.note}</div>}
+          <div className="flex flex-wrap items-end gap-x-4 gap-y-2 text-[12px]">
+            <label className="flex min-w-0 flex-col gap-1">
+              <span style={{ color: "var(--ops-muted)" }}>表名</span>
+            <input
+              className="ops-input h-8 w-56"
+              value={tableName}
+              disabled={!isNew}
+              aria-label="表名"
+              onChange={(e) => setTableName(e.target.value)}
+            />
+            </label>
+            {mysql && <label className="flex min-w-44 max-w-md flex-1 flex-col gap-1">
+              <span style={{ color: "var(--ops-muted)" }}>表注释</span>
+              <input className="ops-input h-8 w-full" value={comment} aria-label="表注释" onChange={e => setComment(e.target.value)} />
+            </label>}
+          </div>
+          <div className="flex flex-wrap items-end justify-between gap-x-3 gap-y-1 border-b" style={{ borderColor: "var(--ops-border)" }}>
+            <div className="flex gap-1" role="tablist" aria-label="表设计分区">
+              {designTabs.map(item => <button type="button" key={item.id} role="tab" aria-selected={activeTab === item.id}
+                className={`border-b-2 px-2.5 py-2 text-[12px] transition ${activeTab === item.id ? "font-semibold" : "hover:opacity-100"}`}
+                style={{ borderColor: activeTab === item.id ? "var(--ops-accent)" : "transparent", color: activeTab === item.id ? "var(--ops-text)" : "var(--ops-muted)" }}
+                onClick={() => setActiveTab(item.id)}>{item.label}</button>)}
+            </div>
+            <div className="flex items-center gap-2 pb-1.5">
+              {activeTab === "fields" && <><button type="button" className="ops-btn-secondary h-6 px-2 text-[11px]" onClick={() => setCols(cs => [...cs, emptyColumn()])}>+ 添加字段</button>
+                <select className="ops-input h-6 text-[11px]" value={density} aria-label="字段密度" onChange={e => setDensity(e.target.value as typeof density)}><option value="comfortable">标准</option><option value="compact">紧凑</option></select></>}
+              {activeTab === "indexes" && editableIndexes && <button type="button" className="ops-btn-secondary h-6 px-2 text-[11px]" onClick={() => setIndexes(items => [...items, { id: crypto.randomUUID(), name: "", unique: false, columns: [] }])}>+ 添加索引</button>}
+              <span className="min-w-14 text-right text-[11px] tabular-nums" style={{ color: allStatements.length ? "var(--ops-accent)" : "var(--ops-muted)" }}>{allStatements.length} 条变更</span>
+            </div>
+          </div>
+          {activeTab === "fields" && <div className="max-h-[48vh] overflow-auto rounded border" style={{ borderColor: "var(--ops-border)" }}>
+            <table className={`ops-designer-grid w-full ${density === "compact" ? "ops-designer-compact" : ""}`} style={{ minWidth: 980 }}>
+              <thead>
+                <tr className="text-left" style={{ color: "var(--ops-muted)" }}>
+                  <th className="py-1 pr-2">#</th><th className="py-1 pr-2">字段名</th>
+                  <th className="pr-2">类型</th>
+                  <th className="pr-2">长度/精度</th>
+                  <th className="pr-2">NULL</th>
+                  {isMysqlFamily(conn.driver) && <th className="pr-2">自增</th>}
+                  <th className="pr-2">主键</th>
+                  <th className="pr-2">默认值</th>
+                  <th className="pr-2">注释</th>
+                  <th />
+                </tr>
+              </thead>
+              <tbody>
+                {cols.map((c, index) => (
+                  <tr key={c.id}>
+                    <td className="text-center" style={{ color: "var(--ops-muted)" }}>{index + 1}</td>
+                    <td className="py-0.5 pr-2">
+                      <input className="ops-input h-6 w-32" value={c.name} aria-label="字段名" onChange={(e) => patch(c.id, { name: e.target.value })} />
+                    </td>
+                    <td className="pr-2">
+                      <input className="ops-input h-6 w-28" list="designer-types" value={c.type} aria-label="类型" onChange={(e) => patch(c.id, { type: e.target.value.toUpperCase() })} />
+                    </td>
+                    <td className="pr-2">
+                      <input className="ops-input h-6 w-20" value={c.length} aria-label="长度" onChange={(e) => patch(c.id, { length: e.target.value })} />
+                    </td>
+                    <td className="pr-2 text-center">
+                      <input type="checkbox" checked={c.nullable} aria-label="可空" onChange={(e) => patch(c.id, { nullable: e.target.checked })} />
+                    </td>
+                    {isMysqlFamily(conn.driver) && (
+                      <td className="pr-2 text-center">
+                        <input type="checkbox" checked={c.autoIncrement} aria-label="自增" onChange={(e) => patch(c.id, { autoIncrement: e.target.checked })} />
+                      </td>
+                    )}
+                    <td className="pr-2 text-center">
+                        <input type="checkbox" checked={c.primary} aria-label="主键" onChange={(e) => patch(c.id, { primary: e.target.checked, nullable: e.target.checked ? false : c.nullable })} />
+                    </td>
+                    <td className="pr-2">
+                      <input className="ops-input h-6 w-24" value={c.defaultValue} aria-label="默认值" onChange={(e) => patch(c.id, { defaultValue: e.target.value })} />
+                    </td>
+                    <td className="pr-2">
+                      <input className="ops-input h-6 w-28" value={c.comment} aria-label="注释" onChange={(e) => patch(c.id, { comment: e.target.value })} />
+                    </td>
+                    <td>
+                      <button type="button" className="ops-btn-ghost px-1" title={isNew ? "上移字段" : "现有表字段重排暂不支持"} disabled={!isNew || index === 0} onClick={() => setCols(cs => { const next = [...cs]; [next[index - 1], next[index]] = [next[index], next[index - 1]]; return next; })}>↑</button>
+                      <button type="button" className="ops-btn-ghost px-1" title={isNew ? "下移字段" : "现有表字段重排暂不支持"} disabled={!isNew || index === cols.length - 1} onClick={() => setCols(cs => { const next = [...cs]; [next[index + 1], next[index]] = [next[index], next[index + 1]]; return next; })}>↓</button>
+                      <button
+                        type="button"
+                        className="ops-close-faint"
+                        title="删除字段"
+                        aria-label={`删除字段 ${c.name}`}
+                        onClick={() => setCols((cs) => cs.filter((x) => x.id !== c.id))}
+                      >
+                        ×
+                      </button>
+                    </td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+            <datalist id="designer-types">
+              {COMMON_TYPES.map((t) => <option key={t} value={t} />)}
+            </datalist>
+          </div>}
+          {activeTab === "indexes" && (editableIndexes ? <div className="max-h-[48vh] max-w-4xl space-y-2 overflow-auto">
+            <p className="m-0 text-[11px]" style={{ color: "var(--ops-muted)" }}>主键在字段页设置；复合索引按字段顺序创建。</p>
+            {indexes.map((idx, i) => <div key={idx.id} className="rounded-md border px-3 py-2.5" style={{ borderColor: "var(--ops-border-soft)", background: "var(--ops-surface-2)" }}>
+              <div className="flex flex-wrap items-center gap-x-3 gap-y-2">
+                <span className="w-4 shrink-0 text-center text-[11px] tabular-nums" style={{ color: "var(--ops-muted)" }}>{i + 1}</span>
+                <input className="ops-input h-7 min-w-40 flex-1" value={idx.name} disabled={idx.readOnly} placeholder="索引名" aria-label={`第 ${i + 1} 个索引名`}
+                  onChange={e => setIndexes(items => items.map(item => item.id === idx.id ? { ...item, name: e.target.value } : item))} />
+                <label className="flex shrink-0 items-center gap-1.5 text-[11px]"><input type="checkbox" checked={idx.unique} disabled={idx.readOnly} onChange={e => setIndexes(items => items.map(item => item.id === idx.id ? { ...item, unique: e.target.checked } : item))} />唯一</label>
+                <select className="ops-input h-7 w-36 shrink-0 text-[11px]" disabled={idx.readOnly} aria-label={`为索引 ${idx.name} 添加字段`} value=""
+                  onChange={e => { if (e.target.value) setIndexes(items => items.map(item => item.id === idx.id ? { ...item, columns: [...item.columns, e.target.value] } : item)); }}>
+                  <option value="">添加字段…</option>{cols.filter(c => c.name.trim() && !idx.columns.includes(c.name)).map(c => <option key={c.id} value={c.name}>{c.name}</option>)}
+                </select>
+                {idx.readOnly ? <span className="text-[11px]" style={{ color: "var(--ops-warning)" }}>特殊索引 · 只读</span>
+                  : <button type="button" className="ops-btn-ghost shrink-0 text-[11px]" onClick={() => setIndexes(items => items.filter(item => item.id !== idx.id))}>删除</button>}
+              </div>
+              <div className="mt-2 flex min-h-7 flex-wrap items-center gap-1.5 pl-7">
+                {idx.columns.map((name, j) => <button type="button" key={`${name}-${j}`} disabled={idx.readOnly} className="ops-btn-secondary h-6 px-2 text-[11px]" title="移除此字段"
+                  onClick={() => setIndexes(items => items.map(item => item.id === idx.id ? { ...item, columns: item.columns.filter((_, pos) => pos !== j) } : item))}>{j + 1}. {name} ×</button>)}
+                {!idx.columns.length && <span className="text-[11px]" style={{ color: "var(--ops-muted)" }}>选择构成索引的字段</span>}
+              </div>
+            </div>)}
+            {!indexes.length && <div className="rounded-md border px-3 py-8 text-center text-[12px]" style={{ borderColor: "var(--ops-border-soft)", color: "var(--ops-muted)" }}>暂无索引，点击右上角「添加索引」</div>}
+          </div> : isNew ? <p className="ops-tree-meta-note">此驱动的图形索引编辑暂未接入；建表后可用 SQL 创建。</p>
+            : <><p className="ops-tree-meta-note">此驱动索引只读，修改请使用 SQL 工作台。</p><MetadataView conn={conn} database={database} table={table} kind="indexes" /></>)}
+          {(activeTab === "foreignKeys" || activeTab === "triggers") && (isNew
+            ? <p className="ops-tree-meta-note">建表后可查看{activeTab === "foreignKeys" ? "外键" : "触发器"}；图形编辑尚未接入。</p>
+            : <><p className="ops-tree-meta-note">只读查看；修改请使用 SQL 工作台并核对依赖。</p><MetadataView conn={conn} database={database} table={table} kind={activeTab} /></>)}
+          {activeTab === "preview" && <div className="overflow-hidden rounded-md border" style={{ borderColor: "var(--ops-border-soft)" }}>
+            <div className="flex items-center justify-between border-b px-3 py-1.5 text-[11px]" style={{ borderColor: "var(--ops-border-soft)", color: "var(--ops-muted)" }}>
+              <span>{allStatements.length ? `${allStatements.length} 条待执行语句` : "暂无待执行语句"}</span>
+              <button type="button" className="ops-btn-ghost" disabled={!ddl || !!errors.length || !allStatements.length} onClick={() => void copyPreview()}>复制 SQL</button>
+            </div>
+            <pre className="m-0 max-h-[48vh] min-h-48 overflow-auto whitespace-pre-wrap px-3 py-2 font-mono"
+              style={{ fontSize: "var(--ops-text-xs)", background: "var(--ops-editor-bg)" }}>
+              {ddl || (errors.length ? "-- 请先修正上方错误" : "-- 没有可生成的 DDL")}
+            </pre>
+          </div>}
+          {!!errors.length && <p role="alert" className="m-0 text-[11px]" style={{ color: "var(--ops-danger)" }}>{errors[0]}{errors.length > 1 ? ` 等 ${errors.length} 项` : ""}</p>}
+          {unsupported && <p role="alert" className="text-[11px]" style={{ color: "var(--ops-warning)" }}>当前变更包含不支持的 DDL；不能只执行其中一部分。请调整字段或使用 SQL 工作台。</p>}
+        </div>
+      )}
+    </OpsModal>
+  );
+}
diff --git a/src/TableMetadataTree.tsx b/src/TableMetadataTree.tsx
new file mode 100644
index 0000000..40b06ca
--- /dev/null
+++ b/src/TableMetadataTree.tsx
@@ -0,0 +1,66 @@
+import { useEffect, useRef, useState } from 'react';
+import { execSql } from './api';
+import { ensureSession } from './ObjectTree';
+import { ContextMenu } from './ContextMenu';
+import { TreeChevron } from './TreeChevron';
+import { metadataGroups, tableMetadataSql } from './tableMetadata';
+import { useWorkspaceStore, type SavedConnection } from './store';
+
+function MetadataGroup({ conn, database, table, kind, label, icon, color }: { conn: SavedConnection; database: string; table: string } & typeof metadataGroups[number]) {
+  const [rows, setRows] = useState<{ name: string; detail: string }[] | null>(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState('');
+  const [more, setMore] = useState(false);
+  const [menu, setMenu] = useState<{ x: number; y: number; name?: string; detail?: string } | null>(null);
+  const generation = useRef(0);
+  const pending = useRef(false);
+  useEffect(() => () => { generation.current++; }, []);
+  const sql = tableMetadataSql(conn.driver, database, table, kind);
+  const load = async () => {
+    if (!sql || pending.current) return;
+    const version = ++generation.current;
+    pending.current = true;
+    setLoading(true); setError('');
+    try {
+      const sessionId = await ensureSession(conn);
+      const result = await execSql(conn, sql, { database, sessionId, limit: 1000 });
+      if (result.error) throw new Error(result.error);
+      if (version === generation.current) {
+        setRows(result.rows.map(r => ({ name: String(r.name ?? ''), detail: String(r.detail ?? '') })));
+        setMore(!!result.truncated);
+      }
+    } catch (e) { if (version === generation.current) setError(e instanceof Error ? e.message : String(e)); }
+    finally { if (version === generation.current) { pending.current = false; setLoading(false); } }
+  };
+  const copy = async (text: string) => {
+    try { await navigator.clipboard.writeText(text); }
+    catch (e) { useWorkspaceStore.getState().notifyError(e, 'toast'); }
+  };
+  return <details onToggle={e => { e.stopPropagation(); if (e.currentTarget.open && rows === null && !error) void load(); }}
+    onContextMenu={e => { e.preventDefault(); e.stopPropagation(); setMenu({ x: e.clientX, y: e.clientY }); }}>
+    <summary className="ops-tree-item list-none [&::-webkit-details-marker]:hidden" title={sql ? label : '当前引擎尚未适配此元数据'}>
+      <TreeChevron size={9} /><span aria-hidden="true" style={{ color, width: 13, textAlign: 'center' }}>{icon}</span>
+      <span className="ops-tree-group">{label}</span><span className="text-[10px] opacity-50">{loading ? '…' : rows?.length ?? ''}</span>
+    </summary>
+    <div className="ml-2 border-l pl-1" style={{ borderColor: 'var(--ops-border-soft)' }}>
+      {!sql && <div className="ops-tree-meta-note">当前引擎暂不支持</div>}
+      {loading && <div className="ops-tree-meta-note">加载中…</div>}
+      {error && <div className="ops-tree-meta-note" title={error}>加载失败 <button type="button" onClick={() => void load()}>重试</button></div>}
+      {!loading && !error && rows?.length === 0 && <div className="ops-tree-meta-note">暂无{label}（当前权限可见范围）</div>}
+      {!error && rows?.map(row => <button type="button" key={row.name} className="ops-tree-item w-full text-left" title={`${row.name}\n${row.detail}\n双击复制名称`}
+        onDoubleClick={() => void copy(row.name)} onContextMenu={e => { e.preventDefault(); e.stopPropagation(); setMenu({ x: e.clientX, y: e.clientY, ...row }); }}>
+        <span className="truncate">{row.name}</span><span className="truncate text-[10px] opacity-50">{row.detail}</span>
+      </button>)}
+      {more && <div className="ops-tree-meta-note">仅展示前 1000 项，请使用目录查询查看全部</div>}
+    </div>
+    {menu && <ContextMenu {...menu} title={menu.name ?? label} onClose={() => setMenu(null)} items={[
+      { label: '复制名称', hidden: !menu.name, action: () => void copy(menu.name!) },
+      { label: '复制定义 / 详情', hidden: !menu.detail, action: () => void copy(menu.detail!) },
+      { label: '刷新', disabled: !sql || loading, action: () => void load() },
+    ]} />}
+  </details>;
+}
+
+export function TableMetadataTree(props: { conn: SavedConnection; database: string; table: string }) {
+  return <>{metadataGroups.map(group => <MetadataGroup key={`${props.conn.id}/${props.database}/${props.table}/${group.kind}`} {...props} {...group} />)}</>;
+}
diff --git a/src/Workspace.tsx b/src/Workspace.tsx
index edafff9..7fa626f 100644
--- a/src/Workspace.tsx
+++ b/src/Workspace.tsx
@@ -7,13 +7,16 @@ import { SettingsModal } from "./SettingsModal";
 import { ensureSession, withSessionRetry } from "./ObjectTree";
 import { ResultPane } from "./ResultPane";
 import { SqlEditor, type SqlEditorHandle, type SqlEditorContextInfo } from "./SqlEditor";
-import {execSql, cancelExec, explainSql, health, isAbortError} from "./api";
-import { driverById, isDriverReady } from "./catalog";
-import { askInput } from "./dialogs";
-import { isDangerousSQL, splitRunnable, splitStatements, supportsExplain } from "./sql";
+import { ContextMenu } from "./ContextMenu";
+import { connectionEndpoint, connectionSummary } from "./contextActions";
+import {execSql, cancelExec, health, isAbortError, listDatabases, getCachedSchema, getRedisKey} from "./api";
+import { driverById, isDriverReady, driverCaps } from "./catalog";
+import { isDangerousSQL, isMysqlUseCommand, parseMysqlUse, parseSqlServerUse, splitRunnable, splitStatements } from "./sql";
+import { isMysqlFamily } from "./tableDdl";
 import { isRedisConn } from "./redis";
+import { editorDatabase, isRedisCluster } from "./redisContext";
 import { DriverIcon } from "./DriverIcon";
-import { useWorkspaceStore } from "./store";
+import { useWorkspaceStore, type QueryTab } from "./store";
 
 /** 平台化修饰键文案(修 K5):macOS 显示 ⌘,其余显示 Ctrl */
 const IS_MAC = typeof navigator !== "undefined" && /mac/i.test(navigator.platform || "");
@@ -23,15 +26,211 @@ function cx(...xs: Array<string | false | null | undefined>) {
   return xs.filter(Boolean).join(" ");
 }
 
+function workTabLabel(tab: QueryTab, tabs: QueryTab[]): string {
+  if (/^查询 \d+$/.test(tab.title)) {
+    const queries = tabs.filter(t => /^查询 \d+$/.test(t.title) && t.connectionId === tab.connectionId);
+    return queries.length === 1 ? "SQL" : `SQL ${queries.indexOf(tab) + 1}`;
+  }
+  if (!tab.database || tab.title.includes("@")) return tab.title;
+  return `${tab.title}@${tab.database}`;
+}
 
-/** 左栏底部统一搜索栏：库/表过滤 + Redis 键搜索/类型筛选 */
+/** 主题「随系统」:监听 prefers-color-scheme,theme="system" 时返回实际生效的深/浅色 */
+function useEffectiveTheme(theme: "dark" | "light" | "system"): "dark" | "light" {
+  const [systemDark, setSystemDark] = useState(
+    () => typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches,
+  );
+  useEffect(() => {
+    const media = window.matchMedia("(prefers-color-scheme: dark)");
+    const onChange = (e: MediaQueryListEvent) => setSystemDark(e.matches);
+    media.addEventListener("change", onChange);
+    return () => media.removeEventListener("change", onChange);
+  }, []);
+  return theme === "system" ? (systemDark ? "dark" : "light") : theme;
+}
+
+
+
+/** P0:执行条可搜库切换（MySQL 库名 / Redis DB0–N） */
+function DbSwitcher() {
+  const connections = useWorkspaceStore((s) => s.connections);
+  const activeConnectionId = useWorkspaceStore((s) => s.activeConnectionId);
+  const tabs = useWorkspaceStore((s) => s.tabs);
+  const activeTabId = useWorkspaceStore((s) => s.activeTabId);
+  const setTabDatabase = useWorkspaceStore((s) => s.setTabDatabase);
+  const notifyError = useWorkspaceStore((s) => s.notifyError);
+  const conn = connections.find((c) => c.id === activeConnectionId);
+  const tab = tabs.find((t) => t.id === activeTabId);
+  const isRedis = (conn?.driver || "").toLowerCase() === "redis";
+  const current = editorDatabase(conn, tab);
+
+  const [open, setOpen] = useState(false);
+  const [q, setQ] = useState("");
+  const [dbs, setDbs] = useState<string[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [loaded, setLoaded] = useState(false);
+  const rootRef = useRef<HTMLDivElement>(null);
+  const searchRef = useRef<HTMLInputElement>(null);
+
+  const load = useCallback(async () => {
+    if (!conn) {
+      setDbs([]);
+      setLoaded(false);
+      return;
+    }
+    setLoading(true);
+    try {
+      const sid = await ensureSession(conn);
+      const { databases } = await listDatabases(conn, sid);
+      setDbs(databases || []);
+      setLoaded(true);
+    } catch (e) {
+      setDbs([]);
+      setLoaded(true);
+      notifyError(e, "toast");
+    } finally {
+      setLoading(false);
+    }
+  }, [conn, notifyError]);
+
+  // 预取库列表：单库则灰显；打开时刷新
+  useEffect(() => {
+    setLoaded(false);
+    setDbs([]);
+    if (conn) void load();
+  }, [conn?.id]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  useEffect(() => {
+    if (!open) return;
+    void load();
+    setQ("");
+    const t = window.setTimeout(() => searchRef.current?.focus(), 0);
+    return () => window.clearTimeout(t);
+  }, [open, load]);
+
+  useEffect(() => {
+    if (!open) return;
+    const onDown = (e: MouseEvent) => {
+      if (!rootRef.current?.contains(e.target as Node)) setOpen(false);
+    };
+    const onKey = (e: KeyboardEvent) => {
+      if (e.key === "Escape") setOpen(false);
+    };
+    window.addEventListener("mousedown", onDown);
+    window.addEventListener("keydown", onKey);
+    return () => {
+      window.removeEventListener("mousedown", onDown);
+      window.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+
+  if (!conn || isRedis && isRedisCluster(conn)) return null;
+
+  const filtered = dbs.filter((d) => {
+    const needle = q.trim().toLowerCase();
+    if (!needle) return true;
+    const label = isRedis ? `db${d}` : d;
+    return label.toLowerCase().includes(needle) || d.toLowerCase().includes(needle);
+  });
+
+  const singleOrEmpty = loaded && dbs.length <= 1;
+  const label = isRedis
+    ? `DB${current || "0"}`
+    : current || (loading && !loaded ? "…" : "库");
+
+  return (
+    <div ref={rootRef} className="relative shrink-0">
+      <button
+        type="button"
+        className="ops-btn-secondary h-6 min-w-[140px] max-w-[180px] justify-between gap-1 px-2 text-[11px]"
+        style={{ width: 160, opacity: singleOrEmpty ? 0.55 : 1 }}
+        disabled={singleOrEmpty}
+        title={singleOrEmpty ? "当前连接仅单库或无可切换库" : "切换库（可搜索）"}
+        aria-label="切换库"
+        aria-expanded={open}
+        onClick={() => setOpen((v) => !v)}
+      >
+        <span className="min-w-0 truncate font-mono">{label}</span>
+        <span className="opacity-50">▾</span>
+      </button>
+      {open && (
+        <div
+          className="absolute left-0 top-full z-[60] mt-0.5 w-[200px] overflow-hidden rounded border shadow-lg"
+          style={{
+            borderColor: "var(--ops-border)",
+            background: "var(--ops-surface)",
+            boxShadow: "var(--ops-shadow-pop)",
+          }}
+        >
+          <div className="border-b p-1.5" style={{ borderColor: "var(--ops-border)" }}>
+            <input
+              ref={searchRef}
+              className="ops-input h-6 w-full px-1.5 text-[11px]"
+              placeholder={isRedis ? "过滤 DB…" : "搜索库名…"}
+              value={q}
+              onChange={(e) => setQ(e.target.value)}
+              spellCheck={false}
+            />
+          </div>
+          <div className="max-h-52 overflow-auto py-0.5">
+            {loading && (
+              <div className="px-2 py-1.5 text-[11px]" style={{ color: "var(--ops-muted)" }}>
+                加载中…
+              </div>
+            )}
+            {!loading && filtered.length === 0 && (
+              <div className="px-2 py-1.5 text-[11px]" style={{ color: "var(--ops-muted)" }}>
+                无匹配
+              </div>
+            )}
+            {!loading &&
+              filtered.map((d) => {
+                const shown = isRedis ? `DB${d}` : d;
+                const active = d === current || (isRedis && String(d) === String(current));
+                return (
+                  <button
+                    key={d}
+                    type="button"
+                    className={cx("ops-tree-item w-full px-2", active && "ops-tree-item-active")}
+                    onClick={() => {
+                      setTabDatabase(d);
+                      setOpen(false);
+                      useWorkspaceStore.getState().notify({
+                        kind: "info",
+                        title: "已切换库",
+                        message: isRedis ? `DB${d}` : d,
+                        mode: "toast",
+                        durationMs: 1400,
+                      });
+                    }}
+                  >
+                    <span className="truncate font-mono text-[11px]">{shown}</span>
+                  </button>
+                );
+              })}
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+/** 左栏底栏：统一搜索；Redis 为「单搜索 + ↻」（P1 线框） */
 function SidebarFilterBar() {
   const conn = useWorkspaceStore((s) => s.connections.find((c) => c.id === s.activeConnectionId));
   const sidebarFilter = useWorkspaceStore((s) => s.sidebarFilter);
-  const sidebarTypeFilter = useWorkspaceStore((s) => s.sidebarTypeFilter);
   const set = useWorkspaceStore((s) => s.set);
+  const requestTreeRefresh = useWorkspaceStore((s) => s.requestTreeRefresh);
   const isRedis = (conn?.driver || "").toLowerCase() === "redis";
   const isNoConn = !conn;
+  const [draft, setDraft] = useState(sidebarFilter);
+  useEffect(() => setDraft(sidebarFilter), [sidebarFilter, conn?.id]);
+
+  const applyRedisFilter = () => {
+    // 回车：整树刷新；有过滤字时 ObjectTree 会强制展开库并按关键字 SCAN
+    set("sidebarFilter", draft.trim());
+    requestTreeRefresh();
+  };
 
   return (
     <div
@@ -40,27 +239,34 @@ function SidebarFilterBar() {
     >
       <input
         className="ops-input h-6 min-w-0 flex-1 px-1.5 text-[11px]"
-        placeholder={isNoConn ? "搜索…" : isRedis ? "搜索键名…" : "过滤库 / 表…"}
-        value={sidebarFilter}
-        onChange={(e) => set("sidebarFilter", e.target.value)}
+        placeholder={isNoConn ? "搜索…" : isRedis ? "搜索当前 DB Key，回车匹配包含关键词" : "过滤库 / 表…"}
+        value={isRedis ? draft : sidebarFilter}
+        onChange={(e) => isRedis ? setDraft(e.target.value) : set("sidebarFilter", e.target.value)}
+        onKeyDown={(e) => {
+          if (e.key === "Enter" && isRedis) {
+            e.preventDefault();
+            applyRedisFilter();
+          }
+        }}
         spellCheck={false}
       />
-      {isRedis && (
-        <select
-          className="ops-input h-6 shrink-0 py-0 px-1 text-[10px]"
-          style={{ width: "auto" }}
-          value={sidebarTypeFilter}
-          onChange={(e) => set("sidebarTypeFilter", e.target.value)}
-          title="按类型筛选"
-        >
-          <option value="all">全部</option>
-          <option value="string">string</option>
-          <option value="hash">hash</option>
-          <option value="list">list</option>
-          <option value="set">set</option>
-          <option value="zset">zset</option>
-        </select>
-      )}
+      {isRedis && <button type="button" className="ops-btn-ghost text-[11px]" onClick={applyRedisFilter}>搜索</button>}
+      {isRedis && (draft || sidebarFilter) && <button type="button" className="ops-btn-ghost h-6 px-1 text-[11px]" aria-label="清除 Key 搜索" title="清除搜索并重新加载 Key" onClick={() => {
+        setDraft("");
+        set("sidebarFilter", "");
+        requestTreeRefresh();
+      }}>清除</button>}
+      <button
+        type="button"
+        className="ops-btn-ghost grid h-6 w-6 shrink-0 place-items-center p-0 text-[13px]"
+        style={{ color: "var(--ops-accent)" }}
+        title={isRedis ? "刷新键树" : "刷新对象树"}
+        aria-label="刷新"
+        disabled={isNoConn}
+        onClick={() => requestTreeRefresh()}
+      >
+        ↻
+      </button>
     </div>
   );
 }
@@ -72,25 +278,23 @@ function TopNav() {
   const set = useWorkspaceStore((s) => s.set);
   const showAi = useWorkspaceStore((s) => s.showAi);
   const showHistory = useWorkspaceStore((s) => s.showHistory);
-  const showHelp = useWorkspaceStore((s) => s.showHelp);
   const connections = useWorkspaceStore((s) => s.connections);
   const activeConnectionId = useWorkspaceStore((s) => s.activeConnectionId);
   const conn = connections.find((c) => c.id === activeConnectionId);
 
   const [showSettings, setShowSettings] = useState(false);
 
+  const effective = useEffectiveTheme(theme);
   useEffect(() => {
-    document.documentElement.classList.toggle("light", theme === "light");
-    document.documentElement.classList.toggle("dark", theme === "dark");
-  }, [theme]);
+    document.documentElement.classList.toggle("light", effective === "light");
+    document.documentElement.classList.toggle("dark", effective === "dark");
+  }, [effective]);
 
   return (
     <header className="ops-chrome-header">
-      <div className="mr-1.5 flex items-baseline gap-1.5 shrink-0">
+      <div className="mr-1.5 flex shrink-0 items-center gap-1.5">
+        <img src="/favicon.svg" alt="" aria-hidden="true" className="h-[18px] w-[18px] shrink-0 rounded" />
         <span className="text-[13px] font-semibold tracking-tight">OpsxDB</span>
-        <span className="text-[10px]" style={{ color: "var(--ops-muted)" }}>
-          客户端
-        </span>
       </div>
       <div className="flex items-center gap-1">
         <button type="button" className="ops-btn-secondary" onClick={() => openPicker()} title="新建数据库连接">
@@ -108,23 +312,20 @@ function TopNav() {
         >
           查询历史
         </button>
-        <button type="button" className="ops-btn-ghost" onClick={() => set("showHelp", !showHelp)}>
-          快捷键
-        </button>
       </div>
       <div className="ml-auto flex items-center gap-2 text-[11px]" style={{ color: "var(--ops-muted)" }}>
         <button type="button" className="ops-btn-ghost" onClick={() => set("showAi", !showAi)}>
           {showAi ? "隐藏 AI" : "AI"}
         </button>
+        {/* P0:主题入口只留设置；快捷键只留设置→快捷键 / ⌘/ */}
         <button
           type="button"
           className="ops-btn-ghost"
-          onClick={() => set("theme", theme === "dark" ? "light" : "dark")}
+          title="设置"
+          aria-label="设置"
+          onClick={() => setShowSettings(true)}
         >
-          {theme === "dark" ? "浅色" : "深色"}
-        </button>
-        <button type="button" className="ops-btn-ghost" title="设置" aria-label="设置" onClick={() => setShowSettings(true)}>
-          ⚙
+          设置
         </button>
       </div>
       {showSettings && <SettingsModal onClose={() => setShowSettings(false)} />}
@@ -176,6 +377,7 @@ function EditorPane() {
   const connections = useWorkspaceStore((s) => s.connections);
   const activeConnectionId = useWorkspaceStore((s) => s.activeConnectionId);
   const theme = useWorkspaceStore((s) => s.theme);
+  const effectiveTheme = useEffectiveTheme(theme);
   const resultRatio = useWorkspaceStore((s) => s.resultRatio);
   const set = useWorkspaceStore((s) => s.set);
   const closeTab = useWorkspaceStore((s) => s.closeTab);
@@ -187,15 +389,11 @@ function EditorPane() {
   const showHistory = useWorkspaceStore((s) => s.showHistory);
   const history = useWorkspaceStore((s) => s.queryHistory);
   const [histFilter, setHistFilter] = useState("");
-  const showBookmarks = useWorkspaceStore((s) => s.showBookmarks);
-  const bookmarks = useWorkspaceStore((s) => s.bookmarks);
   const editorRef = useRef<SqlEditorHandle>(null);
   const abortRef = useRef<AbortController | null>(null);
   const notify = useWorkspaceStore((s) => s.notify);
   const stopOnError = useWorkspaceStore((s) => s.stopOnError);
-  const setStopOnError = useWorkspaceStore((s) => s.setStopOnError);
   const execTimeoutMs = useWorkspaceStore((s) => s.execTimeoutMs);
-  const setExecTimeoutMs = useWorkspaceStore((s) => s.setExecTimeoutMs);
   /** R2-F6:Tab 右键菜单 */
   const closeOtherTabs = useWorkspaceStore((s) => s.closeOtherTabs);
   const closeRightTabs = useWorkspaceStore((s) => s.closeRightTabs);
@@ -205,10 +403,6 @@ function EditorPane() {
   const tabCtxRef = useRef<HTMLDivElement>(null);
   /** SQL 编辑器自绘右键(拦系统 Look Up / Inspect 等) */
   const [editorCtx, setEditorCtx] = useState<SqlEditorContextInfo | null>(null);
-  const [editorCtxPos, setEditorCtxPos] = useState<{ x: number; y: number } | null>(null);
-  const editorCtxRef = useRef<HTMLDivElement>(null);
-  const focusedRelation = useWorkspaceStore((s) => s.focusedRelation);
-  const resultMeta = useWorkspaceStore((s) => s.resultMeta);
 
   const cancelRun = () => {
     // R2-F9/E1:先通知服务端取消在途语句(按 requestId),再本地 abort
@@ -219,11 +413,32 @@ function EditorPane() {
   const tab = tabs.find((t) => t.id === activeTabId) ?? tabs[0];
   const conn = connections.find((c) => c.id === (tab?.connectionId || activeConnectionId));
 
-  const editorRelation =
-    focusedRelation ??
-    (resultMeta?.database && resultMeta?.table
-      ? { database: resultMeta.database, table: resultMeta.table }
-      : null);
+  const editorRelation = (() => {
+    const parts = editorCtx?.identifier;
+    if (!parts?.length || parts.length > 2 || !conn) return null;
+    const matches: { database: string; table: string }[] = [];
+    const pg = ["postgresql", "postgres", "gaussdb", "kingbase", "opengauss"].includes(conn.driver);
+    for (const [database, tables] of getCachedSchema(conn.id) ?? []) {
+      let name = parts[0];
+      if (parts.length === 2) {
+        if (pg) name = parts[0] === "public" ? parts[1] : parts.join(".");
+        else if (parts[0] === database) name = parts[1];
+        else if (["sqlserver", "mssql"].includes(conn.driver)) name = parts.join(".");
+        else continue;
+      }
+      if (tables.has(name)) matches.push({ database, table: name });
+    }
+    const current = matches.filter((m) => m.database === (tab?.database || conn.database));
+    return current.length === 1 ? current[0] : matches.length === 1 ? matches[0] : null;
+  })();
+
+  const copyEditor = async (withConnection = false) => {
+    const text = editorRef.current?.selectedText() || tab?.sql || "";
+    const header = withConnection && conn ? `-- ${connectionSummary(conn, tab?.database || conn.database).replace(/[\r\n]/g, " ")}\n` : "";
+    try {
+      await navigator.clipboard.writeText(header + text);
+    } catch (e) { notifyError(e, "toast"); }
+  };
 
   const run = async (sql?: string) => {
     if (!conn) {
@@ -249,6 +464,14 @@ function EditorPane() {
     // USE 不是 Redis 命令，不拦截 —— 由服务端返回原生错误
     if (isRedisConn(conn.driver)) {
       let switched: number | null = null;
+      const selections = stmts.map(st => st.match(/^SELECT\s+(\d+)$/i)).filter((m): m is RegExpMatchArray => m !== null);
+      const invalid = selections.find(m => Number(m[1]) > 15 || (isRedisCluster(conn) && Number(m[1]) !== 0));
+      if (invalid) {
+        const message = isRedisCluster(conn) ? "Redis 集群只能使用 DB0" : "Redis 库编号只能是 0–15";
+        set("status", message);
+        notify({ kind: "warning", title: "切换库失败", message, mode: "toast" });
+        return;
+      }
       const real = stmts.filter((st) => {
         const m = st.match(/^SELECT\s+(\d+)$/i);
         if (m) {
@@ -294,17 +517,25 @@ function EditorPane() {
     set("explainText", null);
     const sets: import("./store").ResultSetItem[] = [];
     let cancelled = false;
-    /** R2-F1:遇错即停时记录失败语句下标(状态栏「第 N/M 条失败」用) */
+    /** R2-F1:遇错即停时记录失败语句下标(结果区标题旁展示) */
     let stoppedAt: number | null = null;
     /** C1:needConfirm 二段流 —— 服务端命中(前端预检未覆盖)时弹语句清单确认,确认后带 confirmDanger 重发 */
     const execStmt = async (
       stmt: string,
       sid: string,
     ): Promise<{ res: import("./store").QueryResult; cancelledByUser: boolean }> => {
-      // SELECT/USE 切库会更新 store 的 tab.database —— 实时读取（闭包里的 tab 是旧引用）
-      const database = useWorkspaceStore.getState().tabs.find((t) => t.id === tab.id)?.database || tab.database || conn.database;
+      // USE 不在连接池中的单条物理连接执行：验证目标库后绑定当前查询标签。
+      const sqlServer = ["sqlserver", "mssql"].includes(conn.driver.toLowerCase());
+      const useCommand = (isMysqlFamily(conn.driver) || sqlServer) && isMysqlUseCommand(stmt);
+      const targetDatabase = useCommand ? sqlServer ? parseSqlServerUse(stmt) : parseMysqlUse(stmt) : null;
+      if (useCommand && !targetDatabase) return {
+        res: { columns: [], rows: [], rowCount: 0, timeMs: 0, error: sqlServer ? "USE 请指定单个库名，例如 USE shop 或 USE [my-shop]" : "USE 请指定单个库名，例如 USE shop 或 USE `my-shop`" },
+        cancelledByUser: false,
+      };
+      const database = targetDatabase ?? editorDatabase(conn, useWorkspaceStore.getState().tabs.find((t) => t.id === tab.id));
+      const sqlToRun = targetDatabase ? sqlServer ? "SELECT DB_NAME() AS selected_database" : "SELECT DATABASE() AS selected_database" : stmt;
       const timeoutMs = execTimeoutMs || undefined;
-      let res = await execSql(conn, stmt, { sessionId: sid, database, signal: ac.signal, confirmDanger: dangerConfirmed, timeoutMs });
+      let res = await execSql(conn, sqlToRun, { sessionId: sid, database, signal: ac.signal, confirmDanger: dangerConfirmed, timeoutMs });
       if (res.needConfirm && !ac.signal.aborted) {
         const ok = await askConfirm({
           title: "危险语句确认",
@@ -315,7 +546,17 @@ function EditorPane() {
         });
         if (!ok) return { res: { ...res, needConfirm: false, error: "已取消" }, cancelledByUser: true };
         dangerConfirmed = true;
-        res = await execSql(conn, stmt, { sessionId: sid, database, signal: ac.signal, confirmDanger: true, timeoutMs });
+        res = await execSql(conn, sqlToRun, { sessionId: sid, database, signal: ac.signal, confirmDanger: true, timeoutMs });
+      }
+      if (targetDatabase && !res.error && !ac.signal.aborted) {
+        const selected = String(res.rows[0]?.selected_database ?? "");
+        if (selected.toLowerCase() !== targetDatabase.toLowerCase()) {
+          return {
+            res: { ...res, error: `目标库验证失败：期望 ${targetDatabase}，实际 ${selected || "未选择库"}。请重新连接后重试。` },
+            cancelledByUser: false,
+          };
+        }
+        useWorkspaceStore.getState().setTabDatabase(targetDatabase, tab.id);
       }
       return { res, cancelledByUser: false };
     };
@@ -328,6 +569,8 @@ function EditorPane() {
         }
         const stmt = stmts[i];
         const label = `结果 ${i + 1}`;
+        // 切库失败后不能让同一脚本的后续语句落在旧库，即使关闭了“遇错即停”。
+        const contextSwitch = (isMysqlFamily(conn.driver) || ["sqlserver", "mssql"].includes(conn.driver.toLowerCase())) && isMysqlUseCommand(stmt);
         try {
           const { res, cancelledByUser } = await execStmt(stmt, sid);
           if (res.error === "已取消" || ac.signal.aborted) {
@@ -347,11 +590,11 @@ function EditorPane() {
             result: res,
             page: 0,
             pageSize: res.limit || 1000,
-            database: tab.database || conn.database,
+            database: editorDatabase(conn, useWorkspaceStore.getState().tabs.find((t) => t.id === tab.id)),
           });
           pushHistory({ sql: stmt, connectionId: conn.id, rowCount: res.rowCount, timeMs: res.timeMs, error: res.error });
           // R2-F1:遇错即停(「已取消」是用户动作,不算错误)
-          if (stopOnError && res.error && res.error !== "已取消") {
+          if ((stopOnError || contextSwitch) && res.error && res.error !== "已取消") {
             stoppedAt = i;
             break;
           }
@@ -395,11 +638,11 @@ function EditorPane() {
                 result: res,
                 page: 0,
                 pageSize: res.limit || 1000,
-                database: tab.database || conn.database,
+                database: editorDatabase(conn, useWorkspaceStore.getState().tabs.find((t) => t.id === tab.id)),
               });
               pushHistory({ sql: stmt, connectionId: conn.id, rowCount: res.rowCount, timeMs: res.timeMs, error: res.error });
               // R2-F1:重试成功但语句报错,同样受「遇错即停」约束
-              if (stopOnError && res.error && res.error !== "已取消") {
+              if ((stopOnError || contextSwitch) && res.error && res.error !== "已取消") {
                 stoppedAt = i;
                 break;
               }
@@ -422,7 +665,7 @@ function EditorPane() {
                 sql: stmt,
                 result: { columns: [], rows: [], rowCount: 0, timeMs: 0, error: m2 },
               });
-              if (stopOnError) {
+              if (stopOnError || contextSwitch) {
                 stoppedAt = i;
                 break;
               }
@@ -436,7 +679,7 @@ function EditorPane() {
             result: { columns: [], rows: [], rowCount: 0, timeMs: 0, error: msg },
           });
           // R2-F1:异常(网络/驱动错误)也视为失败,受「遇错即停」约束
-          if (stopOnError) {
+          if (stopOnError || contextSwitch) {
             stoppedAt = i;
             break;
           }
@@ -446,14 +689,14 @@ function EditorPane() {
       // （丰富编辑：行级 复制命令/编辑/删、TTL/重命名、JSON 弹层），不落纯结果表格
       if (isRedisConn(conn.driver) && sets.length === 1 && !sets[0].result.error) {
         const first = (sets[0].sql || "").trim().split(/\s+/)[0]?.toUpperCase() ?? "";
-        if (["GET", "HGETALL", "SMEMBERS", "ZRANGE", "LRANGE"].includes(first)) {
+        if (["GET", "HGETALL", "SMEMBERS", "ZRANGE", "LRANGE", "TTL", "PTTL", "TYPE"].includes(first)) {
           const keyArg = (sets[0].sql || "").trim().split(/\s+/)[1] ?? "";
           if (keyArg) {
             const cleanKey = keyArg.replace(/^["']|["']$/g, "");
             try {
-              const { getRedisKey } = await import("./api");
+              // 注意：不要用 limit:1「探测类型」——结果会直接灌进键详情，zset/list 会只显示 1 行
               const typeRes = await withSessionRetry(conn, (sid) =>
-                getRedisKey(conn, useWorkspaceStore.getState().tabs.find((t) => t.id === tab.id)?.database || conn.database, cleanKey, { sessionId: sid, limit: 1 }),
+                getRedisKey(conn, editorDatabase(conn, useWorkspaceStore.getState().tabs.find((t) => t.id === tab.id)), cleanKey, { sessionId: sid, limit: 500 }),
               );
               if (typeRes.type && typeRes.type !== "none") {
                 const st = useWorkspaceStore.getState();
@@ -466,7 +709,7 @@ function EditorPane() {
                   limit: typeRes.limit,
                   nextCursor: typeRes.nextCursor,
                 });
-                st.set("resultMeta", { database: sets[0].database || conn.database, table: cleanKey, pkCols: [], redisType: typeRes.type, redisTtl: typeRes.ttl });
+                st.set("resultMeta", { database: sets[0].database || editorDatabase(conn, tab), table: cleanKey, pkCols: [], redisType: typeRes.type, redisTtl: typeRes.ttl });
                 st.set("resultTab", "data");
                 set("status", `${cleanKey}`);
                 return;
@@ -479,7 +722,7 @@ function EditorPane() {
       }
       useWorkspaceStore.getState().setResultSets(sets);
       if (redis) {
-        set("resultMeta", { database: tab.database || conn.database, pkCols: [] });
+        set("resultMeta", { database: editorDatabase(conn, useWorkspaceStore.getState().tabs.find((t) => t.id === tab.id)), pkCols: [] });
       }
       if (cancelled) {
         set("status", "已取消");
@@ -512,83 +755,9 @@ function EditorPane() {
     }
   };
 
-  const runExplain = async () => {
-    if (!conn) {
-      set("status", "请先选择连接");
-      return;
-    }
-    if (!supportsExplain(conn.driver)) {
-      useWorkspaceStore.getState().notify({
-        kind: "warning",
-        title: "执行计划",
-        message: `${driverById(conn.driver)?.name ?? conn.driver} 暂不支持执行计划。`,
-        mode: "toast",
-      });
-      return;
-    }
-    const text = (tab?.sql || "").trim();
-    if (!text) {
-      set("status", "没有可分析的 SQL");
-      return;
-    }
-    const stmts = splitStatements(text).map((r) => r.text.trim()).filter(Boolean);
-    const target = stmts[0] || text;
-    const ac = new AbortController();
-    abortRef.current = ac;
-    set("running", true);
-    set("status", "获取执行计划…");
-    try {
-      // C3:方言包装由服务端完成(MSSQL 钉连接 / Oracle DBMS_XPLAN)；会话失效自动重连重试一次
-      const res = await withSessionRetry(conn, (sid) =>
-        explainSql(conn, target, {
-          sessionId: sid,
-          database: tab.database || conn.database,
-          signal: ac.signal,
-        }),
-      );
-      if (res.error === "已取消" || ac.signal.aborted) {
-        set("status", "已取消");
-        notify({ kind: "warning", title: "已取消", message: "执行计划已停止", mode: "toast", durationMs: 2200 });
-        return;
-      }
-      if (res.error) {
-        set("explainText", res.error);
-      } else if (res.text) {
-        set("explainText", res.text);
-      } else if (res.columns?.length === 1 && res.rows?.length) {
-        const col = res.columns[0];
-        set("explainText", res.rows.map((r) => String(r[col] ?? "")).join("\n"));
-      } else if (res.columns?.length) {
-        const header = res.columns.join("\t");
-        const body = (res.rows ?? [])
-          .map((r) => res.columns!.map((c) => (r[c] == null ? "NULL" : String(r[c]))).join("\t"))
-          .join("\n");
-        set("explainText", [header, body].filter(Boolean).join("\n"));
-      } else {
-        set("explainText", "(空计划)");
-      }
-      set("resultTab", "explain");
-      set("status", "执行计划已就绪");
-      set("connState", "ok");
-    } catch (e) {
-      if (isAbortError(e) || ac.signal.aborted) {
-        set("status", "已取消");
-        notify({ kind: "warning", title: "已取消", message: "执行计划已停止", mode: "toast", durationMs: 2200 });
-      } else {
-        const msg = e instanceof Error ? e.message : String(e);
-        set("explainText", msg);
-        set("resultTab", "explain");
-        if (msg.includes("会话") || msg.toLowerCase().includes("session")) set("connState", "down");
-        notifyError(e, "toast");
-      }
-    } finally {
-      abortRef.current = null;
-      set("running", false);
-    }
-  };
-
   useEffect(() => {
     const onKey = (e: KeyboardEvent) => {
+      if (document.querySelector('[role="menu"], .ops-modal-overlay')) return;
       const mod = e.metaKey || e.ctrlKey;
       if (mod && e.key === "t") {
         e.preventDefault();
@@ -612,7 +781,8 @@ function EditorPane() {
         })();
         return;
       }
-      if (mod && e.key === "/") {
+      // ⌘⇧/(即 ⌘?)打开快捷键帮助；⌘/ 切换 SQL 注释
+      if (mod && e.key === "?") {
         e.preventDefault();
         set("showHelp", !useWorkspaceStore.getState().showHelp);
         return;
@@ -688,37 +858,6 @@ function EditorPane() {
     setTabCtxPos({ x, y });
   }, [tabCtx]);
 
-  // SQL 编辑器右键：Esc/外点关闭
-  useEffect(() => {
-    if (!editorCtx) {
-      setEditorCtxPos(null);
-      return;
-    }
-    const close = () => setEditorCtx(null);
-    const onKey = (e: KeyboardEvent) => {
-      if (e.key === "Escape") {
-        e.preventDefault();
-        setEditorCtx(null);
-      }
-    };
-    window.addEventListener("click", close);
-    window.addEventListener("keydown", onKey, true);
-    return () => {
-      window.removeEventListener("click", close);
-      window.removeEventListener("keydown", onKey, true);
-    };
-  }, [editorCtx]);
-
-  useEffect(() => {
-    if (!editorCtx) return;
-    const el = editorCtxRef.current;
-    if (!el) return;
-    const r = el.getBoundingClientRect();
-    const x = editorCtx.x + r.width > window.innerWidth - 8 ? Math.max(8, window.innerWidth - r.width - 8) : editorCtx.x;
-    const y = editorCtx.y + r.height > window.innerHeight - 8 ? Math.max(8, window.innerHeight - r.height - 8) : editorCtx.y;
-    setEditorCtxPos({ x, y });
-  }, [editorCtx]);
-
   /** R2-F6:批量关闭前的脏标签守卫,统一确认一次 */
   const tabMenuAction = async (kind: "close" | "others" | "right" | "all") => {
     if (!tabCtx) return;
@@ -754,20 +893,16 @@ function EditorPane() {
   };
 
   return (
-    <section className="flex min-h-0 min-w-0 flex-1 flex-col">
-      <div className="ops-tabbar">
+    <section className="flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden">
+      <div className="ops-tabbar" style={tabs.length === 1 && !tabs[0].connectionId && !tabs[0].sql.trim() ? { display: "none" } : undefined}>
         {tabs.map((t) => (
           <div
             key={t.id}
             className={cx(
-              "group flex items-center gap-1 border-b-2 px-2 text-[12px]",
-              t.id === activeTabId ? "border-[var(--ops-accent)]" : "border-transparent opacity-70 hover:opacity-100",
+              "ops-worktab group",
+              t.id === activeTabId ? "ops-worktab-active" : undefined,
             )}
-            style={
-              t.id === activeTabId
-                ? { color: "var(--ops-accent)", background: "var(--ops-surface)" }
-                : { color: "var(--ops-muted)" }
-            }
+            title={`${workTabLabel(t, tabs)}${connections.find(c => c.id === t.connectionId)?.name ? ` · ${connections.find(c => c.id === t.connectionId)?.name}` : ""}${t.dirty ? " · 未保存" : ""}`}
             onMouseDown={(e) => {
               // 中键关闭(修 T2)
               if (e.button !== 1) return;
@@ -793,7 +928,7 @@ function EditorPane() {
           >
             <button
               type="button"
-              className={cx("flex items-center gap-1", t.dirty ? "ops-tab-dirty" : undefined)}
+              className="ops-worktab-label"
               onClick={() => {
                 set("activeTabId", t.id);
                 // Tab 自带连接 → 切换时同步激活该连接（编辑器/树跟随）
@@ -802,24 +937,14 @@ function EditorPane() {
                 }
               }}
             >
-              {(() => {
-                const tc = connections.find((c) => c.id === t.connectionId);
-                if (!tc) return t.title;
-                return (
-                  <span className="flex items-center gap-1">
-                    <DriverIcon driver={tc.driver} size={12} />
-                    <span className="text-[10px] opacity-60">{tc.name}</span>
-                    <span className="opacity-30">·</span>
-                    <span>{t.title}</span>
-                  </span>
-                );
-              })()}
+              {connections.find(c => c.id === t.connectionId) && <DriverIcon driver={connections.find(c => c.id === t.connectionId)!.driver} size={13} />}
+              <span className="truncate">{workTabLabel(t, tabs)}</span>
+              {t.dirty && <span className="ops-worktab-unsaved" aria-label="未保存" />}
             </button>
             <button
               type="button"
-              className="ops-close-faint w-[18px] text-[11px] opacity-0 transition-opacity group-hover:opacity-60 hover:!opacity-100"
-              style={{ color: "var(--ops-danger)" }}
-              title="关闭"
+              className="ops-worktab-close"
+              title={`关闭 ${workTabLabel(t, tabs)}`}
               onClick={() => {
                 void (async () => {
                   if (t.dirty) {
@@ -839,7 +964,7 @@ function EditorPane() {
             </button>
           </div>
         ))}
-        <button type="button" className="ops-btn-ghost px-1.5" onClick={() => newQueryTab()} title={`新建查询 ${MOD}T`}>
+        <button type="button" className="ops-worktab-add" onClick={() => newQueryTab()} title={`新建查询 ${MOD}T`}>
           +
         </button>
       </div>
@@ -875,6 +1000,7 @@ function EditorPane() {
         className="flex min-h-8 flex-wrap items-center gap-2 border-b px-2 py-0.5"
         style={{ borderColor: "var(--ops-border)", background: "var(--ops-surface)" }}
       >
+        <DbSwitcher />
         {running ? (
           <button type="button" className="ops-btn-secondary" onClick={cancelRun} title="取消当前查询">
             取消
@@ -908,131 +1034,22 @@ function EditorPane() {
             格式化
           </button>
         )}
-        {(conn?.driver || "").toLowerCase() !== "redis" && (
-          <button
-            type="button"
-            className="ops-btn-secondary"
-            disabled={running || !supportsExplain(conn?.driver)}
-            title={supportsExplain(conn?.driver) ? "执行计划" : "当前引擎不支持执行计划"}
-            onClick={() => void runExplain()}
-          >
-            执行计划
-          </button>
-        )}
-        <button
-          type="button"
-          className="ops-btn-secondary"
-          onClick={() => {
-            void (async () => {
-              // C6:askInput 替代 window.prompt(WKWebView 下 prompt 返回 null)
-              const name = await askInput({ title: "书签名称", defaultValue: "常用查询", placeholder: "常用查询" });
-              if (name == null) return;
-              if (!name.trim()) {
-                useWorkspaceStore.getState().notify({ kind: "warning", title: "书签", message: "名称必填", mode: "toast" });
-                return;
-              }
-              useWorkspaceStore.getState().saveBookmark(name, tab?.sql ?? "");
-              useWorkspaceStore.getState().notify({ kind: "success", title: "已保存书签", message: name.trim(), mode: "toast" });
-            })();
-          }}
-        >
-          存书签
-        </button>
-        <button
-          type="button"
-          className={cx("ops-btn-ghost", showBookmarks && "ops-tree-item-active")}
-          onClick={() => set("showBookmarks", !showBookmarks)}
-        >
-          书签
-        </button>
-        {/* R2-F1:多语句「遇错即停」开关(默认开),持久化到 prefs */}
-        <div className="ops-seg" role="group" aria-label="遇错即停">
-          <button
-            type="button"
-            className={stopOnError ? "ops-seg-active" : undefined}
-            title="多语句执行:某条失败即停止后续语句"
-            onClick={() => setStopOnError(true)}
-          >
-            遇错即停
-          </button>
-          <button
-            type="button"
-            className={!stopOnError ? "ops-seg-active" : undefined}
-            title="多语句执行:全部跑完再汇总成败"
-            onClick={() => setStopOnError(false)}
-          >
-            继续执行
-          </button>
-        </div>
-        {/* R2-F8:语句执行超时选择,run() 以 timeoutMs 传给 execSql(E2) */}
-        <select
-          className="ops-input h-6 py-0 text-[11px]"
-          value={execTimeoutMs}
-          onChange={(e) => setExecTimeoutMs(Number(e.target.value))}
-          title="单语句执行超时(需服务端支持 E2)"
-          aria-label="执行超时"
-        >
-          <option value={0}>超时:无</option>
-          <option value={10000}>超时:10s</option>
-          <option value={30000}>超时:30s</option>
-          <option value={60000}>超时:60s</option>
-          <option value={300000}>超时:5min</option>
-        </select>
         <span
-          className="hidden truncate text-[10px] opacity-60 min-[1100px]:inline"
+          className="ml-auto min-w-0 truncate text-[11px]"
           style={{ color: "var(--ops-muted)" }}
-          title={`${MOD}+Enter 执行；多语句出多结果`}
+          title={
+            conn
+              ? `${conn.name}${editorDatabase(conn, tab) ? `@${isRedisConn(conn.driver) ? `DB${editorDatabase(conn, tab)}` : editorDatabase(conn, tab)}` : ""} · ${connectionEndpoint(conn)}`
+              : undefined
+          }
         >
-          {(conn?.driver || "").toLowerCase() === "redis"
-            ? `${MOD}+Enter 当前行或选区；多行逐条执行`
-            : `${MOD}+Enter 选区或当前语句；多语句出多结果`}
-        </span>
-        <span className="min-w-0 truncate text-[11px]" style={{ color: "var(--ops-muted)" }}>
-          {conn ? `${conn.name} · ${driverById(conn.driver)?.name}` : "未选择连接"}
+          {conn
+            ? `${conn.name}${editorDatabase(conn, tab) ? `@${isRedisConn(conn.driver) ? `DB${editorDatabase(conn, tab)}` : editorDatabase(conn, tab)}` : ""} · ${connectionEndpoint(conn) || driverById(conn.driver)?.name}`
+            : "未选择连接"}
         </span>
       </div>
 
-                  {showBookmarks && (
-        <div className="max-h-36 shrink-0 overflow-auto border-b px-2 py-1 text-[11px]" style={{ borderColor: "var(--ops-border)" }}>
-          <div className="mb-1" style={{ color: "var(--ops-muted)" }}>书签 {bookmarks.length}</div>
-          {bookmarks.length === 0 && <div style={{ color: "var(--ops-muted)" }}>暂无书签，点「存书签」</div>}
-          {bookmarks.map((b) => (
-            <div key={b.id} className="group flex items-center gap-1">
-              <button
-                type="button"
-                className="ops-tree-item min-w-0 flex-1"
-                onClick={() => updateActiveSql(b.sql)}
-                title={b.sql}
-              >
-                <span className="truncate font-medium">{b.name}</span>
-                <span className="ml-auto shrink-0 opacity-40">{new Date(b.at).toLocaleDateString()}</span>
-              </button>
-              <button
-                type="button"
-                className="hidden text-[10px] opacity-60 group-hover:inline"
-                onClick={() => {
-                  void (async () => {
-                    const name = await askInput({ title: "重命名书签", defaultValue: b.name });
-                    if (name == null || !name.trim()) return;
-                    useWorkspaceStore.getState().renameBookmark(b.id, name);
-                  })();
-                }}
-              >
-                ✎
-              </button>
-              <button
-                type="button"
-                className="hidden text-[10px] opacity-60 group-hover:inline"
-                style={{ color: "var(--ops-danger)" }}
-                onClick={() => useWorkspaceStore.getState().removeBookmark(b.id)}
-              >
-                ×
-              </button>
-            </div>
-          ))}
-        </div>
-      )}
-      {showHistory && (
+            {showHistory && (
         <div className="flex max-h-56 shrink-0 flex-col border-b text-[11px]" style={{ borderColor: "var(--ops-border)" }}>
           <div className="flex items-center gap-2 px-2 py-1">
             <span className="shrink-0" style={{ color: "var(--ops-muted)" }}>
@@ -1120,105 +1137,26 @@ function EditorPane() {
         </div>
       )}
 
-      {editorCtx && (
-        <div
-          ref={editorCtxRef}
-          className="ops-ctx"
-          style={
-            editorCtxPos
-              ? { left: editorCtxPos.x, top: editorCtxPos.y }
-              : { left: editorCtx.x, top: editorCtx.y, visibility: "hidden" }
-          }
-          onClick={(e) => e.stopPropagation()}
-        >
-          <button
-            type="button"
-            onClick={() => {
-              const sql = editorRef.current?.getRunSql() ?? "";
-              setEditorCtx(null);
-              void run(sql);
-            }}
-          >
-            {editorCtx.hasSelection
-              ? "执行选中"
-              : (conn?.driver || "").toLowerCase() === "redis"
-                ? "执行当前命令"
-                : "执行当前语句"}
-          </button>
-          <button
-            type="button"
-            disabled={!editorRelation}
-            title={editorRelation ? undefined : "请先在对象树选择表"}
-            onClick={() => {
-              if (!editorRelation) return;
-              set("viewDataRequest", { ...editorRelation, token: Date.now() });
-              setEditorCtx(null);
-            }}
-          >
-            查看数据
-          </button>
-          {(conn?.driver || "").toLowerCase() !== "redis" && (
-            <button
-              type="button"
-              disabled={!editorRelation}
-              title={editorRelation ? undefined : "请先在对象树选择表"}
-              onClick={() => {
-                if (!editorRelation) return;
-                set("ddlRequest", { ...editorRelation, token: Date.now() });
-                setEditorCtx(null);
-              }}
-            >
-              查看 DDL
-            </button>
-          )}
-          <div className="ops-ctx-sep" />
-          <button
-            type="button"
-            disabled={!editorCtx.hasSelection}
-            onClick={() => {
-              void editorRef.current?.cutSelection();
-              setEditorCtx(null);
-            }}
-          >
-            剪切
-          </button>
-          <button
-            type="button"
-            disabled={!editorCtx.hasSelection}
-            onClick={() => {
-              void editorRef.current?.copySelection();
-              setEditorCtx(null);
-            }}
-          >
-            复制
-          </button>
-          <button
-            type="button"
-            onClick={() => {
-              void editorRef.current?.pasteClipboard();
-              setEditorCtx(null);
-            }}
-          >
-            粘贴
-          </button>
-          <button
-            type="button"
-            onClick={() => {
-              editorRef.current?.selectAll();
-              setEditorCtx(null);
-            }}
-          >
-            全选
-          </button>
-        </div>
-      )}
+      {editorCtx && <ContextMenu x={editorCtx.x} y={editorCtx.y} title={editorCtx.hasSelection ? "编辑选区" : "SQL 编辑器"} onClose={() => setEditorCtx(null)} items={[
+        { label: editorCtx.hasSelection ? "执行选中" : "执行当前语句", disabled: running || !conn, shortcut: `${MOD}↵`, action: () => void run(editorRef.current?.getRunSql()) },
+        { label: editorCtx.hasSelection ? "格式化选区" : "格式化全文", disabled: !!conn && !driverCaps(conn.driver).ddl, action: () => editorRef.current?.format(true) },
+        { label: "注释 / 取消注释", disabled: !!conn && !driverCaps(conn.driver).ddl, action: () => editorRef.current?.toggleComment() },
+        { label: "查找 / 替换", shortcut: `${MOD}F`, action: () => editorRef.current?.findReplace() },
+        { label: "跳转到定义（DDL）", disabled: !editorRelation || !driverCaps(conn?.driver ?? "").ddl, hint: editorRelation ? `${editorRelation.database}.${editorRelation.table}` : "右键点击已加载的明确表名；别名或不明确的对象暂不跳转", action: () => { if (editorRelation) set("ddlRequest", { ...editorRelation, token: Date.now() }); } },
+        { label: "查看表数据", disabled: !editorRelation, action: () => { if (editorRelation) set("viewDataRequest", { ...editorRelation, token: Date.now() }); } },
+        { label: "复制为纯文本", separator: true, action: () => void copyEditor() },
+        { label: "复制为 SQL + 连接信息", disabled: !conn, hint: "包含引擎、主机端口与数据库，不包含账号密码", action: () => void copyEditor(true) },
+        { label: "剪切", disabled: !editorCtx.hasSelection, action: () => { void editorRef.current?.cutSelection().catch((e) => notifyError(e, "toast")); } },
+        { label: "粘贴", action: () => { void editorRef.current?.pasteClipboard().catch((e) => notifyError(e, "toast")); } },
+        { label: "全选", shortcut: `${MOD}A`, action: () => editorRef.current?.selectAll() },
+      ]} />}
 
-      <div className="flex min-h-0 flex-1 flex-col">
-        <div className="min-h-[120px]" style={{ flex: `${1 - resultRatio} 1 0` }}>
+      <div className="flex min-h-0 flex-1 flex-col overflow-hidden">
+        <div className="min-h-0 overflow-hidden" style={{ flex: `${1 - resultRatio} 1 0`, minHeight: 120 }}>
           <SqlEditor
             ref={editorRef}
             value={tab?.sql ?? ""}
-            theme={theme}
+            theme={effectiveTheme}
             driver={conn?.driver}
             connectionId={conn?.id}
             onChange={updateActiveSql}
@@ -1236,7 +1174,7 @@ function EditorPane() {
             set("resultRatio", next);
           }}
         />
-        <div className="min-h-[96px]" style={{ flex: `${resultRatio} 1 0` }}>
+        <div className="flex min-h-0 flex-col overflow-hidden" style={{ flex: `${resultRatio} 1 0`, minHeight: 96 }}>
           <ResultPane tableHint={conn?.database} />
         </div>
       </div>
@@ -1244,74 +1182,6 @@ function EditorPane() {
   );
 }
 
-function StatusBar() {
-  const resultMeta = useWorkspaceStore((s) => s.resultMeta);
-  const status = useWorkspaceStore((s) => s.status);
-  const connections = useWorkspaceStore((s) => s.connections);
-  const activeConnectionId = useWorkspaceStore((s) => s.activeConnectionId);
-  const result = useWorkspaceStore((s) => s.result);
-  const connState = useWorkspaceStore((s) => s.connState);
-  const set = useWorkspaceStore((s) => s.set);
-  const notify = useWorkspaceStore((s) => s.notify);
-  const notifyError = useWorkspaceStore((s) => s.notifyError);
-  const conn = connections.find((c) => c.id === activeConnectionId);
-
-  const reconnect = async () => {
-    if (!conn) return;
-    set("connState", "reconnecting");
-    set("status", "重连中…");
-    try {
-      useWorkspaceStore.getState().setSession(conn.id, null);
-      const { sessionId } = await (await import("./api")).openSession(conn);
-      useWorkspaceStore.getState().setSession(conn.id, sessionId);
-      set("connState", "ok");
-      set("status", `已重连 ${conn.name}` + (conn.database ? ` · ${conn.database}` : ""));
-      notify({ kind: "success", title: "重连成功", message: conn.name, mode: "toast", durationMs: 1600 });
-    } catch (e) {
-      set("connState", "down");
-      const msg = e instanceof Error ? e.message : String(e);
-      set("status", `重连失败：${msg}`);
-      notifyError(e, "modal");
-    }
-  };
-
-  return (
-    <footer className="ops-statusbar">
-      <span className="truncate">{conn ? conn.name : "未连接"}</span>
-      <span className="opacity-30">|</span>
-      {connState === "down" && (
-        <>
-          <span style={{ color: "var(--ops-danger)" }}>已断开</span>
-          <button type="button" className="ops-btn-secondary h-5 px-1.5 text-[10px]" onClick={() => void reconnect()}>
-            重连
-          </button>
-          <span className="opacity-30">|</span>
-        </>
-      )}
-      {connState === "reconnecting" && (
-        <>
-          <span style={{ color: "var(--ops-warning)" }}>重连中…</span>
-          <span className="opacity-30">|</span>
-        </>
-      )}
-      <span className="truncate">{status || "就绪"}</span>
-      <span className="opacity-30">|</span>
-      <span className="truncate">
-        {conn ? `${driverById(conn.driver)?.name} · ${conn.host || conn.database}${conn.port ? `:${conn.port}` : ""}` : "无连接"}
-      </span>
-      {result && !result.error && !((conn?.driver || "").toLowerCase() === "redis" && resultMeta?.redisType && resultMeta?.table) && (
-        <>
-          <span className="opacity-30">|</span>
-          <span>
-            {result.rowCount} 行 / {result.timeMs} ms
-            {result.truncated ? " · 已截断" : ""}
-          </span>
-        </>
-      )}
-    </footer>
-  );
-}
-
 function HelpOverlay() {
   const set = useWorkspaceStore((s) => s.set);
   const rows = [
@@ -1322,7 +1192,8 @@ function HelpOverlay() {
     ["Ctrl + Tab", "循环切换查询"],
     [`${MOD} + ⇧ + F`, "聚焦对象树过滤框"],
     [`${MOD} + B`, "显示/隐藏 AI"],
-    [`${MOD} + /`, "本帮助"],
+    [`${MOD} + /`, "注释 / 取消注释"],
+    [`${MOD} + ⇧ + /`, "本帮助"],
     ["点表名", "打开前 100 行"],
     ["展开表", "查看列"],
     ["双击单元格", "进入编辑"],
@@ -1371,6 +1242,10 @@ export function OpsxWorkspace() {
     loadConnections();
   }, [loadConnections]);
 
+  useEffect(() => {
+    if (window.__OPSXDB_BOOT_ERROR__) setBackendFailed(window.__OPSXDB_BOOT_ERROR__);
+  }, []);
+
   const probeHealth = useCallback(async (opts?: { toastOnFail?: boolean }) => {
     try {
       await health();
@@ -1382,7 +1257,7 @@ export function OpsxWorkspace() {
         notify({
           kind: "warning",
           title: "本地后端未就绪",
-          message: "连库依赖本机 OpsxDB 服务（默认 127.0.0.1:8788）。桌面版会自动拉起；开发态请先 ./run.sh。",
+          message: "连库依赖本机 OpsxDB 服务。桌面版会自动拉起；开发态请运行 ./run.sh gui。",
           mode: "toast",
           durationMs: 8000,
         });
@@ -1402,7 +1277,7 @@ export function OpsxWorkspace() {
         notify({
           kind: "warning",
           title: "本地后端未就绪",
-          message: "连库依赖本机 OpsxDB 服务（默认 127.0.0.1:8788）。桌面版会自动拉起；开发态请先 ./run.sh。",
+          message: "连库依赖本机 OpsxDB 服务。桌面版会自动拉起；开发态请运行 ./run.sh gui。",
           mode: "toast",
           durationMs: 8000,
         });
@@ -1510,14 +1385,14 @@ export function OpsxWorkspace() {
   }
 
   return (
-    <div className="ops-shell flex h-screen min-h-[640px] flex-col">
+    <div className="ops-shell flex h-screen min-h-0 flex-col overflow-hidden">
       <TopNav />
       {launchStrip}
-      <div className="flex min-h-0 flex-1">
-        <aside className="ops-panel flex h-full shrink-0 flex-col border-r" style={{ width: leftWidth }}>
-          <div className="min-h-0 flex-1 overflow-auto">
+      <div className="flex min-h-0 flex-1 overflow-hidden">
+        <aside className="ops-panel flex h-full shrink-0 flex-col overflow-hidden border-r" style={{ width: leftWidth }}>
+          <div className="flex min-h-0 flex-1 flex-col overflow-hidden">
           <ConnectionSidebar
-            onSelect={(id) => set("activeConnectionId", id)}
+            onSelect={(id) => useWorkspaceStore.getState().selectConnection(id)}
             onDelete={(id) => {
               void (async () => {
                 const c = useWorkspaceStore.getState().connections.find((x) => x.id === id);
@@ -1551,13 +1426,12 @@ export function OpsxWorkspace() {
         {showAi && (
           <>
             <DragX onMove={(dx) => set("aiWidth", Math.min(420, Math.max(220, aiWidth - dx)))} />
-            <div className="shrink-0" style={{ width: aiWidth }}>
+            <div className="min-h-0 shrink-0 overflow-hidden" style={{ width: aiWidth }}>
               <AiPanel />
             </div>
           </>
         )}
       </div>
-      <StatusBar />
       <NotifyHost />
       {showHelp && <HelpOverlay />}
     </div>
@@ -1578,9 +1452,7 @@ function BackendDownBanner({ onRetry }: { onRetry: () => void }) {
     >
       <span className="shrink-0 font-medium">本地后端未就绪</span>
       <span className="min-w-0 truncate" style={{ color: "var(--ops-muted)" }}>
-        开发态请先 <span style={{ color: "var(--ops-text)", fontFamily: "ui-monospace, monospace" }}>./run.sh</span>
-        {" · "}
-        <span style={{ fontFamily: "ui-monospace, monospace" }}>127.0.0.1:8788</span>
+        开发态请运行 <span style={{ color: "var(--ops-text)", fontFamily: "ui-monospace, monospace" }}>./run.sh gui</span>
       </span>
       <button
         type="button"
diff --git a/src/aiComposerKeys.test.ts b/src/aiComposerKeys.test.ts
new file mode 100644
index 0000000..1093c15
--- /dev/null
+++ b/src/aiComposerKeys.test.ts
@@ -0,0 +1,17 @@
+import { expect, it } from "vitest";
+import { aiEnterAction } from "./aiComposerKeys";
+
+const enter = { key: "Enter", shiftKey: false, isComposing: false, keyCode: 13, repeat: false };
+
+it("输入法确认候选词的回车不会发送，即使 WebKit 已发出 compositionend", () => {
+  expect(aiEnterAction(enter, true, false)).toBe("ignore");
+  expect(aiEnterAction({ ...enter, isComposing: true }, false, false)).toBe("ignore");
+  expect(aiEnterAction({ ...enter, keyCode: 229 }, false, false)).toBe("ignore");
+  expect(aiEnterAction(enter, false, true)).toBe("suppress");
+});
+
+it("普通回车发送，Shift 回车换行，长按回车不重复发送", () => {
+  expect(aiEnterAction(enter, false, false)).toBe("send");
+  expect(aiEnterAction({ ...enter, shiftKey: true }, false, false)).toBe("newline");
+  expect(aiEnterAction({ ...enter, repeat: true }, false, false)).toBe("suppress");
+});
diff --git a/src/aiComposerKeys.ts b/src/aiComposerKeys.ts
new file mode 100644
index 0000000..30a5a4c
--- /dev/null
+++ b/src/aiComposerKeys.ts
@@ -0,0 +1,14 @@
+export type AiEnterAction = "ignore" | "suppress" | "newline" | "send";
+
+/** WebKit 中候选词确认可能先触发 compositionend，随后才触发 Enter keydown。 */
+export function aiEnterAction(
+  event: Pick<KeyboardEvent, "key" | "shiftKey" | "isComposing" | "keyCode" | "repeat">,
+  composing: boolean,
+  recentlyComposed: boolean,
+): AiEnterAction {
+  if (event.key !== "Enter") return "ignore";
+  if (composing || event.isComposing || event.keyCode === 229) return "ignore";
+  if (event.shiftKey) return "newline";
+  if (recentlyComposed || event.repeat) return "suppress";
+  return "send";
+}
diff --git a/src/aiPresets.test.ts b/src/aiPresets.test.ts
new file mode 100644
index 0000000..0494de2
--- /dev/null
+++ b/src/aiPresets.test.ts
@@ -0,0 +1,31 @@
+import { describe, expect, it } from "vitest";
+import { AI_PRESETS, findAiPreset } from "./aiPresets";
+
+describe("AI 预设表", () => {
+  it("id 唯一且包含本地与自定义兜底", () => {
+    const ids = AI_PRESETS.map((p) => p.id);
+    expect(new Set(ids).size).toBe(ids.length);
+    expect(findAiPreset("ollama")?.allowInsecureHttp).toBe(true);
+    expect(findAiPreset("custom")?.baseUrl).toBe("");
+  });
+
+  it("云端预设一律 https 且默认不放行 http", () => {
+    for (const p of AI_PRESETS.filter((x) => x.id !== "ollama" && x.id !== "custom")) {
+      expect(p.baseUrl.startsWith("https://"), p.id).toBe(true);
+      expect(p.allowInsecureHttp, p.id).toBe(false);
+    }
+  });
+
+  it("anthropic 协议与 x-api-key 配对,其余为 bearer/none", () => {
+    for (const p of AI_PRESETS) {
+      if (p.protocol === "anthropic") expect(p.authStyle, p.id).toBe("x-api-key");
+      else expect(["bearer", "none"], p.id).toContain(p.authStyle);
+    }
+  });
+
+  it("除自定义外默认模型都在模型清单中", () => {
+    for (const p of AI_PRESETS.filter((x) => x.id !== "custom")) {
+      expect(p.models, p.id).toContain(p.defaultModel);
+    }
+  });
+});
diff --git a/src/aiPresets.ts b/src/aiPresets.ts
new file mode 100644
index 0000000..06216da
--- /dev/null
+++ b/src/aiPresets.ts
@@ -0,0 +1,134 @@
+/** AI Provider 预设(对齐 opsxshell providerPresets,裁剪 family/billing 分层)。
+ *  protocol: openai-chat 覆盖绝大多数兼容服务;openai-responses 为 OpenAI 官方;anthropic 为 Claude 原生。 */
+
+export type AiProtocol = "openai-chat" | "openai-responses" | "anthropic";
+export type AiAuthStyle = "bearer" | "x-api-key" | "none";
+
+export interface AiPreset {
+  id: string;
+  name: string;
+  desc: string;
+  protocol: AiProtocol;
+  authStyle: AiAuthStyle;
+  baseUrl: string;
+  allowInsecureHttp: boolean;
+  models: string[];
+  defaultModel: string;
+}
+
+export const AI_PRESETS: AiPreset[] = [
+  {
+    id: "deepseek",
+    name: "DeepSeek",
+    desc: "官方 API · 按量",
+    protocol: "openai-chat",
+    authStyle: "bearer",
+    baseUrl: "https://api.deepseek.com/v1",
+    allowInsecureHttp: false,
+    models: ["deepseek-v4-pro", "deepseek-flash"],
+    defaultModel: "deepseek-v4-pro",
+  },
+  {
+    id: "openai",
+    name: "OpenAI",
+    desc: "官方 Responses API",
+    protocol: "openai-responses",
+    authStyle: "bearer",
+    baseUrl: "https://api.openai.com/v1",
+    allowInsecureHttp: false,
+    models: ["gpt-6-astra", "gpt-5.6-sol", "gpt-5.6-terra", "gpt-5.6-luna"],
+    defaultModel: "gpt-6-astra",
+  },
+  {
+    id: "qwen",
+    name: "Qwen 通义",
+    desc: "阿里云百炼 · OpenAI 兼容",
+    protocol: "openai-chat",
+    authStyle: "bearer",
+    baseUrl: "https://dashscope.aliyuncs.com/compatible-mode/v1",
+    allowInsecureHttp: false,
+    models: ["qwen3.8-max", "qwen3.8-flash", "qwen3.7-plus"],
+    defaultModel: "qwen3.8-max",
+  },
+  {
+    id: "kimi",
+    name: "Kimi",
+    desc: "Moonshot",
+    protocol: "openai-chat",
+    authStyle: "bearer",
+    baseUrl: "https://api.moonshot.cn/v1",
+    allowInsecureHttp: false,
+    models: ["kimi-k3", "kimi-k2.7-code", "kimi-k2.6"],
+    defaultModel: "kimi-k3",
+  },
+  {
+    id: "glm",
+    name: "GLM 智谱",
+    desc: "开放平台",
+    protocol: "openai-chat",
+    authStyle: "bearer",
+    baseUrl: "https://open.bigmodel.cn/api/paas/v4",
+    allowInsecureHttp: false,
+    models: ["glm-5.3", "glm-5.2", "glm-5.1"],
+    defaultModel: "glm-5.3",
+  },
+  {
+    id: "minimax",
+    name: "MiniMax",
+    desc: "按量",
+    protocol: "openai-chat",
+    authStyle: "bearer",
+    baseUrl: "https://api.minimax.io/v1",
+    allowInsecureHttp: false,
+    models: ["MiniMax-M3", "MiniMax-M2.7"],
+    defaultModel: "MiniMax-M3",
+  },
+  {
+    id: "anthropic",
+    name: "Anthropic",
+    desc: "Claude 原生协议",
+    protocol: "anthropic",
+    authStyle: "x-api-key",
+    baseUrl: "https://api.anthropic.com",
+    allowInsecureHttp: false,
+    models: ["claude-fable-5-1", "claude-sonnet-5", "claude-haiku-4-5"],
+    defaultModel: "claude-sonnet-5",
+  },
+  {
+    id: "gemini",
+    name: "Google Gemini",
+    desc: "OpenAI 兼容端点",
+    protocol: "openai-chat",
+    authStyle: "bearer",
+    baseUrl: "https://generativelanguage.googleapis.com/v1beta/openai",
+    allowInsecureHttp: false,
+    models: ["gemini-3.1-pro-preview", "gemini-3.6-flash"],
+    defaultModel: "gemini-3.1-pro-preview",
+  },
+  {
+    id: "ollama",
+    name: "Ollama",
+    desc: "本机私有化 · 免鉴权 HTTP",
+    protocol: "openai-chat",
+    authStyle: "none",
+    baseUrl: "http://127.0.0.1:11434/v1",
+    allowInsecureHttp: true,
+    models: ["qwen3:latest", "deepseek-r1:latest"],
+    defaultModel: "qwen3:latest",
+  },
+  {
+    id: "custom",
+    name: "自定义",
+    desc: "自填 Base URL(内网网关 / vLLM 等)",
+    protocol: "openai-chat",
+    authStyle: "bearer",
+    baseUrl: "",
+    allowInsecureHttp: false,
+    models: [],
+    defaultModel: "",
+  },
+];
+
+export function findAiPreset(id: string): AiPreset | undefined {
+  return AI_PRESETS.find((p) => p.id === id);
+}
diff --git a/src/api.ts b/src/api.ts
index aabea97..05cdbe7 100644
--- a/src/api.ts
+++ b/src/api.ts
@@ -838,17 +838,32 @@ export async function getAiConfig(signal?: AbortSignal) {
 }
 
 
-/** 桌面连接双写到 ~/.opsxdb/connections.json，供 MCP 进程读取（P0）。失败不抛，避免挡保存。 */
-export async function syncConnectionsToDisk(connections: SavedConnection[]): Promise<void> {
-  try {
-    await fetch(`${API}/api/db/connections-store`, {
-      method: "PUT",
-      headers: { "Content-Type": "application/json", ...authHeaders() },
-      body: JSON.stringify({ connections }),
-    });
-  } catch {
-    /* 后端未起时忽略 */
-  }
+let connectionSyncQueue: Promise<void> = Promise.resolve();
+
+/** 按顺序同步桌面连接；Agent 必须等待成功，避免旧快照覆盖最新连接。 */
+export function syncConnectionsToDisk(connections: SavedConnection[]): Promise<void> {
+  const body = JSON.stringify({ connections });
+  const sync = connectionSyncQueue.catch(() => {}).then(async () => {
+    const controller = new AbortController();
+    const timer = setTimeout(() => controller.abort(), 10000);
+    try {
+      const res = await fetch(`${API}/api/db/connections-store`, {
+        method: "PUT",
+        headers: { "Content-Type": "application/json", ...authHeaders() },
+        body,
+        signal: controller.signal,
+      });
+      if (!res.ok) throw new Error(`本机服务返回 ${res.status}`);
+      const result = await res.json();
+      if (result?.ok !== true) throw new Error("本机服务未确认连接已保存");
+    } catch (e) {
+      throw new Error(`连接同步失败，Agent 尚未执行任务：${controller.signal.aborted ? "本机服务响应超时" : e instanceof Error ? e.message : String(e)}`);
+    } finally {
+      clearTimeout(timer);
+    }
+  });
+  connectionSyncQueue = sync;
+  return sync;
 }
 
 export async function loadConnectionsFromDisk(): Promise<SavedConnection[] | null> {
@@ -914,7 +929,9 @@ export async function driverStatus() {
   const res = await fetch(`${API}/api/drivers/status`);
   const data = await res.json().catch(() => ({}));
   if (!res.ok) throw new Error((data as { error?: string }).error || res.statusText);
-  return (data as { drivers: DriverStatusItem[] }).drivers;
+  const drivers = (data as { drivers?: DriverStatusItem[] }).drivers;
+  if (!Array.isArray(drivers)) throw new Error("本机服务未提供驱动状态，请重启桌面应用后重试");
+  return drivers;
 }
 
 export async function driverInstall(driver: string) {
diff --git a/src/backendBootstrap.test.ts b/src/backendBootstrap.test.ts
new file mode 100644
index 0000000..1ec3ae6
--- /dev/null
+++ b/src/backendBootstrap.test.ts
@@ -0,0 +1,41 @@
+import { afterEach, describe, expect, it, vi } from "vitest";
+
+describe("桌面后端引导", () => {
+  afterEach(() => {
+    vi.unstubAllGlobals();
+    vi.resetModules();
+  });
+
+  it("使用 sidecar 注入的动态地址和令牌，不回退到 8788", async () => {
+    const fetcher = vi.fn().mockResolvedValue({
+      ok: true,
+      json: async () => ({ service: "opsxdb", version: "0.1.0" }),
+    });
+    vi.stubGlobal("window", {
+      __OPSXDB_API__: "http://127.0.0.1:49123",
+      __OPSXDB_TOKEN__: "local-test-token",
+      location: { protocol: "tauri:", hostname: "tauri.localhost", port: "" },
+    });
+    vi.stubGlobal("fetch", fetcher);
+    vi.resetModules();
+    const { health } = await import("./api");
+    await health();
+    expect(fetcher).toHaveBeenCalledWith("http://127.0.0.1:49123/api/health", {
+      headers: { Authorization: "Bearer local-test-token" },
+    });
+  });
+
+  it("其他项目占用目标地址时拒绝将其当作 OpsxDB", async () => {
+    vi.stubGlobal("window", {
+      __OPSXDB_API__: "http://127.0.0.1:8788",
+      location: { protocol: "tauri:", hostname: "tauri.localhost", port: "" },
+    });
+    vi.stubGlobal("fetch", vi.fn().mockResolvedValue({
+      ok: true,
+      json: async () => ({ service: "opsxapi" }),
+    }));
+    vi.resetModules();
+    const { health } = await import("./api");
+    await expect(health()).rejects.toThrow("不是 OpsxDB 后端");
+  });
+});
diff --git a/src/connectionSync.test.ts b/src/connectionSync.test.ts
new file mode 100644
index 0000000..e15e379
--- /dev/null
+++ b/src/connectionSync.test.ts
@@ -0,0 +1,50 @@
+import { afterEach, describe, expect, it, vi } from "vitest";
+import type { SavedConnection } from "./store";
+
+const connection = { id: "redis-local", name: "Redis", driver: "redis", host: "127.0.0.1", port: 6379 } as SavedConnection;
+
+afterEach(() => {
+  vi.unstubAllGlobals();
+  vi.resetModules();
+});
+
+describe("Agent 连接同步", () => {
+  it("服务端拒绝同步时报告失败，后续可以重试", async () => {
+    const fetcher = vi.fn()
+      .mockResolvedValueOnce({ ok: false, status: 500 })
+      .mockResolvedValueOnce({ ok: true, json: async () => ({ ok: true }) });
+    vi.stubGlobal("fetch", fetcher);
+    const { syncConnectionsToDisk } = await import("./api");
+    await expect(syncConnectionsToDisk([connection])).rejects.toThrow("连接同步失败");
+    await expect(syncConnectionsToDisk([connection])).resolves.toBeUndefined();
+    expect(fetcher).toHaveBeenCalledTimes(2);
+  });
+
+  it("先完成旧快照再发送新快照，等待最新连接实际写入", async () => {
+    let finishFirst!: (response: unknown) => void;
+    const fetcher = vi.fn()
+      .mockImplementationOnce(() => new Promise((resolve) => { finishFirst = resolve; }))
+      .mockResolvedValueOnce({ ok: true, json: async () => ({ ok: true }) });
+    vi.stubGlobal("fetch", fetcher);
+    const { syncConnectionsToDisk } = await import("./api");
+    const oldSync = syncConnectionsToDisk([]);
+    const newSync = syncConnectionsToDisk([connection]);
+    await vi.waitFor(() => expect(fetcher).toHaveBeenCalledTimes(1));
+    finishFirst({ ok: true, json: async () => ({ ok: true }) });
+    await Promise.all([oldSync, newSync]);
+    expect(fetcher).toHaveBeenCalledTimes(2);
+    expect(JSON.parse(fetcher.mock.calls[1][1].body).connections).toEqual([connection]);
+  });
+
+  it("网络失败不会被当作同步成功", async () => {
+    vi.stubGlobal("fetch", vi.fn().mockRejectedValue(new TypeError("Load failed")));
+    const { syncConnectionsToDisk } = await import("./api");
+    await expect(syncConnectionsToDisk([connection])).rejects.toThrow("Agent 尚未执行任务");
+  });
+
+  it("HTTP 成功但没有保存确认时仍然阻止 Agent", async () => {
+    vi.stubGlobal("fetch", vi.fn().mockResolvedValue({ ok: true, json: async () => ({}) }));
+    const { syncConnectionsToDisk } = await import("./api");
+    await expect(syncConnectionsToDisk([connection])).rejects.toThrow("未确认连接已保存");
+  });
+});
diff --git a/src/contextActions.test.ts b/src/contextActions.test.ts
new file mode 100644
index 0000000..a51ba24
--- /dev/null
+++ b/src/contextActions.test.ts
@@ -0,0 +1,53 @@
+import { describe, expect, it } from "vitest";
+import { connectionEndpoint, connectionSummary, connectionUri, identifierAt, selectionTSV } from "./contextActions";
+import { relationParts, rowsToInsert } from "./sql";
+
+describe("右键复制与对象识别边界", () => {
+  it("复制连接信息不包含密码、用户和 SSH 凭据", () => {
+    const c = { driver: "mysql" as const, host: "localhost", port: 3306, database: "订单 库", user: "private-user", password: "private-password", sshPrivateKey: "private-key" };
+    expect(connectionUri(c)).toBe("mysql://localhost:3306/%E8%AE%A2%E5%8D%95%20%E5%BA%93");
+    expect(connectionSummary(c)).toBe("mysql · localhost:3306 · 订单 库");
+    expect(connectionUri(c) + connectionSummary(c)).not.toContain("private");
+  });
+  it("IPv6 主机端口不产生歧义", () => {
+    expect(connectionEndpoint({ host: "::1", port: 5432 })).toBe("[::1]:5432");
+    expect(connectionEndpoint({ host: "[::1]", port: 5432 })).toBe("[::1]:5432");
+  });
+  it("Redis 集群与 Sentinel 展示种子节点，不展示单机默认 6379", () => {
+    const cluster = { driver: "redis" as const, redisMode: "cluster" as const, redisNodes: "127.0.0.1:7101\n127.0.0.1:7102", host: "127.0.0.1", port: 6379, database: "0" };
+    expect(connectionEndpoint(cluster)).toBe("127.0.0.1:7101");
+    expect(connectionUri(cluster)).toBe("redis+cluster://127.0.0.1:7101/0");
+    expect(connectionEndpoint({ ...cluster, redisMode: "sentinel", redisNodes: "127.0.0.1:26379" })).toBe("127.0.0.1:26379");
+  });
+  it("TSV 保留 NULL、对象、制表符和换行", () => {
+    expect(selectionTSV(["a", "b", "c"], [{ a: null, b: "a\tb\n\"c\"", c: { ok: true } }]))
+      .toBe('NULL\t"a\tb\n""c"""\t"{""ok"":true}"');
+    expect(selectionTSV(["a"], [{ a: "" }])).toBe("");
+  });
+  it("识别带引号、空格和转义的限定名", () => {
+    const text = 'SELECT * FROM "my schema"."ord""ers"';
+    expect(identifierAt(text, text.indexOf("ord"))).toEqual(["my schema", 'ord"ers']);
+    expect(identifierAt("SELECT * FROM [dbo].[a]]b]", 23)).toEqual(["dbo", "a]b"]);
+    expect(identifierAt("SELECT * FROM `my db`.`orders`", 25)).toEqual(["my db", "orders"]);
+  });
+  it("字符串、注释和空白不误判为表名", () => {
+    for (const text of ["SELECT 'orders'", "-- orders", "/* orders */ SELECT 1"]) {
+      expect(identifierAt(text, text.indexOf("orders"))).toBeNull();
+    }
+    expect(identifierAt("SELECT  * FROM orders", 7)).toBeNull();
+  });
+  it("PG 使用 schema，不误把数据库名前缀拼进 SQL", () => {
+    expect(relationParts("postgresql", "production", "orders")).toEqual(["public", "orders"]);
+    expect(relationParts("postgresql", "production", "sales.orders")).toEqual(["sales", "orders"]);
+    expect(relationParts("sqlserver", "production", "orders")).toEqual(["dbo", "orders"]);
+  });
+  it("MySQL 表名里的点与反引号保持为标识符内容", () => {
+    const parts = relationParts("mysql", "a`b", "orders.archive");
+    expect(rowsToInsert("mysql", parts, ["name"], [{ name: "O'Reilly" }]))
+      .toBe("INSERT INTO `a``b`.`orders.archive` (`name`) VALUES ('O''Reilly');");
+  });
+  it("INSERT 中空字符串与 NULL 不混淆，对象使用 JSON", () => {
+    expect(rowsToInsert("postgresql", ["public", "t"], ["a", "b", "c"], [{ a: "", b: null, c: { x: 1 } }]))
+      .toBe('INSERT INTO "public"."t" ("a", "b", "c") VALUES (\'\', NULL, \'{"x":1}\');');
+  });
+});
diff --git a/src/contextActions.ts b/src/contextActions.ts
new file mode 100644
index 0000000..8703480
--- /dev/null
+++ b/src/contextActions.ts
@@ -0,0 +1,54 @@
+import type { SavedConnection } from "./store";
+
+/** 只从明确允许的字段重建，绝不序列化连接对象或原始 DSN。 */
+export function connectionSummary(c: Pick<SavedConnection, "driver" | "host" | "port" | "database">, database = c.database): string {
+  return `${c.driver} · ${connectionEndpoint(c)} · ${database || "未指定数据库"}`;
+}
+
+export function connectionEndpoint(c: Pick<SavedConnection, "host" | "port"> & Partial<Pick<SavedConnection, "driver" | "redisMode" | "redisNodes">>): string {
+  if (c.driver === "redis" && (c.redisMode === "cluster" || c.redisMode === "sentinel")) {
+    const seed = c.redisNodes?.split(/[\s,;]+/).find(Boolean);
+    if (seed) return seed;
+  }
+  const host = c.host.includes(":") && !c.host.startsWith("[") ? `[${c.host}]` : c.host;
+  return c.port ? `${host}:${c.port}` : host;
+}
+
+export function connectionUri(c: Pick<SavedConnection, "driver" | "host" | "port" | "database"> & Partial<Pick<SavedConnection, "redisMode" | "redisNodes">>): string {
+  if (c.driver === "sqlite") return `sqlite://${encodeURI(c.database)}`;
+  if (c.driver === "redis" && (c.redisMode === "cluster" || c.redisMode === "sentinel")) {
+    return `redis+${c.redisMode}://${connectionEndpoint(c)}${c.redisMode === "cluster" ? "/0" : `/${encodeURIComponent(c.database)}`}`;
+  }
+  return `${c.driver}://${connectionEndpoint(c)}/${encodeURIComponent(c.database)}`;
+}
+
+export function cellText(value: unknown): string {
+  return value == null ? "NULL" : typeof value === "object" ? JSON.stringify(value) : String(value);
+}
+
+/** TSV 保留 NULL 和对象含义，并对制表符/换行进行可逆的标准字段引用。 */
+export function selectionTSV(columns: string[], rows: Record<string, unknown>[]): string {
+  return rows.map((row) => columns.map((col) => {
+    const value = cellText(row[col]);
+    return /[\t\r\n"]/.test(value) ? `"${value.replace(/"/g, '""')}"` : value;
+  }).join("\t")).join("\n");
+}
+
+/** 仅识别明确的标识符；跳过字符串和注释，不猜测别名/CTE。 */
+export function identifierAt(text: string, pos: number): string[] | null {
+  const ident = '(?:"(?:[^"]|"")+"|`(?:[^`]|``)+`|\\[(?:[^\\]]|\\]\\])+\\]|[\\p{L}_][\\p{L}\\p{N}_$]*)';
+  const tokens = new RegExp(`--[^\\n]*|/\\*[\\s\\S]*?\\*/|'(?:[^']|'')*'|${ident}(?:\\s*\\.\\s*${ident})*`, "gu");
+  for (const match of text.matchAll(tokens)) {
+    const start = match.index!;
+    if (pos < start || pos >= start + match[0].length) continue;
+    if (/^(--|\/\*|')/.test(match[0])) return null;
+    return Array.from(match[0].matchAll(new RegExp(ident, "gu")), (part) => {
+      const s = part[0];
+      if (s.startsWith('"')) return s.slice(1, -1).replace(/""/g, '"');
+      if (s.startsWith('`')) return s.slice(1, -1).replace(/``/g, '`');
+      if (s.startsWith('[')) return s.slice(1, -1).replace(/\]\]/g, ']');
+      return s;
+    });
+  }
+  return null;
+}
diff --git a/src/driverIconUrls.ts b/src/driverIconUrls.ts
index 8d54775..fdb683f 100644
--- a/src/driverIconUrls.ts
+++ b/src/driverIconUrls.ts
@@ -1,5 +1,5 @@
 /** Vite-bundled driver icons — works in Tauri/web without depending on /public path. */
-const modules = import.meta.glob("../assets/databases/*.{svg,png}", {
+const modules = import.meta.glob("./assets/databases/*.{svg,png}", {
   eager: true,
   query: "?url",
   import: "default",
diff --git a/src/main.tsx b/src/main.tsx
index 5f42dc1..325ecd1 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,6 +1,5 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
-import { OpsxWorkspace } from "@opsxdb/ui";
 import "./styles.css";
 
 const root = document.getElementById("root")!;
@@ -37,9 +36,25 @@ if (!isTauri && import.meta.env.PROD) {
     </div>,
   );
 } else {
-  ReactDOM.createRoot(root).render(
-    <React.StrictMode>
-      <OpsxWorkspace />
-    </React.StrictMode>,
-  );
+  // api.ts 在首次加载时确定 API 地址。先取得 Tauri sidecar 的动态端口与
+  // token，再加载工作台，避免把自启动后端误判为固定的 8788。
+  void (async () => {
+    if (isTauri) {
+      try {
+        const { invoke } = await import("@tauri-apps/api/core");
+        const cfg = await invoke<{ addr: string; token: string }>("get_backend_config");
+        window.__OPSXDB_API__ = cfg.addr;
+        window.__OPSXDB_TOKEN__ = cfg.token;
+      } catch (error) {
+        // 仍渲染工作台的重试/诊断入口；sidecar 启动失败时可能没有配置。
+        window.__OPSXDB_BOOT_ERROR__ = error instanceof Error ? error.message : String(error);
+      }
+    }
+    const { OpsxWorkspace } = await import("@opsxdb/ui");
+    ReactDOM.createRoot(root).render(
+      <React.StrictMode>
+        <OpsxWorkspace />
+      </React.StrictMode>,
+    );
+  })();
 }
diff --git a/src/notifyPolicy.test.ts b/src/notifyPolicy.test.ts
new file mode 100644
index 0000000..c6a2ca1
--- /dev/null
+++ b/src/notifyPolicy.test.ts
@@ -0,0 +1,17 @@
+import { afterEach, expect, it } from "vitest";
+import { useWorkspaceStore } from "./store";
+
+const previous = useWorkspaceStore.getState();
+afterEach(() => useWorkspaceStore.setState(previous, true));
+
+it("常规成功反馈静默，任务完成与警告仍可见", () => {
+  useWorkspaceStore.setState({ notifyToasts: [] });
+  const state = useWorkspaceStore.getState();
+  state.notify({ kind: "success", title: "已复制", message: "SQL 已复制", mode: "toast" });
+  state.notify({ kind: "success", title: "已格式化", message: "可撤销", mode: "toast" });
+  expect(useWorkspaceStore.getState().notifyToasts).toHaveLength(0);
+
+  state.notify({ kind: "success", title: "导出完成", message: "结果.csv", mode: "toast", feedback: "visible" });
+  state.notify({ kind: "warning", title: "行数无效", message: "请输入整数", mode: "toast" });
+  expect(useWorkspaceStore.getState().notifyToasts.map(n => n.title)).toEqual(["导出完成", "行数无效"]);
+});
diff --git a/src/openExternal.ts b/src/openExternal.ts
new file mode 100644
index 0000000..b91bb35
--- /dev/null
+++ b/src/openExternal.ts
@@ -0,0 +1,9 @@
+/** 外部链接统一打开：桌面走 opener 插件（Tauri 2 拦截 <a target=_blank>），失败再 window.open */
+export async function openExternal(href: string): Promise<void> {
+  try {
+    const { openUrl } = await import("@tauri-apps/plugin-opener");
+    await openUrl(href);
+  } catch {
+    window.open(href, "_blank", "noopener,noreferrer");
+  }
+}
diff --git a/src/queryContext.test.ts b/src/queryContext.test.ts
new file mode 100644
index 0000000..e471c4d
--- /dev/null
+++ b/src/queryContext.test.ts
@@ -0,0 +1,129 @@
+import { beforeAll, beforeEach, afterAll, describe, expect, it, vi } from "vitest";
+
+describe("查询标签的数据库上下文", () => {
+  let store: typeof import("./store").useWorkspaceStore;
+  const saved = new Map<string, string>();
+  const c = { id: "conn", name: "test", driver: "mysql" as const, host: "localhost", port: 3306, user: "", password: "", database: "default_db" };
+  beforeAll(async () => {
+    vi.stubGlobal("localStorage", {
+      getItem: (key: string) => saved.get(key) ?? null,
+      setItem: (key: string, value: string) => saved.set(key, value),
+      removeItem: (key: string) => saved.delete(key),
+    });
+    store = (await import("./store")).useWorkspaceStore;
+  });
+  afterAll(() => vi.unstubAllGlobals());
+  beforeEach(() => {
+    saved.clear();
+    store.setState({ connections: [c], activeConnectionId: c.id, tabs: [], activeTabId: "" });
+  });
+  it("库右键新查询绑定所点库，连接默认库变化不影响已有标签", () => {
+    store.getState().newQueryTab("clicked_db");
+    store.setState({ connections: [{ ...c, database: "other_db" }] });
+    expect(store.getState().tabs[0]).toMatchObject({ connectionId: c.id, database: "clicked_db" });
+    expect([...saved.values()].some((value) => value.includes('"database":"clicked_db"'))).toBe(true);
+  });
+  it("普通新查询继承连接默认库，不继承其他标签的库", () => {
+    store.getState().newQueryTab("clicked_db");
+    store.getState().newQueryTab();
+    expect(store.getState().tabs.at(-1)?.database).toBe("default_db");
+    expect(store.getState().tabs[0].database).toBe("clicked_db");
+  });
+  it("Redis 前缀搜索不带到另一连接，重选当前连接保留编辑中的过滤词", () => {
+    const redis = { ...c, id: "redis-search", driver: "redis" as const, database: "0" };
+    store.setState({ connections: [c, redis], activeConnectionId: redis.id, sidebarFilter: "decoy:*" });
+    store.getState().selectConnection(redis.id);
+    expect(store.getState().sidebarFilter).toBe("decoy:*");
+    store.getState().selectConnection(c.id);
+    expect(store.getState().sidebarFilter).toBe("");
+    store.getState().set("sidebarFilter", "users");
+    store.getState().set("activeConnectionId", redis.id);
+    expect(store.getState().sidebarFilter).toBe("");
+  });
+  it("USE 执行期间切到另一标签时只修改发起执行的标签", () => {
+    store.getState().newQueryTab("first_db");
+    const original = store.getState().activeTabId;
+    store.getState().newQueryTab("second_db");
+    store.getState().setTabDatabase("third_db", original);
+    expect(store.getState().tabs.find(t => t.id === original)?.database).toBe("third_db");
+    expect(store.getState().tabs.find(t => t.id === store.getState().activeTabId)?.database).toBe("second_db");
+    expect(saved.get("opsxdb.tabs.v1")).toContain('"database":"third_db"');
+  });
+  it("新建查询替换空白启动占位；恢复旧标签时清掉无内容的查询 1", () => {
+    const placeholder = { id: "placeholder", title: "查询 1", sql: "", savedSql: "", dirty: false };
+    store.setState({ tabs: [placeholder], activeTabId: placeholder.id });
+    store.getState().newQueryTab();
+    expect(store.getState().tabs).toHaveLength(1);
+    expect(store.getState().tabs[0]).toMatchObject({ connectionId: c.id, database: c.database });
+
+    const real = store.getState().tabs[0];
+    saved.set("opsxdb.tabs.v1", JSON.stringify({ tabs: [placeholder, real], activeTabId: placeholder.id }));
+    saved.set("opsxdb.connections.v1", JSON.stringify([c]));
+    store.getState().loadConnections();
+    expect(store.getState().tabs.map(t => t.id)).toEqual([real.id]);
+    expect(store.getState().activeTabId).toBe(real.id);
+  });
+  it("更新旧结果集不覆盖当前结果，切回后可看到更新", () => {
+    const first = { columns: ["id"], rows: [{ id: 1 }], rowCount: 1, timeMs: 0 };
+    const second = { ...first, rows: [{ id: 2 }] };
+    store.getState().setResultSets([
+      { id: "a", label: "a", sql: "SELECT 1", result: first },
+      { id: "b", label: "b", sql: "SELECT 2", result: second },
+    ]);
+    store.getState().selectResultSet("b");
+    const updated = { ...first, rows: [{ id: 3 }] };
+    store.getState().updateResultSet("a", { result: updated });
+    expect(store.getState().result).toEqual(second);
+    store.getState().selectResultSet("a");
+    expect(store.getState().result).toEqual(updated);
+  });
+  it("AI 晚到的 SQL 只修改原标签并标为未保存；切库或编辑后不覆盖", () => {
+    store.getState().newQueryTab("first_db");
+    const origin = store.getState().tabs[0];
+    store.getState().newQueryTab("second_db");
+    const update = store.getState().updateTabSqlIfUnchanged;
+    expect(update(origin.id, origin.sql, origin.connectionId, origin.database, "SELECT 1")).toBe(true);
+    expect(store.getState().tabs[0]).toMatchObject({ sql: "SELECT 1", dirty: true });
+    expect(store.getState().tabs[1].sql).toBe("");
+    expect(saved.get("opsxdb.tabs.v1")).toContain('"sql":"SELECT 1"');
+    expect(update(origin.id, origin.sql, origin.connectionId, origin.database, "SELECT 2")).toBe(false);
+    store.setState({ tabs: store.getState().tabs.map(t => t.id === origin.id ? { ...t, database: "changed_db" } : t) });
+    expect(update(origin.id, "SELECT 1", origin.connectionId, origin.database, "SELECT 3")).toBe(false);
+  });
+  it("MySQL 转 Redis 选中对应查询，不把旧库和 SQL 带给新连接", () => {
+    store.getState().newQueryTab("opsx_edi");
+    store.getState().updateActiveSql("SELECT * FROM orders");
+    const mysqlId = store.getState().activeTabId;
+    const redis = { ...c, id: "redis", driver: "redis" as const, database: "0", redisMode: "standalone" as const };
+    store.setState({ connections: [c, redis] });
+    store.getState().selectConnection(redis.id);
+    expect(store.getState().tabs.find(t => t.id === store.getState().activeTabId)).toMatchObject({ connectionId: redis.id, database: "0", sql: "" });
+    store.getState().setTabDatabase("1");
+    store.getState().selectConnection(c.id);
+    expect(store.getState().activeTabId).toBe(mysqlId);
+    expect(store.getState().tabs.find(t => t.id === mysqlId)).toMatchObject({ sql: "SELECT * FROM orders", database: "opsx_edi" });
+    store.getState().selectConnection(redis.id);
+    expect(store.getState().tabs.find(t => t.id === store.getState().activeTabId)?.database).toBe("1");
+  });
+  it("集群旧库名与旧标签库号统一归到 DB0，单机无效库号也归到 DB0", () => {
+    const cluster = { ...c, id: "cluster", driver: "redis" as const, database: "opsx_edi", redisMode: "cluster" as const };
+    store.setState({ connections: [c, cluster] });
+    store.getState().selectConnection(cluster.id);
+    const id = store.getState().activeTabId;
+    expect(store.getState().tabs.find(t => t.id === id)?.database).toBe("0");
+    store.getState().setTabDatabase("1");
+    expect(store.getState().tabs.find(t => t.id === id)?.database).toBe("0");
+    store.setState({ tabs: store.getState().tabs.map(t => t.id === id ? { ...t, database: "opsx_edi" } : t) });
+    store.getState().selectConnection(c.id);
+    store.getState().selectConnection(cluster.id);
+    expect(store.getState().tabs.find(t => t.id === id)?.database).toBe("0");
+    expect(saved.get("opsxdb.tabs.v1")).toContain('"database":"0"');
+    store.getState().newQueryTab("15");
+    expect(store.getState().tabs.at(-1)?.database).toBe("0");
+    store.setState({ connections: [c, { ...cluster, redisMode: "standalone" }] });
+    store.getState().newQueryTab("16");
+    expect(store.getState().tabs.at(-1)?.database).toBe("0");
+    store.getState().setTabDatabase("2");
+    expect(store.getState().tabs.at(-1)?.database).toBe("2");
+  });
+});
diff --git a/src/redis.test.ts b/src/redis.test.ts
index f4da011..4bc2064 100644
--- a/src/redis.test.ts
+++ b/src/redis.test.ts
@@ -47,6 +47,20 @@ describe("buildRedisKeyTree", () => {
     expect(tree.map((n) => n.name)).toEqual(["alpha", "beta"]);
   });
 
+    it("exact 命中置顶到根层", () => {
+    const tree = buildRedisKeyTree(
+      [
+        { name: "USER:GATEWAY:NO:AUTH:SET", type: "set", ttl: -1, exact: true },
+        { name: "USER:GATEWAY:OTHER", type: "string", ttl: -1 },
+      ],
+      ":",
+    );
+    expect(tree[0]?.kind).toBe("key");
+    expect(tree[0]?.name).toBe("USER:GATEWAY:NO:AUTH:SET");
+    expect(tree[0]?.exact).toBe(true);
+    expect(tree.some((n) => n.kind === "folder" && n.name === "USER")).toBe(true);
+  });
+
   it("删除键后收起空文件夹", () => {
     const tree = buildRedisKeyTree(
       [
@@ -96,6 +110,9 @@ describe("misc", () => {
   });
   it("JSON 美化", () => {
     expect(tryPrettyJson('{"a":1}')).toBe('{\n  "a": 1\n}');
+    expect(tryPrettyJson("null")).toBe("null");
+    expect(tryPrettyJson("42")).toBe("42");
+    expect(tryPrettyJson("true")).toBe("true");
     expect(tryPrettyJson("not-json")).toBeNull();
   });
   it("leaf label", () => {
diff --git a/src/redis.ts b/src/redis.ts
index 360530c..da4fb74 100644
--- a/src/redis.ts
+++ b/src/redis.ts
@@ -1,6 +1,6 @@
 import type { TreeNode } from "./store";
 
-export type RedisKeyMeta = { name: string; type: string; ttl: number };
+export type RedisKeyMeta = { name: string; type: string; ttl: number; exact?: boolean };
 
 /** 类型点颜色，对齐常见 Redis GUI */
 export function redisTypeColor(type?: string): string {
@@ -73,11 +73,22 @@ function keyCount(n: TreeNode): number {
   return n.count ?? (n.children ?? []).reduce((a, c) => a + keyCount(c), 0);
 }
 
-/** 按分隔符把 SCAN 结果编成文件夹树（默认 `:`，对标 Another Redis Desktop Manager）。 */
+/** 按分隔符把 SCAN 结果编成文件夹树（默认 `:`，对标 Another Redis Desktop Manager）。
+ *  精确命中（exact）提到根层置顶，避免埋在深层文件夹里看不见。 */
 export function buildRedisKeyTree(keys: RedisKeyMeta[], separator = ":"): TreeNode[] {
   const sep = separator || ":";
+  const exactNodes: TreeNode[] = keys
+    .filter((k) => k.exact)
+    .map((k) => ({
+      name: k.name,
+      kind: "key" as const,
+      type: k.type,
+      ttl: k.ttl,
+      exact: true,
+    }));
+  const rest = keys.filter((k) => !k.exact);
   const root: Bucket = { folders: new Map(), keys: [] };
-  for (const k of keys) {
+  for (const k of rest) {
     const parts = k.name.split(sep);
     if (parts.length <= 1) {
       root.keys.push(k);
@@ -95,7 +106,7 @@ export function buildRedisKeyTree(keys: RedisKeyMeta[], separator = ":"): TreeNo
     }
     cur.keys.push(k);
   }
-  return bucketToNodes(root, "", sep);
+  return [...exactNodes, ...bucketToNodes(root, "", sep)];
 }
 
 function bucketToNodes(b: Bucket, prefix: string, sep: string): TreeNode[] {
@@ -121,6 +132,7 @@ function bucketToNodes(b: Bucket, prefix: string, sep: string): TreeNode[] {
       kind: "key" as const,
       type: k.type,
       ttl: k.ttl,
+      exact: k.exact,
     }));
   return [...folders, ...keys];
 }
@@ -192,7 +204,7 @@ export function tryPrettyJson(raw: unknown): string | null {
     }
   }
   const s = String(raw).trim();
-  if (!s || (s[0] !== "{" && s[0] !== "[" && s[0] !== '"')) return null;
+  if (!s) return null;
   try {
     return JSON.stringify(JSON.parse(s), null, 2);
   } catch {
diff --git a/src/redisContext.test.ts b/src/redisContext.test.ts
new file mode 100644
index 0000000..d637424
--- /dev/null
+++ b/src/redisContext.test.ts
@@ -0,0 +1,22 @@
+import { describe, expect, it } from "vitest";
+import { editorDatabase, isRedisCluster } from "./redisContext";
+import type { QueryTab, SavedConnection } from "./store";
+
+const redis = { id: "redis", driver: "redis", database: "1" } as SavedConnection;
+const mysql = { id: "mysql", driver: "mysql", database: "opsx_edi" } as SavedConnection;
+const tab = (connectionId: string, database: string) => ({ id: "query", title: "查询", sql: "", connectionId, database } as QueryTab);
+
+describe("编辑器与 AI 的当前库", () => {
+  it("Redis 不沿用旧 MySQL 标签的库名", () => {
+    expect(editorDatabase(redis, tab("mysql", "opsx_edi"))).toBe("1");
+    expect(editorDatabase(redis, tab("redis", "0"))).toBe("0");
+    expect(editorDatabase(mysql, tab("redis", "1"))).toBe("opsx_edi");
+  });
+  it("Cluster 始终使用 DB0，非法 Redis 库号回退 DB0", () => {
+    expect(editorDatabase({ ...redis, redisMode: "cluster" }, tab("redis", "1"))).toBe("0");
+    expect(editorDatabase(redis, tab("redis", "opsx_edi"))).toBe("0");
+    const inferred = { ...redis, redisNodes: "127.0.0.1:7001\n127.0.0.1:7002" };
+    expect(isRedisCluster(inferred)).toBe(true);
+    expect(editorDatabase(inferred, tab("redis", "1"))).toBe("0");
+  });
+});
diff --git a/src/redisContext.ts b/src/redisContext.ts
new file mode 100644
index 0000000..b4c2cf4
--- /dev/null
+++ b/src/redisContext.ts
@@ -0,0 +1,22 @@
+import type { QueryTab, SavedConnection } from "./store";
+
+/** 与后端默认拓扑一致：未指定模式且配置了多个种子节点时按集群处理。 */
+export function isRedisCluster(conn: SavedConnection): boolean {
+  return conn.redisMode === "cluster" || !conn.redisMode && (conn.redisNodes?.trim().split(/[\s,;]+/).filter(Boolean).length ?? 0) > 1;
+}
+
+/** 标签只在绑定当前连接时提供库上下文；Cluster 始终只有 DB0。 */
+export function editorDatabase(conn?: SavedConnection, tab?: QueryTab): string {
+  if (!conn) return "";
+  const redis = conn.driver.toLowerCase() === "redis";
+  if (redis && isRedisCluster(conn)) return "0";
+  const candidate = tab?.connectionId === conn.id ? tab.database : undefined;
+  if (!redis) return candidate || conn.database || "";
+  return normalizeRedisDatabase(candidate ?? conn.database, conn);
+}
+
+export function normalizeRedisDatabase(database: string | undefined, conn: SavedConnection): string {
+  if (isRedisCluster(conn)) return "0";
+  const value = database || "0";
+  return /^\d+$/.test(value) && Number(value) <= 15 ? String(Number(value)) : "0";
+}
diff --git a/src/resultView.test.ts b/src/resultView.test.ts
new file mode 100644
index 0000000..ece4d18
--- /dev/null
+++ b/src/resultView.test.ts
@@ -0,0 +1,32 @@
+import { describe, expect, it } from "vitest";
+import { cellPreview, compareCells, filterRows, suggestedColumnWidth } from "./resultView";
+
+describe("结果展示边界", () => {
+  it("大整数文本排序不丢精度", () => {
+    expect(compareCells("9007199254740993", "9007199254740992")).toBe(1);
+    expect(compareCells("-9007199254740993", "-9007199254740992")).toBe(-1);
+    expect(compareCells(null, "")).toBe(-1);
+    expect(compareCells("1.2", "1.11")).toBeGreaterThan(0);
+    expect(compareCells("1e3", "999")).toBeGreaterThan(0);
+  });
+  it("本地筛选覆盖 NULL、JSON、布尔值，不修改原数组", () => {
+    const rows = [{ x: null }, { x: { name: "Alice" } }, { x: false }, { x: "" }];
+    expect(filterRows(rows, ["x"], "alice")).toEqual([rows[1]]);
+    expect(filterRows(rows, ["x"], "NULL")).toEqual([rows[0]]);
+    expect(filterRows(rows, ["x"], "false")).toEqual([rows[2]]);
+    expect(filterRows(rows, ["x"], " ")).toBe(rows);
+    expect(rows).toHaveLength(4);
+  });
+  it("长 JSON 与文本都截断预览，原值保留", () => {
+    const value = { text: "x".repeat(500) };
+    expect(cellPreview(value)).toHaveLength(121);
+    expect(value.text).toHaveLength(500);
+    expect(cellPreview(false)).toBe("false");
+    expect(cellPreview(0)).toBe("0");
+  });
+  it("自动列宽有上下限并考虑中文宽度", () => {
+    expect(suggestedColumnWidth("id", [])).toBe(88);
+    expect(suggestedColumnWidth("数据", [{ 数据: "中".repeat(100) }])).toBe(480);
+    expect(suggestedColumnWidth("name", [{ name: "中国数据库" }])).toBeGreaterThan(88);
+  });
+});
diff --git a/src/resultView.ts b/src/resultView.ts
new file mode 100644
index 0000000..ad0f7cf
--- /dev/null
+++ b/src/resultView.ts
@@ -0,0 +1,34 @@
+import { cellText } from "./contextActions";
+
+export const RESULT_BATCH = 500;
+
+export function filterRows(rows: Record<string, unknown>[], columns: string[], query: string) {
+  const q = query.trim().toLocaleLowerCase();
+  return q ? rows.filter((row) => columns.some((col) => cellText(row[col]).toLocaleLowerCase().includes(q))) : rows;
+}
+
+/** 大整数文本不经 Number 转换，避免精度丢失后排序相等。 */
+export function compareCells(a: unknown, b: unknown): number {
+  if (a == null || b == null) return a == null ? (b == null ? 0 : -1) : 1;
+  if (typeof a === "number" && typeof b === "number") return a - b;
+  const sa = cellText(a), sb = cellText(b);
+  if (/^-?\d+$/.test(sa) && /^-?\d+$/.test(sb)) {
+    const ia = BigInt(sa), ib = BigInt(sb);
+    return ia < ib ? -1 : ia > ib ? 1 : 0;
+  }
+  const numeric = /^[+-]?(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?$/i;
+  if (numeric.test(sa) && numeric.test(sb) && Number.isFinite(Number(sa)) && Number.isFinite(Number(sb))) return Number(sa) - Number(sb);
+  return sa.localeCompare(sb, undefined, { numeric: true, sensitivity: "base" });
+}
+
+export function cellPreview(value: unknown, max = 120): string {
+  const text = cellText(value);
+  return text.length > max ? `${text.slice(0, max)}…` : text;
+}
+
+export function suggestedColumnWidth(name: string, rows: Record<string, unknown>[]): number {
+  // 有界采样；宽字符按两个单位估算，长 JSON 不撑满窗口。
+  const units = (s: string) => Array.from(s).reduce((n, ch) => n + (ch.charCodeAt(0) > 255 ? 2 : 1), 0);
+  const count = Math.max(units(name), ...rows.slice(0, 100).map((r) => units(cellPreview(r[name], 60))));
+  return Math.min(480, Math.max(88, count * 7 + 28));
+}
diff --git a/src/sql.test.ts b/src/sql.test.ts
index 6d74450..2184178 100644
--- a/src/sql.test.ts
+++ b/src/sql.test.ts
@@ -1,6 +1,9 @@
 import { describe, expect, it } from "vitest";
 import {
   isDangerousSQL,
+  isMysqlUseCommand,
+  parseMysqlUse,
+  parseSqlServerUse,
   parseClipboardGrid,
   quoteIdent,
   rowsToCSV,
@@ -10,6 +13,26 @@ import {
   statementAt,
 } from "./sql";
 
+describe("MySQL USE 的库上下文", () => {
+  it("识别明确库名和转义的反引号，并跳过前置注释", () => {
+    expect(parseMysqlUse("USE shop")).toBe("shop");
+    expect(parseMysqlUse("-- 切换库\nUSE `my``shop`; ")).toBe("my`shop");
+    expect(parseMysqlUse("/* 注释 */ USE `orders-db` ")).toBe("orders-db");
+  });
+  it("不把无效或额外语句当作可靠的切库", () => {
+    expect(isMysqlUseCommand("/* 注释 */ USE shop.invalid")).toBe(true);
+    expect(parseMysqlUse("USE shop.invalid")).toBeNull();
+    expect(parseMysqlUse("USE shop SELECT 1")).toBeNull();
+    expect(isMysqlUseCommand("SELECT 'USE shop'")).toBe(false);
+  });
+  it("SQL Server 支持带空格或转义右括号的库名", () => {
+    expect(parseSqlServerUse("USE [my shop] ")).toBe("my shop");
+    expect(parseSqlServerUse("USE [my]]shop]")).toBe("my]shop");
+    expect(parseSqlServerUse('USE "my""shop"')).toBe('my"shop');
+    expect(parseSqlServerUse("USE my.shop")).toBeNull();
+  });
+});
+
 describe("rowsToCSV", () => {
   it("转义引号/逗号/换行", () => {
     const out = rowsToCSV(
diff --git a/src/sql.ts b/src/sql.ts
index 7630b5f..4c22135 100644
--- a/src/sql.ts
+++ b/src/sql.ts
@@ -37,6 +37,28 @@ function stripLead(sql: string): string {
   return s;
 }
 
+export function isMysqlUseCommand(sql: string): boolean {
+  return /^USE\b/i.test(stripLead(sql));
+}
+
+/** MySQL USE 只接受明确的库标识符；由编辑器验证目标库并切换标签上下文。 */
+export function parseMysqlUse(sql: string): string | null {
+  const stmt = stripLead(sql).trim().replace(/;\s*$/, "");
+  const match = /^USE\s+(`(?:``|[^`])+`|[A-Za-z_][\w$]*)\s*$/i.exec(stmt);
+  if (!match) return null;
+  const name = match[1];
+  return name.startsWith("`") ? name.slice(1, -1).replace(/``/g, "`") : name;
+}
+
+export function parseSqlServerUse(sql: string): string | null {
+  const stmt = stripLead(sql).trim().replace(/;\s*$/, "");
+  const match = /^USE\s+(\[(?:\]\]|[^\]])+\]|"(?:""|[^"])+"|[A-Za-z_][\w$]*)\s*$/i.exec(stmt);
+  if (!match) return null;
+  const name = match[1];
+  if (name.startsWith("[")) return name.slice(1, -1).replace(/\]\]/g, "]");
+  return name.startsWith('"') ? name.slice(1, -1).replace(/""/g, '"') : name;
+}
+
 /** 选区优先；否则取光标所在语句。Redis 按行，SQL 按分号。 */
 export function statementAt(sql: string, cursor: number, selection?: string, driver?: string): string {
   const sel = selection?.trim();
@@ -165,24 +187,33 @@ export function rowsToCSV(columns: string[], rows: Record<string, unknown>[]): s
 /** R2-F2:表名/列名按方言 quoteIdent(修 01-P1-1 恒反引号);库.表 形式逐段加引号 */
 export function rowsToInsert(
   driver: string | undefined,
-  table: string,
+  table: string | string[],
   columns: string[],
   rows: Record<string, unknown>[],
 ): string {
   const ident = table
-    ? table.split(".").map((p) => quoteIdent(driver, p)).join(".")
+    ? (Array.isArray(table) ? table : table.split(".")).map((p) => quoteIdent(driver, p)).join(".")
     : "t";
   const cols = columns.map((c) => quoteIdent(driver, c)).join(", ");
   const lit = (v: unknown) => {
     if (v == null) return "NULL";
     if (typeof v === "number" && Number.isFinite(v)) return String(v);
-    return `'${String(v).replace(/'/g, "''")}'`;
+    return `'${(typeof v === "object" ? JSON.stringify(v) : String(v)).replace(/'/g, "''")}'`;
   };
   return rows
     .map((r) => `INSERT INTO ${ident} (${cols}) VALUES (${columns.map((c) => lit(r[c])).join(", ")});`)
     .join("\n");
 }
 
+/** 当前驱动返回的表名约定：PG/MSSQL 可带 schema；MySQL 名称是原始表名。 */
+export function relationParts(driver: string | undefined, database: string, table: string): string[] {
+  const d = (driver ?? "mysql").toLowerCase();
+  if (["postgresql", "postgres", "gaussdb", "kingbase", "opengauss"].includes(d)) return table.includes(".") ? table.split(".") : ["public", table];
+  if (["sqlserver", "mssql"].includes(d)) return table.includes(".") ? table.split(".") : ["dbo", table];
+  if (["sqlite", "oracle", "dameng"].includes(d)) return [table];
+  return database ? [database, table] : [table];
+}
+
 
 export function isWritableDriver(driver: string | undefined): boolean {
   const d = (driver || "").toLowerCase();
diff --git a/src/store.ts b/src/store.ts
index ce6fc7d..cab94be 100644
--- a/src/store.ts
+++ b/src/store.ts
@@ -216,6 +216,10 @@ export type AiMessage = {
   role: "user" | "assistant" | "system";
   content: string;
   at: string;
+  connectionId?: string;
+  connectionName?: string;
+  database?: string;
+  sqlSuggestion?: string;
   runId?: string;
   sessionId?: string;
   runOutcome?: string;
@@ -622,7 +626,9 @@ export const useWorkspaceStore = create<State>((set, get) => ({
     localStorage.setItem(LS_KEY, JSON.stringify(encoded));
     set({ connections: encoded });
     // 双写 ~/.opsxdb/connections.json（经本机 Gin），供 opsxdb-mcp 读取。 // Logan.Li
-    void syncConnectionsToDisk(encoded);
+    void syncConnectionsToDisk(encoded).catch(() => {
+      get().notify({ kind: "error", title: "连接同步失败", message: "连接已保存在桌面，尚未同步至本机服务。发送 Agent 任务时会重试同步。", mode: "toast" });
+    });
   },
 
   upsertConnection: (c) => {
diff --git a/src/styles.css b/src/styles.css
index 584bb6e..bf45e08 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -689,17 +689,61 @@
 .ops-tree-meta-note { padding: 4px 8px; font-size: 11px; color: var(--ops-muted); }
 .ops-tree-meta-note button { color: var(--ops-accent); margin-left: 6px; }
 
-.ops-ai-composer { margin: 8px; padding: 10px; border: 1px solid var(--ops-border); border-radius: 10px; background: var(--ops-surface); }
-.ops-ai-context { display: flex; gap: 8px; padding-bottom: 10px; font-size: 12px; color: var(--ops-muted); overflow-wrap: anywhere; }
-.ops-ai-actions { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
-.ops-ai-actions button { border: 1px solid var(--ops-border); border-radius: 6px; padding: 3px 7px; font-size: 11px; color: var(--ops-muted); }
-.ops-ai-actions button:hover, .ops-ai-actions .ops-ai-action-active { color: var(--ops-accent); border-color: var(--ops-accent); background: var(--ops-accent-soft); }
-
-/* Ask | Agent 分段（阶段 2） */
-.ops-ai-mode { display: flex; gap: 0; margin-bottom: 8px; border: 1px solid var(--ops-border); border-radius: 6px; overflow: hidden; width: fit-content; }
-.ops-ai-mode button { border: 0; background: transparent; padding: 3px 12px; font-size: 11px; color: var(--ops-muted); min-width: 52px; }
-.ops-ai-mode button:hover { color: var(--ops-text); }
-.ops-ai-mode .ops-ai-mode-active { color: var(--ops-accent); background: var(--ops-accent-soft); font-weight: 600; }
+.ops-ai-transcript { min-height: 0; flex: 1 1 0; overflow-y: auto; scrollbar-gutter: stable; }
+.ops-ai-empty { display: flex; min-height: 100%; flex-direction: column; align-items: flex-start; justify-content: center; gap: 7px; padding: 12px; color: var(--ops-muted); font-size: 12px; }
+.ops-ai-empty-title { color: var(--ops-text); font-size: 14px; font-weight: 600; }
+.ops-ai-empty p { margin: 0; line-height: 1.55; }
+.ops-ai-empty button { display: inline-flex; align-items: center; gap: 5px; margin-top: 7px; padding: 5px 8px; border: 1px solid var(--ops-border); border-radius: 7px; color: var(--ops-accent); text-align: left; }
+.ops-ai-empty button:hover { background: var(--ops-accent-soft); }
+.ops-settings-modal {
+  display: flex;
+  flex-direction: column;
+  width: min(820px, calc(100vw - 32px));
+  max-width: none;
+  height: min(640px, calc(100dvh - 48px));
+}
+.ops-settings-modal .ops-modal-header, .ops-settings-modal .ops-modal-footer { flex: 0 0 auto; }
+.ops-settings-modal .ops-modal-body { flex: 1; min-height: 0; overflow: hidden; }
+.ops-settings-layout { display: flex; height: 100%; min-height: 0; }
+.ops-settings-panel { overscroll-behavior: contain; scrollbar-gutter: stable; }
+.ops-settings-modal .ops-modal-footer { align-items: center; min-height: 56px; }
+.ops-settings-modal .ops-modal-footer > button { flex: 0 0 auto; min-height: 32px; padding-inline: 14px; white-space: nowrap; }
+.ops-settings-feedback { flex: 1; min-width: 0; max-height: 56px; overflow: auto; overflow-wrap: anywhere; font-size: 11px; line-height: 1.5; }
+.ops-ai-settings { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 14px; margin: 0; padding: 2px 0 16px; font-size: 12px; }
+.ops-ai-settings > :nth-child(n+3) { grid-column: 1 / -1; }
+.ops-ai-settings .ops-ai-settings-advanced { justify-self: start; }
+@media (max-width: 680px) {
+  .ops-settings-layout > nav { width: 140px; }
+  .ops-ai-settings { grid-template-columns: minmax(0, 1fr); }
+}
+.ops-ai-settings-field { display: flex; flex-direction: column; gap: 5px; min-width: 0; color: var(--ops-text); font-size: 11px; font-weight: 500; }
+.ops-ai-settings-field .ops-input { width: 100%; min-width: 0; height: 34px; padding-inline: 10px; font-size: 12px; font-weight: 400; }
+.ops-ai-settings-advanced { display: inline-flex; align-items: center; gap: 6px; padding: 4px 0; color: var(--ops-muted); font-size: 11px; }
+.ops-ai-settings-advanced:hover { color: var(--ops-text); }
+.ops-ai-settings-extra { display: grid; gap: 10px; padding: 10px; border: 1px solid var(--ops-border-soft); border-radius: 8px; background: var(--ops-surface-2); }
+.ops-ai-settings-check { display: flex; align-items: center; gap: 6px; color: var(--ops-muted); font-size: 11px; }
+.ops-ai-message { padding: 9px 11px; border-radius: 9px; font-size: 12px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
+.ops-ai-message-user { max-width: 94%; margin-left: auto; background: color-mix(in srgb, var(--ops-accent) 9%, var(--ops-surface)); }
+.ops-ai-message-assistant { border-left: 2px solid var(--ops-border); border-radius: 2px; padding-left: 11px; }
+.ops-ai-composer { flex: 0 0 auto; max-height: min(45vh, 260px); overflow-y: auto; margin: 0; padding: 9px 11px 11px; border-top: 1px solid var(--ops-border); background: var(--ops-surface); }
+.ops-ai-context { display: flex; align-items: center; gap: 5px; min-width: 0; padding: 0 2px 7px; font-size: 11px; color: var(--ops-muted); }
+.ops-ai-context strong { min-width: 0; color: var(--ops-text); font-weight: 500; }
+.ops-ai-context-separator { opacity: .5; }
+.ops-ai-context-policy { flex-shrink: 0; margin-left: auto; font-size: 10px; }
+.ops-ai-textarea { display: block; width: 100%; min-height: 68px; max-height: 180px; padding: 9px 10px; resize: vertical; border: 1px solid var(--ops-border); border-radius: 8px; background: var(--ops-surface-2); color: var(--ops-text); font: inherit; font-size: 12px; line-height: 1.5; outline: none; }
+.ops-ai-textarea:focus { border-color: var(--ops-accent); box-shadow: 0 0 0 2px var(--ops-accent-soft); }
+.ops-ai-textarea::placeholder { color: var(--ops-muted); }
+.ops-ai-composer-footer { display: flex; align-items: center; gap: 5px; min-width: 0; margin-top: 8px; }
+.ops-ai-composer-spacer { flex: 1; }
+.ops-ai-mode-select { flex-shrink: 0; max-width: 122px; padding: 5px 3px; border: 1px solid var(--ops-border); border-radius: 6px; background: var(--ops-surface-2); color: var(--ops-text); font-size: 11px; cursor: pointer; }
+.ops-ai-action-select { min-width: 0; max-width: 105px; padding: 5px 3px; border: 0; border-radius: 5px; background: transparent; color: var(--ops-muted); font-size: 11px; cursor: pointer; }
+.ops-ai-action-select:hover, .ops-ai-action-select:focus { background: var(--ops-surface-2); color: var(--ops-text); }
+.ops-ai-stop, .ops-ai-send { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; gap: 4px; min-height: 28px; padding: 0 8px; border-radius: 6px; font-size: 11px; }
+.ops-ai-stop { color: var(--ops-muted); }
+.ops-ai-stop:hover { background: var(--ops-surface-2); color: var(--ops-text); }
+.ops-ai-send { background: var(--ops-accent); color: white; font-weight: 600; }
+.ops-ai-send:hover:not(:disabled) { filter: brightness(1.08); }
+.ops-ai-send:disabled { opacity: .5; cursor: not-allowed; }
 .ops-ai-steps { font-variant-numeric: tabular-nums; }
 
 
@@ -723,24 +767,20 @@
   align-items: center;
   gap: 8px;
   margin: 2px 0 4px;
-  padding: 8px 10px;
-  border: 1px solid color-mix(in srgb, var(--ops-accent) 28%, var(--ops-border));
-  border-radius: 10px;
-  background: color-mix(in srgb, var(--ops-accent) 8%, var(--ops-surface-2));
+  padding: 7px 9px;
+  border: 1px solid var(--ops-border);
+  border-radius: 8px;
+  background: var(--ops-surface-2);
 }
 .ops-ai-queue-card-body {
   display: flex;
+  flex-direction: column;
   align-items: flex-start;
   gap: 6px;
   min-width: 0;
   flex: 1;
 }
-.ops-ai-queue-grip {
-  color: var(--ops-muted);
-  font-size: 12px;
-  line-height: 1.2;
-  user-select: none;
-}
+.ops-ai-queue-label { color: var(--ops-muted); font-size: 10px; }
 .ops-ai-queue-text {
   min-width: 0;
   flex: 1;
@@ -759,4 +799,3 @@
   gap: 2px;
   flex-shrink: 0;
 }
-
diff --git a/src/tableDdl.test.ts b/src/tableDdl.test.ts
new file mode 100644
index 0000000..a5af9cc
--- /dev/null
+++ b/src/tableDdl.test.ts
@@ -0,0 +1,128 @@
+import { describe, expect, it } from "vitest";
+import {
+  buildAlterStatements,
+  buildCreateSql,
+  columnTypeSql,
+  designerSupport,
+  splitBaseType,
+  splitLength,
+  toDesignerColumns,
+  validateColumns,
+  type DesignerColumn,
+} from "./tableDdl";
+
+function col(p: Partial<DesignerColumn> = {}): DesignerColumn {
+  return { id: crypto.randomUUID(), name: "name", type: "VARCHAR", length: "64", nullable: true, defaultValue: "", comment: "", primary: false, autoIncrement: false, ...p };
+}
+
+describe("类型拆分", () => {
+  it("VARCHAR(255)/DECIMAL(10,2)/无长度", () => {
+    expect(splitBaseType("varchar(255)")).toBe("varchar");
+    expect(splitLength("varchar(255)")).toBe("255");
+    expect(splitLength("DECIMAL(10,2)")).toBe("10,2");
+    expect(splitBaseType("INT")).toBe("INT");
+    expect(splitLength("TEXT")).toBe("");
+  });
+  it("columnTypeSql 拼接长度", () => {
+    expect(columnTypeSql(col({ type: "DECIMAL", length: "10,2" }))).toBe("DECIMAL(10,2)");
+    expect(columnTypeSql(col({ type: "TEXT", length: "" }))).toBe("TEXT");
+  });
+});
+
+describe("建表 DDL", () => {
+  it("MySQL 族:反引号 + AUTO_INCREMENT + 主键 + 注释", () => {
+    const sql = buildCreateSql("mysql", "shop", "users", [
+      col({ name: "id", type: "BIGINT", length: "", nullable: false, primary: true, autoIncrement: true }),
+      col({ name: "name", type: "VARCHAR", length: "64", nullable: false, defaultValue: "", comment: "姓名" }),
+    ]);
+    expect(sql).toContain("CREATE TABLE `shop`.`users`");
+    expect(sql).toContain("`id` BIGINT AUTO_INCREMENT NOT NULL");
+    expect(sql).toContain("PRIMARY KEY (`id`)");
+    expect(sql).toContain("`name` VARCHAR(64) NOT NULL COMMENT '姓名'");
+    expect(sql).toContain("ENGINE=InnoDB DEFAULT CHARSET=utf8mb4");
+  });
+  it("PG 族:双引号 + 库前缀、无 ENGINE 尾巴", () => {
+    const sql = buildCreateSql("postgresql", "public", "t1", [col({ name: "id", type: "INT", length: "", nullable: false, primary: true })]);
+    expect(sql).toContain('CREATE TABLE "public"."t1"');
+    expect(sql).toContain('"id" INT NOT NULL');
+    expect(sql).not.toContain("ENGINE=");
+  });
+  it("默认值:数字不加引号,字符串转义单引号", () => {
+    const sql = buildCreateSql("mysql", undefined, "t", [col({ defaultValue: "0" }), col({ name: "note", defaultValue: "it's" })]);
+    expect(sql).toContain("DEFAULT 0");
+    expect(sql).toContain("DEFAULT 'it''s'");
+  });
+});
+
+describe("校验", () => {
+  it("空表名/重名/缺类型报错", () => {
+    const errs = validateColumns("", [col(), col()]);
+    expect(errs.join()).toContain("表名");
+    const dup = validateColumns("t", [col({ name: "a" }), col({ name: "A" })]);
+    expect(dup.join()).toContain("重名");
+    expect(validateColumns("t", [col({ type: "" })]).join()).toContain("类型");
+    expect(validateColumns("t", [col()])).toHaveLength(0);
+  });
+});
+
+describe("ALTER diff", () => {
+  it("MySQL:新增/删除/改名/修改", () => {
+    const before = [
+      col({ name: "id", type: "BIGINT", length: "", nullable: false, primary: true }),
+      col({ name: "drop_me" }),
+      col({ name: "old_name", type: "VARCHAR", length: "32" }),
+    ];
+    const after = [
+      before[0],
+      { ...before[2], name: "new_name", length: "128" },
+      col({ name: "extra", type: "INT", length: "" }),
+    ];
+    const stmts = buildAlterStatements("mysql", "db", "t", before, after);
+    expect(stmts.some((s) => s.includes("DROP COLUMN `drop_me`"))).toBe(true);
+    expect(stmts.some((s) => s.includes("ADD COLUMN `extra` INT"))).toBe(true);
+    expect(stmts.some((s) => s.startsWith("ALTER TABLE `db`.`t` CHANGE COLUMN `old_name`"))).toBe(true);
+    expect(stmts.some((s) => s.includes("`new_name` VARCHAR(128)"))).toBe(true);
+  });
+  it("PG:类型/可空/默认逐项生成,改名单独一句", () => {
+    const before = [col({ name: "age", type: "INT", length: "", nullable: false, defaultValue: "0" })];
+    const after = [{ ...before[0], nullable: true, defaultValue: "" }];
+    const stmts = buildAlterStatements("postgresql", "public", "t", before, after);
+    expect(stmts).toContain('ALTER TABLE "public"."t" ALTER COLUMN "age" DROP NOT NULL;');
+    expect(stmts).toContain('ALTER TABLE "public"."t" ALTER COLUMN "age" DROP DEFAULT;');
+  });
+  it("无变更返回空;SQLite 不生成 DROP/MODIFY", () => {
+    const before = [col()];
+    expect(buildAlterStatements("mysql", "db", "t", before, [before[0]])).toHaveLength(0);
+    const stmts = buildAlterStatements("sqlite", undefined, "t", [col({ name: "a" })], []);
+    expect(stmts.every((s) => s.startsWith("--") || s.includes("ADD COLUMN"))).toBe(true);
+  });
+  it("已有生成列修改不会生成丢失表达式的 MODIFY", () => {
+    const before = [col({ name: "computed", generated: true })];
+    const sql = buildAlterStatements("mysql", "db", "t", before, [{ ...before[0], length: "128" }]);
+    expect(sql).toHaveLength(1);
+    expect(sql[0]).toMatch(/^-- 生成列/);
+  });
+});
+
+describe("驱动支持级别", () => {
+  it("mysql/pg 全支持,sqlite 有限,redis 不支持", () => {
+    expect(designerSupport("mysql").alter).toBe(true);
+    expect(designerSupport("kingbase").alter).toBe(true);
+    expect(designerSupport("sqlite").note).toBeTruthy();
+    expect(designerSupport("redis").create).toBe(false);
+  });
+});
+
+describe("列元数据转换", () => {
+  it("PRI/PK 识别主键,类型拆长度", () => {
+    const rows = toDesignerColumns([
+      { name: "id", type: "bigint(20)", nullable: false, key: "PRI", extra: "auto_increment" },
+      { name: "name", type: "varchar(64)", nullable: true, comment: "姓名" },
+    ]);
+    expect(rows[0].primary).toBe(true);
+    expect(rows[0].autoIncrement).toBe(true);
+    expect(rows[0].type).toBe("bigint");
+    expect(rows[0].length).toBe("20");
+    expect(rows[1].comment).toBe("姓名");
+  });
+});
diff --git a/src/tableDdl.ts b/src/tableDdl.ts
new file mode 100644
index 0000000..0638c68
--- /dev/null
+++ b/src/tableDdl.ts
@@ -0,0 +1,246 @@
+import { quoteIdent } from "./sql";
+import type { ColumnInfo } from "./store";
+import { mysqlIndexDefinition, type DesignerIndex } from "./tableIndex";
+
+/**
+ * 表设计器 v1 的 DDL 生成:新建表(CREATE)与既有表列级变更(ALTER)。
+ * 范围:字段(名/类型/长度/NULL/默认/注释/主键/自增);索引/外键编辑不在 v1。
+ * ALTER 只做列级 diff(新增/删除/修改/改名),主键变更生成独立语句;SQLite 仅
+ * 支持 ADD COLUMN,其余变更返回不支持说明,不静默生成错误 DDL。
+ */
+
+export interface DesignerColumn {
+  id: string;
+  name: string;
+  type: string;
+  length: string;
+  nullable: boolean;
+  defaultValue: string;
+  comment: string;
+  primary: boolean;
+  autoIncrement: boolean;
+  /** SHOW FULL COLUMNS 标记的生成列不能通过普通 MODIFY 重定义。 */
+  generated?: boolean;
+}
+
+const MYSQL_FAMILY = ["mysql", "mariadb", "tidb", "oceanbase", "polardb", "tdsql"];
+const PG_FAMILY = ["postgresql", "postgres", "gaussdb", "kingbase", "opengauss"];
+
+function key(driver: string | undefined): string {
+  return (driver || "mysql").toLowerCase();
+}
+export function isMysqlFamily(driver: string | undefined): boolean {
+  return MYSQL_FAMILY.includes(key(driver));
+}
+export function isPgFamily(driver: string | undefined): boolean {
+  return PG_FAMILY.includes(key(driver));
+}
+function isSqlite(driver: string | undefined): boolean {
+  return key(driver) === "sqlite";
+}
+
+/** 列元数据 → 设计器行(listColumns 结果;key==="PRI"/pk 视为主键) */
+export function toDesignerColumns(cols: ColumnInfo[]): DesignerColumn[] {
+  return cols.map((c) => ({
+    id: crypto.randomUUID(),
+    name: c.name,
+    type: splitBaseType(c.type),
+    length: splitLength(c.type),
+    nullable: !!c.nullable,
+    defaultValue: c.default == null ? "" : String(c.default),
+    comment: c.comment || "",
+    primary: (c.key || "").toUpperCase() === "PRI" || (c.key || "").toUpperCase() === "PK",
+    autoIncrement: /auto_increment/i.test(c.extra ?? ""),
+    generated: /\bGENERATED\b/i.test(c.extra ?? ""),
+  }));
+}
+
+/** VARCHAR(255) → VARCHAR;类型文本原样保留大小写 */
+export function splitBaseType(type: string): string {
+  const m = /^([A-Za-z_]+)\s*(?:\([^)]*\))?\s*( unsigned| zerofill)?.*$/.exec(type.trim());
+  if (!m) return type.trim();
+  return (m[1] + (m[2] || "")).trim();
+}
+
+/** VARCHAR(255) → 255;DECIMAL(10,2) → 10,2;无长度 → 空串 */
+export function splitLength(type: string): string {
+  const m = /\(([^)]*)\)/.exec(type.trim());
+  return m ? m[1].trim() : "";
+}
+
+export function columnTypeSql(c: DesignerColumn): string {
+  const len = c.length.trim();
+  return len ? `${c.type.trim()}(${len})` : c.type.trim();
+}
+
+function defaultSql(c: DesignerColumn): string {
+  const v = c.defaultValue.trim();
+  if (!v) return "";
+  if (/^(NULL|CURRENT_TIMESTAMP|CURRENT_DATE|CURRENT_TIME|now\(\)|nextval\(.*\))$/i.test(v)) return `DEFAULT ${v}`;
+  if (/^-?\d+(\.\d+)?$/.test(v)) return `DEFAULT ${v}`;
+  return `DEFAULT '${v.replace(/'/g, "''")}'`;
+}
+
+/** 校验设计器输入;返回错误列表(空 = 可生成) */
+export function validateColumns(table: string, cols: DesignerColumn[]): string[] {
+  const errs: string[] = [];
+  if (!table.trim()) errs.push("表名不能为空");
+  const names = new Set<string>();
+  for (const c of cols) {
+    if (!c.name.trim()) errs.push("存在未命名字段");
+    else if (names.has(c.name.trim().toLowerCase())) errs.push(`字段重名:${c.name.trim()}`);
+    else names.add(c.name.trim().toLowerCase());
+    if (!c.type.trim()) errs.push(`字段 ${c.name || "(未命名)"} 缺少类型`);
+  }
+  if (cols.length === 0) errs.push("至少需要一个字段");
+  return errs;
+}
+
+function qualified(driver: string | undefined, database: string | undefined, table: string): string {
+  const t = quoteIdent(driver, table.trim());
+  return database?.trim() ? `${quoteIdent(driver, database.trim())}.${t}` : t;
+}
+
+/** 新建表 CREATE 语句;调用前先 validateColumns */
+export function buildCreateSql(
+  driver: string | undefined,
+  database: string | undefined,
+  table: string,
+  cols: DesignerColumn[],
+  indexes: DesignerIndex[] = [],
+  tableComment = "",
+): string {
+  const mysql = isMysqlFamily(driver);
+  const lines = cols.map((c) => {
+    let line = `  ${quoteIdent(driver, c.name.trim())} ${columnTypeSql(c)}`;
+    if (c.autoIncrement && mysql) line += " AUTO_INCREMENT";
+    line += c.nullable ? " NULL" : " NOT NULL";
+    if (defaultSql(c)) line += ` ${defaultSql(c)}`;
+    if (mysql && c.comment.trim()) line += ` COMMENT '${c.comment.replace(/'/g, "''")}'`;
+    return line;
+  });
+  const pks = cols.filter((c) => c.primary).map((c) => quoteIdent(driver, c.name.trim()));
+  if (pks.length) lines.push(`  PRIMARY KEY (${pks.join(", ")})`);
+  if (mysql) lines.push(...indexes.map(index => `  ${mysqlIndexDefinition(index)}`));
+  const tail = mysql ? ` ENGINE=InnoDB DEFAULT CHARSET=utf8mb4${tableComment.trim() ? ` COMMENT='${tableComment.replace(/'/g, "''")}'` : ""}` : "";
+  return `CREATE TABLE ${qualified(driver, database, table)} (\n${lines.join(",\n")}\n)${tail};`;
+}
+
+/** 既有表列级 diff → ALTER 语句列表(顺序执行);无变更返回空数组 */
+export function buildAlterStatements(
+  driver: string | undefined,
+  database: string | undefined,
+  table: string,
+  before: DesignerColumn[],
+  after: DesignerColumn[],
+): string[] {
+  const mysql = isMysqlFamily(driver);
+  const pg = isPgFamily(driver);
+  const sqlite = isSqlite(driver);
+  if (!mysql && !pg && !sqlite) return [];
+  const t = qualified(driver, database, table);
+  const stmts: string[] = [];
+  const beforeById = new Map(before.map((c) => [c.id, c]));
+  const afterIds = new Set(after.map((c) => c.id));
+
+  // 删除列(SQLite 旧版本可能不支持 DROP COLUMN,由数据库执行时报错兜底)
+  for (const b of before) {
+    if (!afterIds.has(b.id)) {
+      if (sqlite) continue; // SQLite DROP 语义复杂,v1 不生成
+      stmts.push(`ALTER TABLE ${t} DROP COLUMN ${quoteIdent(driver, b.name)};`);
+    }
+  }
+  for (const a of after) {
+    const b = beforeById.get(a.id);
+    if (!b) {
+      // 新增列(SQLite 只支持 ADD COLUMN)
+      if (sqlite && (!a.nullable || a.primary || a.autoIncrement)) {
+        stmts.push(`-- SQLite 新增列必须可空且无主键/自增,请调整:${a.name}`);
+        continue;
+      }
+      let line = `ALTER TABLE ${t} ADD COLUMN ${quoteIdent(driver, a.name.trim())} ${columnTypeSql(a)}`;
+      line += a.nullable ? " NULL" : " NOT NULL";
+      if (defaultSql(a)) line += ` ${defaultSql(a)}`;
+      if (mysql && a.comment.trim()) line += ` COMMENT '${a.comment.replace(/'/g, "''")}'`;
+      stmts.push(line + ";");
+      continue;
+    }
+    if (b.generated && (b.name !== a.name || b.type !== a.type || b.length !== a.length || b.nullable !== a.nullable || b.defaultValue !== a.defaultValue || b.comment !== a.comment || b.primary !== a.primary)) {
+      stmts.push(`-- 生成列 ${b.name} 的修改需保留生成表达式，请使用 SQL 工作台`);
+      continue;
+    }
+    // 修改列:类型/长度/NULL/默认/自增 变化才生成
+    const defChanged = b.defaultValue.trim() !== a.defaultValue.trim();
+    const typeChanged =
+      columnTypeSql(b).toLowerCase() !== columnTypeSql(a).toLowerCase() ||
+      b.nullable !== a.nullable ||
+      b.autoIncrement !== a.autoIncrement ||
+      (mysql && b.comment.trim() !== a.comment.trim());
+    if (b.name.trim() !== a.name.trim()) {
+      // 改名:MySQL CHANGE 顺带重定义;PG RENAME 单独一句,其余属性变化再补 ALTER
+      if (mysql) {
+        stmts.push(`ALTER TABLE ${t} CHANGE COLUMN ${quoteIdent(driver, b.name)} ${columnDefFull(driver, a)};`);
+        continue;
+      }
+      if (pg) {
+        stmts.push(`ALTER TABLE ${t} RENAME COLUMN ${quoteIdent(driver, b.name)} TO ${quoteIdent(driver, a.name.trim())};`);
+      } else {
+        stmts.push(`-- ${key(driver)} 改名列不在 v1 支持范围:${b.name} → ${a.name}`);
+        continue;
+      }
+    }
+    if (!typeChanged && !defChanged) continue;
+    if (sqlite) {
+      stmts.push(`-- SQLite 不支持 MODIFY 列,需重建表:${a.name}`);
+      continue;
+    }
+    if (mysql) {
+      stmts.push(`ALTER TABLE ${t} MODIFY COLUMN ${columnDefFull(driver, a)};`);
+    } else if (pg) {
+      const name = quoteIdent(driver, a.name.trim());
+      if (columnTypeSql(b).toLowerCase() !== columnTypeSql(a).toLowerCase()) {
+        stmts.push(`ALTER TABLE ${t} ALTER COLUMN ${name} TYPE ${columnTypeSql(a)};`);
+      }
+      if (b.nullable !== a.nullable) {
+        stmts.push(`ALTER TABLE ${t} ALTER COLUMN ${name} ${a.nullable ? "DROP NOT NULL" : "SET NOT NULL"};`);
+      }
+      if (defChanged) {
+        stmts.push(`ALTER TABLE ${t} ALTER COLUMN ${name} ${defaultSql(a) || "DROP DEFAULT"};`);
+      }
+    }
+  }
+  // 主键变更(v1:整组对比;SQLite 不生成)
+  const pkBefore = before.filter((c) => c.primary).map((c) => c.name).sort().join(",");
+  const pkAfter = after.filter((c) => c.primary).map((c) => c.name).sort().join(",");
+  if (pkBefore !== pkAfter && !sqlite) {
+    const stmtPk = (pk: string[]) => pk.map((n) => quoteIdent(driver, n)).join(", ");
+    if (mysql) {
+      if (pkBefore) stmts.push(`ALTER TABLE ${t} DROP PRIMARY KEY;`);
+      if (pkAfter) stmts.push(`ALTER TABLE ${t} ADD PRIMARY KEY (${stmtPk(after.filter((c) => c.primary).map((c) => c.name))});`);
+    } else if (pg) {
+      if (pkBefore) stmts.push(`ALTER TABLE ${t} DROP CONSTRAINT ${t}_pkey;`);
+      if (pkAfter) stmts.push(`ALTER TABLE ${t} ADD PRIMARY KEY (${stmtPk(after.filter((c) => c.primary).map((c) => c.name))});`);
+    }
+  }
+  return stmts;
+}
+
+/** MySQL 族完整列定义(CHANGE/MODIFY 用) */
+function columnDefFull(driver: string | undefined, c: DesignerColumn): string {
+  let line = `${quoteIdent(driver, c.name.trim())} ${columnTypeSql(c)}`;
+  if (c.autoIncrement && isMysqlFamily(driver)) line += " AUTO_INCREMENT";
+  line += c.nullable ? " NULL" : " NOT NULL";
+  if (defaultSql(c)) line += ` ${defaultSql(c)}`;
+  if (isMysqlFamily(driver) && c.comment.trim()) line += ` COMMENT '${c.comment.replace(/'/g, "''")}'`;
+  return line.trim();
+}
+
+/** 设计器对驱动的支持级别 */
+export function designerSupport(driver: string | undefined): { create: boolean; alter: boolean; note?: string } {
+  if (isMysqlFamily(driver) || isPgFamily(driver)) return { create: true, alter: true };
+  if (isSqlite(driver)) return { create: true, alter: true, note: "SQLite 修改列需重建表,v1 仅支持新增列与建表" };
+  if (key(driver) === "sqlserver" || key(driver) === "mssql" || key(driver) === "oracle") {
+    return { create: true, alter: false, note: `${key(driver)} 方言 ALTER 生成暂未接入,可预览建表语句` };
+  }
+  return { create: false, alter: false, note: "该驱动不支持表设计 DDL 生成" };
+}
diff --git a/src/tableIndex.test.ts b/src/tableIndex.test.ts
new file mode 100644
index 0000000..7c8e83c
--- /dev/null
+++ b/src/tableIndex.test.ts
@@ -0,0 +1,31 @@
+import { describe, expect, it } from "vitest";
+import { buildMysqlIndexAlter, mysqlIndexQuery, toDesignerIndexes, validateIndexes } from "./tableIndex";
+import { buildCreateSql, type DesignerColumn } from "./tableDdl";
+
+describe("表设计索引", () => {
+  it("读取复合索引并跳过由字段页管理的主键", () => {
+    const items = toDesignerIndexes([
+      { name: "PRIMARY", columnName: "id", nonUnique: 0 },
+      { name: "idx_order", columnName: "user_id", nonUnique: 1 },
+      { name: "idx_order", columnName: "created_at", nonUnique: 1 },
+    ]);
+    expect(items).toMatchObject([{ name: "idx_order", columns: ["user_id", "created_at"], unique: false }]);
+    expect(mysqlIndexQuery("a'b", "orders")).not.toContain("a'b");
+    const special = toDesignerIndexes([{ name: "idx_prefix", columnName: "email", nonUnique: 1, indexType: "BTREE", prefixLength: 10 }]);
+    expect(special[0].readOnly).toBe(true);
+    expect(validateIndexes(special, ["email"])).toEqual([]);
+    expect(validateIndexes(special, [])).toHaveLength(1);
+  });
+  it("修改索引先删除旧定义再新增，拒绝不存在的列", () => {
+    const initial = [{ id: "idx", name: "idx_user", columns: ["user_id"], unique: false }];
+    const after = [{ ...initial[0], columns: ["user_id", "created_at"], unique: true }];
+    expect(buildMysqlIndexAlter("shop", "orders", initial, after)).toEqual({
+      drop: ["ALTER TABLE `shop`.`orders` DROP INDEX `idx_user`;"],
+      add: ["ALTER TABLE `shop`.`orders` ADD UNIQUE KEY `idx_user` (`user_id`, `created_at`);"],
+    });
+    expect(validateIndexes(after, ["user_id"])).toContain("索引 idx_user 的字段 created_at 不在当前表中");
+    const columns: DesignerColumn[] = [{ id: "id", name: "user_id", type: "INT", length: "", nullable: false, defaultValue: "", comment: "", primary: false, autoIncrement: false }];
+    expect(buildCreateSql("mysql", "shop", "orders", columns, initial)).toContain("KEY `idx_user` (`user_id`)");
+    expect(buildCreateSql("mysql", "shop", "orders", columns, initial, "O'Brien")).toContain("COMMENT='O''Brien'");
+  });
+});
diff --git a/src/tableIndex.ts b/src/tableIndex.ts
new file mode 100644
index 0000000..f935000
--- /dev/null
+++ b/src/tableIndex.ts
@@ -0,0 +1,72 @@
+import { quoteIdent } from "./sql";
+
+export type DesignerIndex = {
+  id: string;
+  name: string;
+  columns: string[];
+  unique: boolean;
+  readOnly?: boolean;
+};
+
+const sqlText = (s: string) => `CONVERT(X'${Array.from(new TextEncoder().encode(s), b => b.toString(16).padStart(2, "0")).join("")}' USING utf8mb4)`;
+
+export function mysqlIndexQuery(database: string, table: string): string {
+  return `SELECT INDEX_NAME AS name, COLUMN_NAME AS columnName, SEQ_IN_INDEX AS sequence, NON_UNIQUE AS nonUnique, INDEX_TYPE AS indexType, SUB_PART AS prefixLength, COLLATION AS sortDirection FROM information_schema.STATISTICS WHERE TABLE_SCHEMA=${sqlText(database)} AND TABLE_NAME=${sqlText(table)} ORDER BY INDEX_NAME, SEQ_IN_INDEX`;
+}
+
+export function toDesignerIndexes(rows: Record<string, unknown>[]): DesignerIndex[] {
+  const byName = new Map<string, DesignerIndex>();
+  for (const row of rows) {
+    const name = String(row.name ?? "");
+    if (!name || name.toUpperCase() === "PRIMARY") continue;
+    let index = byName.get(name);
+    if (!index) {
+      index = { id: crypto.randomUUID(), name, columns: [], unique: Number(row.nonUnique) === 0 };
+      byName.set(name, index);
+    }
+    if (row.columnName == null || row.prefixLength != null || String(row.indexType ?? "BTREE").toUpperCase() !== "BTREE" || row.sortDirection === "D") index.readOnly = true;
+    if (row.columnName != null) index.columns.push(String(row.columnName));
+  }
+  return [...byName.values()];
+}
+
+export function validateIndexes(indexes: DesignerIndex[], columnNames: string[]): string[] {
+  const errors: string[] = [];
+  const names = new Set<string>();
+  const columns = new Set(columnNames.map(n => n.trim().toLowerCase()));
+  for (const index of indexes) {
+    if (index.readOnly) {
+      if (index.columns.some(c => !columns.has(c.toLowerCase()))) errors.push(`特殊索引 ${index.name} 依赖已移除的字段，请使用 SQL 工作台处理`);
+      continue;
+    }
+    const name = index.name.trim();
+    if (!name || name.toUpperCase() === "PRIMARY") errors.push("索引名不能为空，也不能使用 PRIMARY");
+    if (names.has(name.toLowerCase())) errors.push(`索引重名：${name}`);
+    names.add(name.toLowerCase());
+    if (!index.columns.length) errors.push(`索引 ${name || "(未命名)"} 需要至少一个字段`);
+    for (const column of index.columns) {
+      if (!columns.has(column.trim().toLowerCase())) errors.push(`索引 ${name} 的字段 ${column} 不在当前表中`);
+    }
+    if (new Set(index.columns.map(c => c.toLowerCase())).size !== index.columns.length) errors.push(`索引 ${name} 存在重复字段`);
+  }
+  return errors;
+}
+
+export function mysqlIndexDefinition(index: DesignerIndex): string {
+  return `${index.unique ? "UNIQUE " : ""}KEY ${quoteIdent("mysql", index.name.trim())} (${index.columns.map(c => quoteIdent("mysql", c.trim())).join(", ")})`;
+}
+
+export function buildMysqlIndexAlter(database: string, table: string, before: DesignerIndex[], after: DesignerIndex[]): { drop: string[]; add: string[] } {
+  const target = `${quoteIdent("mysql", database)}.${quoteIdent("mysql", table)}`;
+  const initial = new Map(before.map(i => [i.id, i]));
+  const current = new Map(after.map(i => [i.id, i]));
+  const changed = (a: DesignerIndex, b: DesignerIndex) => a.name !== b.name || a.unique !== b.unique || a.columns.join("\0") !== b.columns.join("\0");
+  return {
+    drop: before.filter(i => !current.has(i.id) || changed(i, current.get(i.id)!)).map(i => `ALTER TABLE ${target} DROP INDEX ${quoteIdent("mysql", i.name)};`),
+    add: after.filter(i => !initial.has(i.id) || changed(i, initial.get(i.id)!)).map(i => `ALTER TABLE ${target} ADD ${mysqlIndexDefinition(i)};`),
+  };
+}
+
+export function canEditIndexes(driver: string): boolean {
+  return ["mysql", "mariadb", "tidb", "oceanbase", "polardb", "tdsql"].includes(driver.toLowerCase());
+}
diff --git a/src/tableMetadata.test.ts b/src/tableMetadata.test.ts
new file mode 100644
index 0000000..ffe7953
--- /dev/null
+++ b/src/tableMetadata.test.ts
@@ -0,0 +1,30 @@
+import { describe, expect, it } from 'vitest';
+import { tableMetadataSql } from './tableMetadata';
+
+describe('table metadata queries', () => {
+  it('escapes database and object names as values', () => {
+    const sql = tableMetadataSql('mysql', "a'b", "t' OR 1=1 --", 'indexes');
+    expect(sql).toContain("TABLE_SCHEMA=CONVERT(X'612762' USING utf8mb4)");
+    expect(sql).not.toContain("OR 1=1");
+    expect(sql).toContain("TABLE_NAME=CONVERT(X'");
+  });
+  it('uses PostgreSQL schema rather than database as namespace', () => {
+    const sql = tableMetadataSql('postgresql', 'production', 'sales.orders', 'foreignKeys');
+    expect(sql).toContain("n.nspname='sales'");
+    expect(sql).toContain("c.relname='orders'");
+    expect(sql).toContain("contype='f'");
+    expect(sql).not.toContain('production');
+  });
+  it('excludes internal PostgreSQL triggers', () => {
+    expect(tableMetadataSql('postgresql', 'db', 'orders', 'triggers')).toContain('NOT x.tgisinternal');
+  });
+  it('groups composite SQLite foreign keys and includes implicit primary key references', () => {
+    const sql = tableMetadataSql('sqlite', '', 'orders', 'foreignKeys');
+    expect(sql).toContain('GROUP BY id');
+    expect(sql).toContain('coalesce("to",');
+  });
+  it('does not invent queries for unsupported engines', () => {
+    expect(tableMetadataSql('redis', '', 'key', 'indexes')).toBeNull();
+    expect(tableMetadataSql('oracle', '', 'orders', 'triggers')).toBeNull();
+  });
+});
diff --git a/src/tableMetadata.ts b/src/tableMetadata.ts
new file mode 100644
index 0000000..e4ede99
--- /dev/null
+++ b/src/tableMetadata.ts
@@ -0,0 +1,38 @@
+import { relationParts } from './sql';
+
+export type MetadataKind = 'indexes' | 'foreignKeys' | 'triggers';
+export const metadataGroups: { kind: MetadataKind; label: string; icon: string; color: string }[] = [
+  { kind: 'indexes', label: '索引', icon: '◇', color: '#f59e0b' },
+  { kind: 'foreignKeys', label: '外键', icon: '↗', color: '#3b82f6' },
+  { kind: 'triggers', label: '触发器', icon: 'ϟ', color: '#f97316' },
+];
+const literal = (s: string) => `'${s.replace(/'/g, "''")}'`;
+
+/** 仅生成只读目录查询；未适配的引擎返回 null，不伪装成空列表。 */
+export function tableMetadataSql(driver: string, database: string, table: string, kind: MetadataKind): string | null {
+  const d = driver.toLowerCase();
+  const t = literal(table);
+  if (['mysql', 'mariadb', 'tidb', 'oceanbase', 'polardb', 'tdsql'].includes(d)) {
+    // 使用十六进制文本值，避免 MySQL SQL 模式对反斜线转义的差异。
+    const hex = (value: string) => `CONVERT(X'${Array.from(new TextEncoder().encode(value), b => b.toString(16).padStart(2, '0')).join('')}' USING utf8mb4)`;
+    const t = hex(table), db = hex(database);
+    if (kind === 'indexes') return `SELECT INDEX_NAME AS name, GROUP_CONCAT(COLUMN_NAME ORDER BY SEQ_IN_INDEX SEPARATOR ', ') AS detail FROM information_schema.STATISTICS WHERE TABLE_SCHEMA=${db} AND TABLE_NAME=${t} GROUP BY INDEX_NAME ORDER BY INDEX_NAME`;
+    if (kind === 'foreignKeys') return `SELECT CONSTRAINT_NAME AS name, GROUP_CONCAT(CONCAT(COLUMN_NAME, ' → ', REFERENCED_TABLE_SCHEMA, '.', REFERENCED_TABLE_NAME, '.', REFERENCED_COLUMN_NAME) ORDER BY ORDINAL_POSITION SEPARATOR ', ') AS detail FROM information_schema.KEY_COLUMN_USAGE WHERE TABLE_SCHEMA=${db} AND TABLE_NAME=${t} AND REFERENCED_TABLE_NAME IS NOT NULL GROUP BY CONSTRAINT_NAME ORDER BY CONSTRAINT_NAME`;
+    return `SELECT TRIGGER_NAME AS name, CONCAT(ACTION_TIMING, ' ', EVENT_MANIPULATION, ': ', ACTION_STATEMENT) AS detail FROM information_schema.TRIGGERS WHERE TRIGGER_SCHEMA=${db} AND EVENT_OBJECT_TABLE=${t} ORDER BY TRIGGER_NAME`;
+  }
+  if (['postgresql', 'postgres', 'gaussdb', 'kingbase', 'opengauss'].includes(d)) {
+    const parts = relationParts(d, database, table);
+    if (parts.length !== 2) return null;
+    const schema = literal(parts[0]), name = literal(parts[1]);
+    if (kind === 'indexes') return `SELECT indexname AS name, indexdef AS detail FROM pg_catalog.pg_indexes WHERE schemaname=${schema} AND tablename=${name} ORDER BY indexname`;
+    const target = `JOIN pg_catalog.pg_class c ON c.oid=x.${kind === 'foreignKeys' ? 'conrelid' : 'tgrelid'} JOIN pg_catalog.pg_namespace n ON n.oid=c.relnamespace WHERE n.nspname=${schema} AND c.relname=${name}`;
+    if (kind === 'foreignKeys') return `SELECT x.conname AS name, pg_catalog.pg_get_constraintdef(x.oid) AS detail FROM pg_catalog.pg_constraint x ${target} AND x.contype='f' ORDER BY x.conname`;
+    return `SELECT x.tgname AS name, pg_catalog.pg_get_triggerdef(x.oid) AS detail FROM pg_catalog.pg_trigger x ${target} AND NOT x.tgisinternal ORDER BY x.tgname`;
+  }
+  if (d === 'sqlite') {
+    if (kind === 'indexes') return `SELECT name, CASE WHEN "unique"=1 THEN 'UNIQUE' ELSE '' END AS detail FROM pragma_index_list(${t}) ORDER BY name`;
+    if (kind === 'foreignKeys') return `SELECT 'FK ' || id AS name, group_concat("from" || ' → ' || "table" || '.' || coalesce("to", '(主键)'), ', ') AS detail FROM pragma_foreign_key_list(${t}) GROUP BY id ORDER BY id`;
+    return `SELECT name, sql AS detail FROM sqlite_master WHERE type='trigger' AND tbl_name=${t} ORDER BY name`;
+  }
+  return null;
+}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index eb531fc..42e38bf 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,14 +1,13 @@
 import type { Config } from "tailwindcss";
 
 /**
- * 设计令牌 v2 映射:与 apps/web/src/styles.css 的 :root 令牌同源,
+ * 设计令牌 v2 映射:与 src/src/styles.css 的 :root 令牌同源,
  * 新增组件样式优先使用 ops-* utility,避免散落硬编码色值。
  */
 export default {
   content: [
     "./index.html",
     "./src/**/*.{ts,tsx}",
-    "./packages/ui/src/**/*.{ts,tsx}",
   ],
   theme: {
     extend: {
diff --git a/tsconfig.tsbuildinfo b/tsconfig.tsbuildinfo
index bdfb862..29d9012 100644
--- a/tsconfig.tsbuildinfo
+++ b/tsconfig.tsbuildinfo
@@ -1 +1 @@
-{"root":["./src/aipanel.tsx","./src/connectionform.tsx","./src/connectionlist.tsx","./src/connectionpicker.tsx","./src/connectionsidebar.tsx","./src/ddlmodal.tsx","./src/drivericon.tsx","./src/drivermanager.tsx","./src/notifyhost.tsx","./src/objecttree.tsx","./src/opsmodal.tsx","./src/rediskeypane.tsx","./src/resultpane.tsx","./src/schemapane.tsx","./src/settingsmodal.tsx","./src/sqleditor.tsx","./src/treechevron.tsx","./src/workspace.tsx","./src/api.ts","./src/catalog.ts","./src/dialogs.ts","./src/drivericonurls.ts","./src/dsn.ts","./src/index.ts","./src/main.tsx","./src/notify.ts","./src/redis.test.ts","./src/redis.ts","./src/secrets.ts","./src/sql.test.ts","./src/sql.ts","./src/store.ts","./src/vite-env.d.ts","./vite.config.ts"],"version":"5.9.3"}
\ No newline at end of file
+{"root":["./src/aipanel.tsx","./src/connectionform.tsx","./src/connectionlist.tsx","./src/connectionpicker.tsx","./src/connectionsidebar.tsx","./src/contextmenu.tsx","./src/ddlmodal.tsx","./src/drivericon.tsx","./src/drivermanager.tsx","./src/mcpsettings.tsx","./src/notifyhost.tsx","./src/objecttree.render.test.tsx","./src/objecttree.tsx","./src/opsmodal.tsx","./src/rediskeypane.tsx","./src/resultpane.tsx","./src/schemametadata.tsx","./src/schemapane.tsx","./src/settingsmodal.tsx","./src/sqleditor.tsx","./src/tabledesigner.tsx","./src/tablemetadatatree.tsx","./src/treechevron.tsx","./src/workspace.tsx","./src/aicomposerkeys.test.ts","./src/aicomposerkeys.ts","./src/aipresets.test.ts","./src/aipresets.ts","./src/api.ts","./src/backendbootstrap.test.ts","./src/catalog.ts","./src/connectionsync.test.ts","./src/contextactions.test.ts","./src/contextactions.ts","./src/dialogs.ts","./src/drivericonurls.ts","./src/dsn.ts","./src/index.ts","./src/main.tsx","./src/notify.ts","./src/notifypolicy.test.ts","./src/openexternal.ts","./src/querycontext.test.ts","./src/redis.test.ts","./src/redis.ts","./src/rediscontext.test.ts","./src/rediscontext.ts","./src/resultview.test.ts","./src/resultview.ts","./src/secrets.ts","./src/sql.test.ts","./src/sql.ts","./src/store.ts","./src/tableddl.test.ts","./src/tableddl.ts","./src/tableindex.test.ts","./src/tableindex.ts","./src/tablemetadata.test.ts","./src/tablemetadata.ts","./src/vite-env.d.ts","./vite.config.ts"],"version":"5.9.3"}
\ No newline at end of file
diff --git a/vite.config.ts b/vite.config.ts
index 6e7c392..7c2c82f 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -5,7 +5,17 @@ import path from "node:path";
 export default defineConfig({
   plugins: [react()],
   resolve: {
-    alias: {      "@opsxdb/ui": path.resolve(__dirname, "./src/index.ts"),
+    alias: { "@opsxdb/ui": path.resolve(__dirname, "./src/index.ts"),
+    },
+  },
+  build: {
+    rollupOptions: {
+      output: {
+        manualChunks(id) {
+          if (id.includes("/node_modules/@codemirror/") || id.includes("/node_modules/@lezer/")) return "editor";
+          if (id.includes("/node_modules/sql-formatter/")) return "sql-formatter";
+        },
+      },
     },
   },
   server: {
diff --git a/packages/ui/vitest.config.ts b/vitest.config.ts
similarity index 100%
rename from packages/ui/vitest.config.ts
rename to vitest.config.ts