From a9e8fc73d9e5ef6574de47590b3a1a0b626e5f8d Mon Sep 17 00:00:00 2001
From: argszero <argszero@argszerodeMac-mini.local>
Date: Fri, 14 Aug 2026 16:01:50 +0800
Subject: [PATCH 1/6] =?UTF-8?q?refactor(ui):=20=E9=92=B1=E5=8C=85/?=
 =?UTF-8?q?=E4=BA=A4=E6=98=93=E8=AE=B0=E5=BD=95=E5=8E=BB=E9=87=8D=20?=
 =?UTF-8?q?=E2=80=94=20=E6=98=8E=E7=BB=86=E7=BB=9F=E4=B8=80=E5=88=B0?=
 =?UTF-8?q?=E4=BA=A4=E6=98=93=E8=AE=B0=E5=BD=95=EF=BC=8C=E9=92=B1=E5=8C=85?=
 =?UTF-8?q?=E5=8F=AA=E5=81=9A=E4=BD=99=E9=A2=9D=E4=B8=8E=E8=B5=84=E9=87=91?=
 =?UTF-8?q?=E6=93=8D=E4=BD=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 钱包页移除收支明细表格（wallet-table），保留余额卡片 + 充值/提现 + 跳转提示
- 交易记录页作为唯一明细入口（Tab + 排序/筛选/分页不变），补充说明文案
- 移除 WALLET_COLUMNS 与 walletTable 状态，renderWallet 仅渲染余额/按钮
- data.js 注释更新，不再表述为 wallet 与 transactions 共用
- ui/README.md 同步更新

Rant: 2026-08-14T15:59:09 钱包页与交易记录页去重（方案 A）
---
 ui/README.md     |  4 ++--
 ui/css/style.css |  1 +
 ui/index.html    |  9 +++++----
 ui/js/app.js     | 21 +++------------------
 ui/js/data.js    |  2 +-
 5 files changed, 12 insertions(+), 25 deletions(-)

diff --git a/ui/README.md b/ui/README.md
index 9cad8a5..9b42185 100644
--- a/ui/README.md
+++ b/ui/README.md
@@ -35,8 +35,8 @@ python3 -m http.server 8000 --directory ui
 1. 仪表盘 Dashboard — 点数余额、本月用量、共享收益、最近交易
 2. 模型市场 Marketplace — 模型浏览、搜索、厂商筛选、排序（按价格/上下文）
 3. 共享管理 Sharing — 默认只显示统计 + 我的共享列表（key 脱敏展示，可暂停/恢复/重新上架/彻底删除）；点击"＋ 添加 / 上架新 key"展开上架表单（须填 API Key，平台加密托管；分享者只填声明额度，单价由平台按模型定价自动计算并展示参考价），提交成功或取消后自动收起
-4. 钱包 Wallet — 点数余额、充值/提现占位入口、收支明细（MRT 风格表格：列排序/列筛选/分页/每页行数切换）
-5. 交易记录 Transactions — 消费/收益/充值/提现，Tab 筛选 + MRT 风格表格（列排序/列筛选/分页，与 Tab 叠加生效）
+4. 钱包 Wallet — 点数余额、充值/提现占位入口；收支明细已去重，统一到【交易记录】（页内提供跳转提示）
+5. 交易记录 Transactions — 消费/收益/充值/提现唯一明细入口，Tab 筛选 + MRT 风格表格（列排序/列筛选/分页，与 Tab 叠加生效）
 6. 设置 Settings — 账户、API Key 管理（可生成）、通知、偏好
 7. 管理视图 Admin（管理员角色专属）— Key 池管理（添加/撤销）、成员管理（配额调整）、用量报表（按模型/成员）、组织设置（含"关闭外部注册"企业部署开关）
 
diff --git a/ui/css/style.css b/ui/css/style.css
index a114fa1..bb27af6 100644
--- a/ui/css/style.css
+++ b/ui/css/style.css
@@ -372,6 +372,7 @@ select.input option { background: var(--bg-card); }
 .wallet-hero { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; }
 .balance-big { font-size: 42px; font-weight: 800; color: var(--accent-text); line-height: 1.2; }
 .wallet-actions { display: flex; gap: 10px; }
+.wallet-hint { color: var(--text-mute); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
 
 .toast {
   position: fixed; bottom: 28px; left: 50%; transform: translateX(-50%);
diff --git a/ui/index.html b/ui/index.html
index 465331e..2589d47 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -167,7 +167,7 @@ <h3>我的共享列表 <span class="en">My listings</span></h3>
     <section class="view hidden" id="view-wallet">
       <header class="page-head">
         <h2>钱包 <span class="en">Wallet</span></h2>
-        <p>点数余额 · 充值 / 提现 · 收支明细</p>
+        <p>点数余额 · 充值 / 提现（收支明细见【交易记录】）</p>
       </header>
       <div class="card wallet-hero">
         <div>
@@ -181,8 +181,9 @@ <h3>点数余额 <span class="en">Points balance</span></h3>
         </div>
       </div>
       <div class="card">
-        <h3>收支明细 <span class="en">Ledger</span></h3>
-        <div class="table-wrap compact" id="wallet-table"></div>
+        <p class="wallet-hint">收支明细已统一到
+          <button class="btn btn-ghost" id="wallet-goto-tx">交易记录</button>
+          ——涵盖消费（用别人的 key）、收益（别人用我的 key）、充值、提现</p>
       </div>
     </section>
 
@@ -190,7 +191,7 @@ <h3>收支明细 <span class="en">Ledger</span></h3>
     <section class="view hidden" id="view-transactions">
       <header class="page-head">
         <h2>交易记录 <span class="en">Transactions</span></h2>
-        <p>消费记录（用谁的 key）与收益记录（谁用了我的 key）</p>
+        <p>涵盖消费（用别人的 key）、收益（别人用我的 key）、充值、提现</p>
       </header>
       <div class="tabs" id="tx-tabs">
         <button class="tab active" data-tx-tab="all">全部</button>
diff --git a/ui/js/app.js b/ui/js/app.js
index fdbe9f7..b1e9cd5 100644
--- a/ui/js/app.js
+++ b/ui/js/app.js
@@ -15,7 +15,6 @@
   let txTab = "all";
 
   // MRT 风格表格状态（页面级变量：切换页面不丢失排序/筛选/分页）
-  const walletTable = { sort: [], filters: {}, page: 1, pageSize: 10 };
   const txTable = { sort: [], filters: {}, page: 1, pageSize: 10 };
 
   /* ---------------- 工具 ---------------- */
@@ -259,26 +258,10 @@
 
   /* --- 钱包 --- */
 
-  const WALLET_COLUMNS = [
-    { key: "time", title: "时间", sort: "string", filter: "text" },
-    { key: "type", title: "类型", sort: "string", filter: "select", options: ["消费", "收益", "充值", "提现"], filterVal: (t) => TX_TYPE[t.type] || t.type,
-      render: (t) => esc(TX_TYPE[t.type] || t.type) },
-    { key: "partner", title: "对象", sort: "string", filter: "text" },
-    { key: "detail", title: "说明", sort: "string", filter: "text" },
-    { key: "pts", title: "点数", sort: "number", filter: "number-range",
-      render: (t) => '<span style="color:' + (t.pts > 0 ? "var(--ok)" : "var(--text)") + ';font-weight:600">' + (t.pts > 0 ? "+" : "") + D.fmt(t.pts) + "</span>" },
-  ];
-
   function renderWallet() {
+    // 钱包只做余额与资金操作；收支明细统一到【交易记录】（见 index.html wallet-hint）
     $("#side-balance").textContent = D.fmt(D.USER.balance);
     $("#wallet-balance").textContent = D.fmt(D.USER.balance);
-    buildDataTable({
-      container: $("#wallet-table"),
-      columns: WALLET_COLUMNS,
-      rows: D.TRANSACTIONS,
-      state: walletTable,
-      onState: renderWallet,
-    });
   }
 
   /* --- 交易记录 --- */
@@ -582,6 +565,8 @@
     // 钱包按钮
     $("#topup-btn").addEventListener("click", () => toast("充值入口为占位（静态原型）"));
     $("#withdraw-btn").addEventListener("click", () => toast("提现入口为占位（静态原型）"));
+    // 钱包页提示 → 跳转交易记录（明细统一入口）
+    $("#wallet-goto-tx").addEventListener("click", () => switchView("transactions"));
 
     // 交易 Tab
     $$("#tx-tabs .tab").forEach((b) => b.addEventListener("click", () => { txTab = b.dataset.txTab; txTable.page = 1; renderTransactions(); }));
diff --git a/ui/js/data.js b/ui/js/data.js
index fe9f03d..871b483 100644
--- a/ui/js/data.js
+++ b/ui/js/data.js
@@ -43,7 +43,7 @@
     // 当前用户（公共版）
     USER: { name: "阿零", email: "demo@aitokenpool.local", balance: 12480 },
 
-    // 最近交易 / 收支明细（wallet 与 transactions 共用）
+    // 交易记录（消费 / 收益 / 充值 / 提现）——唯一明细数据源，钱包页与交易记录页共用此表
     TRANSACTIONS: [
       { id: 1, time: "08-13 20:15", type: "consume", partner: "deepseek-v4-flash", detail: "消费 · 用 shared key", tokens: "1.2M", pts: -320, status: "成功" },
       { id: 2, time: "08-13 19:02", type: "earn",    partner: "glm-5.2",           detail: "收益 · 我的 key 被消费", tokens: "860K", pts: +420, status: "入账" },

From 9aef59a5f62a65d98f105a124b4aa48bf505d09b Mon Sep 17 00:00:00 2001
From: argszero <argszero@argszerodeMac-mini.local>
Date: Fri, 14 Aug 2026 16:04:50 +0800
Subject: [PATCH 2/6] =?UTF-8?q?refactor(ui):=20=E9=92=B1=E5=8C=85=E5=85=85?=
 =?UTF-8?q?=E5=80=BC/=E6=8F=90=E7=8E=B0=E6=8C=89=E9=92=AE=E7=BD=AE?=
 =?UTF-8?q?=E7=81=B0=E5=B9=B6=E6=8F=90=E7=A4=BA=E6=9A=82=E4=B8=8D=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- index.html: topup-btn/withdraw-btn 增加 disabled；按钮旁加文案 充值/提现暂不支持（即将上线）
- style.css: .btn:disabled 置灰样式（opacity .5 + cursor not-allowed + pointer-events none）；wallet-actions 允许换行
- app.js: 移除 disabled 按钮的 toast 事件绑定（不可点击），保留跳转交易记录绑定

Rant: 2026-08-14T16:01:35 钱包页充值/提现置灰并提示暂不支持
---
 ui/css/style.css | 4 +++-
 ui/index.html    | 5 +++--
 ui/js/app.js     | 4 +---
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/ui/css/style.css b/ui/css/style.css
index bb27af6..7336cc4 100644
--- a/ui/css/style.css
+++ b/ui/css/style.css
@@ -70,6 +70,7 @@ body {
 }
 .btn-danger:hover { background: rgba(229, 102, 106, 0.12); border-color: var(--danger); }
 .btn-block { width: 100%; }
+.btn:disabled { opacity: .5; cursor: not-allowed; pointer-events: none; }
 
 .input, select.input {
   width: 100%;
@@ -371,7 +372,8 @@ select.input option { background: var(--bg-card); }
 
 .wallet-hero { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; }
 .balance-big { font-size: 42px; font-weight: 800; color: var(--accent-text); line-height: 1.2; }
-.wallet-actions { display: flex; gap: 10px; }
+.wallet-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
+.wallet-note { font-size: 12px; }
 .wallet-hint { color: var(--text-mute); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
 
 .toast {
diff --git a/ui/index.html b/ui/index.html
index 2589d47..9b6ae67 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -176,8 +176,9 @@ <h3>点数余额 <span class="en">Points balance</span></h3>
           <p>1 USD = 1000 点 <span class="en">(1 USD = 1,000 points)</span></p>
         </div>
         <div class="wallet-actions">
-          <button class="btn btn-primary" id="topup-btn">充值 <span class="en">Top up</span></button>
-          <button class="btn btn-ghost" id="withdraw-btn">提现 <span class="en">Withdraw</span></button>
+          <button class="btn btn-primary" id="topup-btn" disabled>充值 <span class="en">Top up</span></button>
+          <button class="btn btn-ghost" id="withdraw-btn" disabled>提现 <span class="en">Withdraw</span></button>
+          <span class="muted wallet-note">充值 / 提现暂不支持（即将上线）</span>
         </div>
       </div>
       <div class="card">
diff --git a/ui/js/app.js b/ui/js/app.js
index b1e9cd5..77b5cac 100644
--- a/ui/js/app.js
+++ b/ui/js/app.js
@@ -562,9 +562,7 @@
       if (d) deleteSharing(Number(d.dataset.shareDelete));
     });
 
-    // 钱包按钮
-    $("#topup-btn").addEventListener("click", () => toast("充值入口为占位（静态原型）"));
-    $("#withdraw-btn").addEventListener("click", () => toast("提现入口为占位（静态原型）"));
+    // 钱包按钮（充值/提现 disabled + pointer-events:none，点击不生效；文案见 index.html wallet-note）
     // 钱包页提示 → 跳转交易记录（明细统一入口）
     $("#wallet-goto-tx").addEventListener("click", () => switchView("transactions"));
 

From d1d3a772f16eb526017f2f2fdc20d7ed4e4ad5f2 Mon Sep 17 00:00:00 2001
From: argszero <argszero@argszerodeMac-mini.local>
Date: Fri, 14 Aug 2026 16:08:17 +0800
Subject: [PATCH 3/6] =?UTF-8?q?refactor(ui):=20=E7=AE=A1=E7=90=86=E8=A7=86?=
 =?UTF-8?q?=E5=9B=BE=20=E2=80=94=20=E7=AE=A1=E7=90=86=E5=91=98=E5=8F=AF?=
 =?UTF-8?q?=E7=BB=99=E4=BB=BB=E6=84=8F=E6=88=90=E5=91=98=E5=85=85=E5=80=BC?=
 =?UTF-8?q?=EF=BC=88=E4=BB=BB=E6=84=8F=E9=87=91=E9=A2=9D=EF=BC=8C=E6=AD=A3?=
 =?UTF-8?q?=E6=95=B4=E6=95=B0=E6=A0=A1=E9=AA=8C=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 员工行固定 '+5000 点' 按钮改为 '充值'（data-emp-topup）
- 点击弹出 prompt 输入任意正整数点数，校验非空/整数/>0，非法 toast 不生效
- 充值后刷新员工列表与统计（总配额/剩余）+ toast 成功提示
- ui/README.md 同步

Rant: 2026-08-14T16:03:11 管理视图 — 管理员可给任意成员充值
---
 ui/README.md |  2 +-
 ui/js/app.js | 20 +++++++++++++++-----
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/ui/README.md b/ui/README.md
index 9b42185..da70ee0 100644
--- a/ui/README.md
+++ b/ui/README.md
@@ -38,7 +38,7 @@ python3 -m http.server 8000 --directory ui
 4. 钱包 Wallet — 点数余额、充值/提现占位入口；收支明细已去重，统一到【交易记录】（页内提供跳转提示）
 5. 交易记录 Transactions — 消费/收益/充值/提现唯一明细入口，Tab 筛选 + MRT 风格表格（列排序/列筛选/分页，与 Tab 叠加生效）
 6. 设置 Settings — 账户、API Key 管理（可生成）、通知、偏好
-7. 管理视图 Admin（管理员角色专属）— Key 池管理（添加/撤销）、成员管理（配额调整）、用量报表（按模型/成员）、组织设置（含"关闭外部注册"企业部署开关）
+7. 管理视图 Admin（管理员角色专属）— Key 池管理（添加/撤销）、成员管理（任意金额充值，正整数校验）、用量报表（按模型/成员）、组织设置（含"关闭外部注册"企业部署开关）
 
 ## 文件结构
 
diff --git a/ui/js/app.js b/ui/js/app.js
index 77b5cac..7dfe547 100644
--- a/ui/js/app.js
+++ b/ui/js/app.js
@@ -484,7 +484,7 @@
         "<td>" + D.fmt(e.used) + " / " + D.fmt(e.quota) + "</td>" +
         "<td>" + D.fmt(e.quota - e.used) + "</td>" +
         "<td>" + (e.used / e.quota > 0.9 ? '<span class="badge warn">接近限额</span>' : '<span class="badge ok">正常</span>') + "</td>" +
-        "<td><button class='btn btn-ghost' style='padding:4px 10px;font-size:12px' data-emp-add='" + i + "'>+ 5000 点</button></td></tr>"
+        "<td><button class='btn btn-ghost' style='padding:4px 10px;font-size:12px' data-emp-topup='" + i + "'>充值</button></td></tr>"
       ).join("");
     } else if (tab === "usage") {
       const maxM = Math.max(...D.USAGE_MODEL.map((u) => u.pts));
@@ -593,7 +593,7 @@
 
     $("#ak-search").addEventListener("input", renderAdmin);
 
-    // 管理台事件委托（撤销 key / 员工加额）
+    // 管理台事件委托（撤销 key / 员工充值）
     $("#keys-body").addEventListener("click", (e) => {
       const b = e.target.closest("[data-key-revoke]");
       if (!b) return;
@@ -605,11 +605,21 @@
     });
 
     $("#emp-body").addEventListener("click", (e) => {
-      const b = e.target.closest("[data-emp-add]");
+      const b = e.target.closest("[data-emp-topup]");
       if (!b) return;
-      D.EMPLOYEES[Number(b.dataset.empAdd)].quota += 5000;
+      const emp = D.EMPLOYEES[Number(b.dataset.empTopup)];
+      if (!emp) return;
+      const input = prompt("为 " + emp.name + " 充值点数（正整数，任意金额）：", "5000");
+      if (input == null) return; // 用户取消
+      const raw = String(input).trim();
+      const amt = Number(raw);
+      if (!raw || !Number.isInteger(amt) || amt <= 0) {
+        toast("请输入正整数点数金额（未生效）");
+        return;
+      }
+      emp.quota += amt;
       renderAdmin();
-      toast("已为成员 +5000 点配额");
+      toast("已给 " + emp.name + " 充值 " + D.fmt(amt) + " 点");
     });
   }
 

From 801e78c35996fbee6f36f2062544d84072147720 Mon Sep 17 00:00:00 2001
From: argszero <argszero@argszerodeMac-mini.local>
Date: Fri, 14 Aug 2026 16:13:37 +0800
Subject: [PATCH 4/6] =?UTF-8?q?feat(ui):=20=E7=AE=A1=E7=90=86=E8=A7=86?=
 =?UTF-8?q?=E5=9B=BE=20=E2=80=94=20=E7=BB=84=E7=BB=87=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E9=83=A8=E9=97=A8=E5=88=97=E8=A1=A8=20+=20=E9=83=A8=E9=97=A8?=
 =?UTF-8?q?=20CRUD=20+=20=E6=AF=8F=E6=9C=88=E7=82=B9=E6=95=B0=E5=88=86?=
 =?UTF-8?q?=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/README.md  |   2 +-
 ui/index.html |  18 ++++++++-
 ui/js/app.js  | 107 ++++++++++++++++++++++++++++++++++++++++++++++++++
 ui/js/data.js |   8 ++++
 4 files changed, 132 insertions(+), 3 deletions(-)

diff --git a/ui/README.md b/ui/README.md
index da70ee0..4d3b3e7 100644
--- a/ui/README.md
+++ b/ui/README.md
@@ -38,7 +38,7 @@ python3 -m http.server 8000 --directory ui
 4. 钱包 Wallet — 点数余额、充值/提现占位入口；收支明细已去重，统一到【交易记录】（页内提供跳转提示）
 5. 交易记录 Transactions — 消费/收益/充值/提现唯一明细入口，Tab 筛选 + MRT 风格表格（列排序/列筛选/分页，与 Tab 叠加生效）
 6. 设置 Settings — 账户、API Key 管理（可生成）、通知、偏好
-7. 管理视图 Admin（管理员角色专属）— Key 池管理（添加/撤销）、成员管理（任意金额充值，正整数校验）、用量报表（按模型/成员）、组织设置（含"关闭外部注册"企业部署开关）
+7. 管理视图 Admin（管理员角色专属）— Key 池管理（添加/撤销）、成员管理（任意金额充值，正整数校验）、用量报表（按模型/成员）、组织管理（部门列表 + 部门增删改查 + 每月点数分配，含部门汇总统计；保留组织设置卡片，含"关闭外部注册"企业部署开关）
 
 ## 文件结构
 
diff --git a/ui/index.html b/ui/index.html
index 9b6ae67..5e4f5f5 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -251,13 +251,13 @@ <h3>偏好 <span class="en">Preferences</span></h3>
     <section class="view hidden" id="view-admin">
       <header class="page-head">
         <h2>管理视图 <span class="en">Admin</span></h2>
-        <p>管理员角色专属：Key 池 · 成员/员工点数 · 用量报表 · 组织设置（普通用户无此视图）</p>
+        <p>管理员角色专属：Key 池 · 成员/员工点数 · 用量报表 · 组织管理（普通用户无此视图）</p>
       </header>
       <div class="tabs" id="admin-tabs">
         <button class="tab active" data-admin-tab="keys">Key 池</button>
         <button class="tab" data-admin-tab="employees">成员管理</button>
         <button class="tab" data-admin-tab="usage">用量报表</button>
-        <button class="tab" data-admin-tab="org">组织设置</button>
+        <button class="tab" data-admin-tab="org">组织管理</button>
       </div>
 
       <div class="admin-pane" data-admin-pane="keys">
@@ -301,6 +301,20 @@ <h3>按成员用量 <span class="en">By member</span></h3>
       </div>
 
       <div class="admin-pane hidden" data-admin-pane="org">
+        <div class="stat-grid" id="dept-stats"></div>
+        <div class="toolbar">
+          <input id="od-search" class="input" placeholder="搜索部门…">
+          <button class="btn btn-primary" id="add-dept-btn">添加部门 <span class="en">(+ Add dept)</span></button>
+        </div>
+        <div class="card">
+          <h3>部门列表 <span class="en">Departments</span></h3>
+          <div class="table-wrap compact">
+            <table class="table">
+              <thead><tr><th>部门</th><th>成员数</th><th>月分配（点数）</th><th>已用</th><th>剩余</th><th>状态</th><th></th></tr></thead>
+              <tbody id="dept-body"></tbody>
+            </table>
+          </div>
+        </div>
         <div class="card">
           <h3>组织设置 <span class="en">Organization settings</span></h3>
           <div class="form">
diff --git a/ui/js/app.js b/ui/js/app.js
index 7dfe547..1cbfe9a 100644
--- a/ui/js/app.js
+++ b/ui/js/app.js
@@ -491,9 +491,104 @@
       const maxE = Math.max(...D.USAGE_EMP.map((u) => u.pts));
       $("#usage-model").innerHTML = D.USAGE_MODEL.map((u) => barRow(u.name, u.pts, maxM, "点")).join("");
       $("#usage-emp").innerHTML = D.USAGE_EMP.map((u) => barRow(u.name, u.pts, maxE, "点")).join("");
+    } else if (tab === "org") {
+      renderOrg();
     }
   }
 
+  /* --- 组织管理：部门列表 + 部门 CRUD + 每月点数分配 --- */
+
+  // 部门已用/成员数由 EMPLOYEES 实时汇总，部门改名/删改后自动联动
+  function deptMemberCount(name) {
+    return D.EMPLOYEES.filter((e) => e.dept === name).length;
+  }
+
+  function deptUsed(d) {
+    return D.EMPLOYEES.filter((e) => e.dept === d.name).reduce((a, e) => a + e.used, 0);
+  }
+
+  function renderOrg() {
+    const q = ($("#od-search").value || "").toLowerCase();
+    const list = D.DEPARTMENTS.filter((d) => !q || d.name.toLowerCase().includes(q));
+
+    const totalQuota = D.DEPARTMENTS.reduce((a, d) => a + d.quota, 0);
+    const totalUsed = D.DEPARTMENTS.reduce((a, d) => a + deptUsed(d), 0);
+    $("#dept-stats").innerHTML = [
+      stat("部门数 Departments", D.DEPARTMENTS.length + " 个", "全部部门"),
+      stat("月度总分配 Monthly quota", D.fmt(totalQuota) + " 点", "按月分配"),
+      stat("已用 Used", D.fmt(totalUsed) + " 点", totalQuota ? Math.round((totalUsed / totalQuota) * 100) + "% 消耗率" : "—"),
+      stat("剩余 Remain", D.fmt(totalQuota - totalUsed) + " 点", "按部门分配"),
+    ].join("");
+
+    $("#dept-body").innerHTML = list.length ? list.map((d, i) => {
+      const used = deptUsed(d);
+      const pct = d.quota > 0 ? used / d.quota : 0;
+      const st = pct >= 1 ? '<span class="badge danger">已用尽</span>' : pct > 0.9 ? '<span class="badge warn">接近限额</span>' : '<span class="badge ok">正常</span>';
+      return "<tr><td><strong>" + esc(d.name) + "</strong></td>" +
+        "<td>" + deptMemberCount(d.name) + " 人</td>" +
+        "<td>" + D.fmt(d.quota) + " 点</td>" +
+        "<td>" + D.fmt(used) + " 点</td>" +
+        "<td>" + D.fmt(d.quota - used) + " 点</td>" +
+        "<td>" + st + "</td>" +
+        "<td><button class='btn btn-ghost' style='padding:4px 10px;font-size:12px' data-dept-edit='" + i + "'>编辑</button> " +
+        "<button class='btn btn-danger' style='padding:4px 10px;font-size:12px' data-dept-del='" + i + "'>删除</button></td></tr>";
+    }).join("") : '<tr><td colspan="7" class="muted">没有匹配的部门</td></tr>';
+  }
+
+  // 月分配点数必须为正整数
+  function promptPositiveInt(promptText, fallback) {
+    const raw = window.prompt(promptText, fallback);
+    if (raw == null) return null; // 取消
+    const s = String(raw).trim();
+    const n = Number(s);
+    if (!s || !Number.isInteger(n) || n <= 0) { toast("请输入正整数点数（未生效）"); return null; }
+    return n;
+  }
+
+  function addDept() {
+    const name = window.prompt("新部门名称：", "");
+    if (name == null) return;
+    const n = String(name).trim();
+    if (!n) { toast("请输入部门名称（未生效）"); return; }
+    if (D.DEPARTMENTS.some((d) => d.name === n)) { toast("部门「" + n + "」已存在"); return; }
+    const quota = promptPositiveInt("每月点数分配（正整数）：", "10000");
+    if (quota == null) return;
+    D.DEPARTMENTS.push({ id: Date.now(), name: n, quota });
+    renderAdmin();
+    toast("已添加部门「" + n + "」（月分配 " + D.fmt(quota) + " 点）");
+  }
+
+  function editDept(i) {
+    const d = D.DEPARTMENTS[i];
+    if (!d) return;
+    const name = window.prompt("修改部门名称：", d.name);
+    if (name == null) return;
+    const n = String(name).trim();
+    if (!n) { toast("部门名称不能为空（未生效）"); return; }
+    if (n !== d.name && D.DEPARTMENTS.some((x) => x.name === n)) { toast("部门「" + n + "」已存在"); return; }
+    const quota = promptPositiveInt("每月点数分配（正整数）：", String(d.quota));
+    if (quota == null) return;
+    const old = d.name;
+    d.name = n;
+    d.quota = quota;
+    if (n !== old) D.EMPLOYEES.forEach((e) => { if (e.dept === old) e.dept = n; }); // 成员部门联动改名
+    renderAdmin();
+    toast("已更新部门「" + n + "」（月分配 " + D.fmt(quota) + " 点）");
+  }
+
+  function deleteDept(i) {
+    const d = D.DEPARTMENTS[i];
+    if (!d) return;
+    const members = deptMemberCount(d.name);
+    const msg = members > 0
+      ? "该部门有 " + members + " 名成员，删除后这些成员将失去部门归属。确认删除部门「" + d.name + "」？"
+      : "确认删除部门「" + d.name + "」？";
+    if (!window.confirm(msg)) return;
+    D.DEPARTMENTS.splice(i, 1);
+    renderAdmin();
+    toast("已删除部门「" + d.name + "」");
+  }
+
   function barRow(name, pts, max, unit) {
     const pct = Math.round((pts / max) * 100);
     return '<div class="bar-row"><div class="bar-label"><span>' + esc(name) + '</span><span class="n">' + D.fmt(pts) + " " + unit + "</span></div>" +
@@ -621,6 +716,18 @@
       renderAdmin();
       toast("已给 " + emp.name + " 充值 " + D.fmt(amt) + " 点");
     });
+
+    // 组织管理：部门搜索 / 添加 / 编辑 / 删除（事件委托）
+    $("#od-search").addEventListener("input", renderAdmin);
+
+    $("#add-dept-btn").addEventListener("click", addDept);
+
+    $("#dept-body").addEventListener("click", (e) => {
+      const ed = e.target.closest("[data-dept-edit]");
+      if (ed) { editDept(Number(ed.dataset.deptEdit)); return; }
+      const dl = e.target.closest("[data-dept-del]");
+      if (dl) deleteDept(Number(dl.dataset.deptDel));
+    });
   }
 
   /* ---------------- 初始化 ---------------- */
diff --git a/ui/js/data.js b/ui/js/data.js
index 871b483..e341a6b 100644
--- a/ui/js/data.js
+++ b/ui/js/data.js
@@ -105,6 +105,14 @@
       { id: 5, name: "何明", dept: "设计", quota: 8000,  used: 2100 },
     ],
 
+    // 部门（组织管理 — 每月点数分配；已用/成员数由 EMPLOYEES 实时汇总，保持联动）
+    DEPARTMENTS: [
+      { id: 1, name: "研发", quota: 80000 },
+      { id: 2, name: "产品", quota: 30000 },
+      { id: 3, name: "市场", quota: 20000 },
+      { id: 4, name: "设计", quota: 15000 },
+    ],
+
     // 用量报表
     USAGE_MODEL: [
       { name: "gpt-5.5-pro", pts: 18600 },

From d72389a784052569fb4a774a2b9a7135ee45c27f Mon Sep 17 00:00:00 2001
From: argszero <argszero@argszerodeMac-mini.local>
Date: Fri, 14 Aug 2026 16:16:07 +0800
Subject: [PATCH 5/6] =?UTF-8?q?feat(ui):=20=E7=AE=A1=E7=90=86=E8=A7=86?=
 =?UTF-8?q?=E5=9B=BE=20=E2=80=94=20=E6=88=90=E5=91=98=E6=94=B9=E9=83=A8?=
 =?UTF-8?q?=E9=97=A8=EF=BC=88=E4=B8=8B=E6=8B=89=E5=8F=AF=E9=80=89=E9=83=A8?=
 =?UTF-8?q?=E9=97=A8/=E6=9C=AA=E5=88=86=E9=85=8D=EF=BC=89+=20=E6=96=B0?=
 =?UTF-8?q?=E6=88=90=E5=91=98=E9=BB=98=E8=AE=A4=E6=9C=AA=E5=88=86=E9=85=8D?=
 =?UTF-8?q?=E9=83=A8=E9=97=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/README.md  |  2 +-
 ui/js/app.js  | 54 +++++++++++++++++++++++++++++++++++++++++++++++----
 ui/js/data.js |  4 +++-
 3 files changed, 54 insertions(+), 6 deletions(-)

diff --git a/ui/README.md b/ui/README.md
index 4d3b3e7..6f3107b 100644
--- a/ui/README.md
+++ b/ui/README.md
@@ -38,7 +38,7 @@ python3 -m http.server 8000 --directory ui
 4. 钱包 Wallet — 点数余额、充值/提现占位入口；收支明细已去重，统一到【交易记录】（页内提供跳转提示）
 5. 交易记录 Transactions — 消费/收益/充值/提现唯一明细入口，Tab 筛选 + MRT 风格表格（列排序/列筛选/分页，与 Tab 叠加生效）
 6. 设置 Settings — 账户、API Key 管理（可生成）、通知、偏好
-7. 管理视图 Admin（管理员角色专属）— Key 池管理（添加/撤销）、成员管理（任意金额充值，正整数校验）、用量报表（按模型/成员）、组织管理（部门列表 + 部门增删改查 + 每月点数分配，含部门汇总统计；保留组织设置卡片，含"关闭外部注册"企业部署开关）
+7. 管理视图 Admin（管理员角色专属）— Key 池管理（添加/撤销）、成员管理（改部门：下拉可选部门或"未分配"；任意金额充值，正整数校验；新注册成员默认未分配部门）、用量报表（按模型/成员）、组织管理（部门列表 + 部门增删改查 + 每月点数分配，含部门汇总统计，未分配成员不计入任何部门；保留组织设置卡片，含"关闭外部注册"企业部署开关）
 
 ## 文件结构
 
diff --git a/ui/js/app.js b/ui/js/app.js
index 1cbfe9a..d7ff510 100644
--- a/ui/js/app.js
+++ b/ui/js/app.js
@@ -473,18 +473,21 @@
     } else if (tab === "employees") {
       const total = D.EMPLOYEES.reduce((a, e) => a + e.quota, 0);
       const used = D.EMPLOYEES.reduce((a, e) => a + e.used, 0);
+      const unassigned = D.EMPLOYEES.filter((e) => !e.dept).length;
       $("#emp-stats").innerHTML = [
-        stat("成员数 Members", D.EMPLOYEES.length + " 人", "2 个部门"),
+        stat("成员数 Members", D.EMPLOYEES.length + " 人", D.DEPARTMENTS.length + " 个部门" + (unassigned ? " · 未分配 " + unassigned + " 人" : "")),
         stat("总配额 Quota", D.fmt(total) + " 点", "月"),
         stat("已用 Usage", D.fmt(used) + " 点", Math.round((used / total) * 100) + "% 消耗率"),
         stat("剩余 Remain", D.fmt(total - used) + " 点", "按成员分配"),
       ].join("");
       $("#emp-body").innerHTML = D.EMPLOYEES.map((e, i) =>
-        "<tr><td><strong>" + esc(e.name) + "</strong></td><td>" + esc(e.dept) + "</td>" +
+        "<tr data-emp-row='" + i + "'><td><strong>" + esc(e.name) + "</strong></td>" +
+        "<td>" + (e.dept ? esc(e.dept) : '<span class="muted">未分配</span>') + "</td>" +
         "<td>" + D.fmt(e.used) + " / " + D.fmt(e.quota) + "</td>" +
         "<td>" + D.fmt(e.quota - e.used) + "</td>" +
         "<td>" + (e.used / e.quota > 0.9 ? '<span class="badge warn">接近限额</span>' : '<span class="badge ok">正常</span>') + "</td>" +
-        "<td><button class='btn btn-ghost' style='padding:4px 10px;font-size:12px' data-emp-topup='" + i + "'>充值</button></td></tr>"
+        "<td><button class='btn btn-ghost' style='padding:4px 10px;font-size:12px' data-emp-dept='" + i + "'>改部门</button> " +
+        "<button class='btn btn-ghost' style='padding:4px 10px;font-size:12px' data-emp-topup='" + i + "'>充值</button></td></tr>"
       ).join("");
     } else if (tab === "usage") {
       const maxM = Math.max(...D.USAGE_MODEL.map((u) => u.pts));
@@ -498,6 +501,46 @@
 
   /* --- 组织管理：部门列表 + 部门 CRUD + 每月点数分配 --- */
 
+  // 成员改部门：行内下拉（选项来自 DEPARTMENTS + "未分配"），确认后更新并联动部门统计
+  function editEmpDept(i) {
+    const emp = D.EMPLOYEES[i];
+    const row = document.querySelector('[data-emp-row="' + i + '"]');
+    if (!emp || !row) return;
+    const cell = row.children[1]; // 部门列
+    const sel = document.createElement("select");
+    sel.className = "input";
+    sel.style.cssText = "padding:4px 8px;font-size:12px;width:auto";
+    sel.innerHTML = '<option value="">未分配</option>' +
+      D.DEPARTMENTS.map((d) => '<option value="' + esc(d.name) + '"' + (emp.dept === d.name ? " selected" : "") + ">" + esc(d.name) + "</option>").join("");
+    const ok = document.createElement("button");
+    ok.className = "btn btn-primary";
+    ok.style.cssText = "padding:4px 10px;font-size:12px";
+    ok.textContent = "确认";
+    const cancel = document.createElement("button");
+    cancel.className = "btn btn-ghost";
+    cancel.style.cssText = "padding:4px 10px;font-size:12px";
+    cancel.textContent = "取消";
+    const wrap = document.createElement("span");
+    wrap.style.cssText = "display:inline-flex;gap:6px;align-items:center";
+    wrap.append(sel, ok, cancel);
+    cell.innerHTML = "";
+    cell.appendChild(wrap);
+    sel.focus();
+    const done = () => {
+      const v = sel.value;
+      if (v !== emp.dept) {
+        emp.dept = v;
+        renderAdmin();
+        toast("已把 " + emp.name + " 调整到 " + (v ? v + " 部门" : "未分配"));
+      } else {
+        renderAdmin();
+      }
+    };
+    ok.addEventListener("click", done);
+    cancel.addEventListener("click", () => renderAdmin());
+    sel.addEventListener("change", () => ok.focus());
+  }
+
   // 部门已用/成员数由 EMPLOYEES 实时汇总，部门改名/删改后自动联动
   function deptMemberCount(name) {
     return D.EMPLOYEES.filter((e) => e.dept === name).length;
@@ -513,8 +556,9 @@
 
     const totalQuota = D.DEPARTMENTS.reduce((a, d) => a + d.quota, 0);
     const totalUsed = D.DEPARTMENTS.reduce((a, d) => a + deptUsed(d), 0);
+    const unassigned = D.EMPLOYEES.filter((e) => !e.dept).length;
     $("#dept-stats").innerHTML = [
-      stat("部门数 Departments", D.DEPARTMENTS.length + " 个", "全部部门"),
+      stat("部门数 Departments", D.DEPARTMENTS.length + " 个", unassigned ? "未分配 " + unassigned + " 人" : "全部部门"),
       stat("月度总分配 Monthly quota", D.fmt(totalQuota) + " 点", "按月分配"),
       stat("已用 Used", D.fmt(totalUsed) + " 点", totalQuota ? Math.round((totalUsed / totalQuota) * 100) + "% 消耗率" : "—"),
       stat("剩余 Remain", D.fmt(totalQuota - totalUsed) + " 点", "按部门分配"),
@@ -700,6 +744,8 @@
     });
 
     $("#emp-body").addEventListener("click", (e) => {
+      const dd = e.target.closest("[data-emp-dept]");
+      if (dd) { editEmpDept(Number(dd.dataset.empDept)); return; }
       const b = e.target.closest("[data-emp-topup]");
       if (!b) return;
       const emp = D.EMPLOYEES[Number(b.dataset.empTopup)];
diff --git a/ui/js/data.js b/ui/js/data.js
index e341a6b..d883566 100644
--- a/ui/js/data.js
+++ b/ui/js/data.js
@@ -96,13 +96,15 @@
       { id: 6, provider: "moonshot", model: "kimi-k3",        key: "sk-****-ab31", quota: 100000, used: 0,      status: "revoked" },
     ],
 
-    // 员工
+    // 员工（dept 可为空 = 未分配部门，如新注册未安排）
     EMPLOYEES: [
       { id: 1, name: "陈默", dept: "研发", quota: 20000, used: 12400 },
       { id: 2, name: "林小满", dept: "研发", quota: 20000, used: 19850 },
       { id: 3, name: "苏航", dept: "产品", quota: 15000, used: 3200 },
       { id: 4, name: "周雨", dept: "市场", quota: 10000, used: 9800 },
       { id: 5, name: "何明", dept: "设计", quota: 8000,  used: 2100 },
+      { id: 6, name: "赵欣", dept: "", quota: 20000, used: 3500 },  // 新注册 · 未分配
+      { id: 7, name: "王磊", dept: "", quota: 15000, used: 0 },     // 新注册 · 未分配
     ],
 
     // 部门（组织管理 — 每月点数分配；已用/成员数由 EMPLOYEES 实时汇总，保持联动）

From 18827ac3c6b5add28dfaf22dcd3236b335d2d5f2 Mon Sep 17 00:00:00 2001
From: argszero <argszero@argszerodeMac-mini.local>
Date: Fri, 14 Aug 2026 16:18:52 +0800
Subject: [PATCH 6/6] =?UTF-8?q?feat(ui):=20=E8=AE=BE=E7=BD=AE=E9=A1=B5=20?=
 =?UTF-8?q?=E2=80=94=20API=20Key=20=E5=AE=8C=E6=95=B4=20CRUD=EF=BC=88?=
 =?UTF-8?q?=E5=B8=A6=E5=90=8D=E7=94=9F=E6=88=90/=E6=94=B9=E5=90=8D/?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=E7=A1=AE=E8=AE=A4/=E4=B8=80=E9=94=AE?=
 =?UTF-8?q?=E5=A4=8D=E5=88=B6/=E6=8C=89=E5=90=8D=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/README.md  |  2 +-
 ui/index.html |  8 ++++-
 ui/js/app.js  | 92 ++++++++++++++++++++++++++++++++++++++++++++++-----
 ui/js/data.js |  6 ++--
 4 files changed, 94 insertions(+), 14 deletions(-)

diff --git a/ui/README.md b/ui/README.md
index 6f3107b..7126ad9 100644
--- a/ui/README.md
+++ b/ui/README.md
@@ -37,7 +37,7 @@ python3 -m http.server 8000 --directory ui
 3. 共享管理 Sharing — 默认只显示统计 + 我的共享列表（key 脱敏展示，可暂停/恢复/重新上架/彻底删除）；点击"＋ 添加 / 上架新 key"展开上架表单（须填 API Key，平台加密托管；分享者只填声明额度，单价由平台按模型定价自动计算并展示参考价），提交成功或取消后自动收起
 4. 钱包 Wallet — 点数余额、充值/提现占位入口；收支明细已去重，统一到【交易记录】（页内提供跳转提示）
 5. 交易记录 Transactions — 消费/收益/充值/提现唯一明细入口，Tab 筛选 + MRT 风格表格（列排序/列筛选/分页，与 Tab 叠加生效）
-6. 设置 Settings — 账户、API Key 管理（可生成）、通知、偏好
+6. 设置 Settings — 账户、API Key 管理（完整增删改查：生成带名字、改名、删除需确认「删除后该 key 立即失效」、按名字搜索、一键复制完整 key——列表脱敏展示 atk_live_****xxxx，复制为完整值；file:// 下 clipboard API 受限时降级为选中+Ctrl/Cmd+C）、通知、偏好
 7. 管理视图 Admin（管理员角色专属）— Key 池管理（添加/撤销）、成员管理（改部门：下拉可选部门或"未分配"；任意金额充值，正整数校验；新注册成员默认未分配部门）、用量报表（按模型/成员）、组织管理（部门列表 + 部门增删改查 + 每月点数分配，含部门汇总统计，未分配成员不计入任何部门；保留组织设置卡片，含"关闭外部注册"企业部署开关）
 
 ## 文件结构
diff --git a/ui/index.html b/ui/index.html
index 5e4f5f5..148d180 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -222,7 +222,13 @@ <h3>账户 <span class="en">Account</span></h3>
         <div class="card">
           <h3>API Key <span class="en">API keys</span></h3>
           <p class="muted">用于本地工具 / 代码接入平台的密钥。</p>
-          <div class="mini-list" id="api-keys"></div>
+          <input id="ak-search" class="input" placeholder="搜索 key 名字…" style="margin-bottom:10px">
+          <div class="table-wrap compact">
+            <table class="table">
+              <thead><tr><th>名字</th><th>Key</th><th>创建时间</th><th>最近使用</th><th>状态</th><th></th></tr></thead>
+              <tbody id="api-keys"></tbody>
+            </table>
+          </div>
           <button class="btn btn-ghost" id="new-api-key-btn">生成新 Key <span class="en">(Generate)</span></button>
         </div>
         <div class="card">
diff --git a/ui/js/app.js b/ui/js/app.js
index d7ff510..4f0b477 100644
--- a/ui/js/app.js
+++ b/ui/js/app.js
@@ -438,12 +438,71 @@
 
   /* --- 设置 --- */
 
+  // API Key 脱敏展示：atk_live_****xxxx（复制时给完整 id）
+  function maskAtk(id) {
+    if (!id) return "—";
+    if (id.startsWith("atk_live_")) return "atk_live_****" + id.slice(-4);
+    return maskKey(id);
+  }
+
   function renderSettings() {
-    $("#api-keys").innerHTML = D.API_KEYS.map((k) =>
-      '<div class="mini-item"><div><div class="t">' + esc(k.name) + "</div>" +
-      '<div class="d"><code>' + esc(k.id) + "</code> · 创建于 " + esc(k.created) + "</div></div>" +
-      '<div class="r"><span class="d">最近使用 ' + esc(k.last) + "</span></div></div>"
-    ).join("");
+    const q = ($("#ak-search").value || "").toLowerCase();
+    const list = D.API_KEYS.filter((k) => !q || k.name.toLowerCase().includes(q));
+    $("#api-keys").innerHTML = list.length ? list.map((k, i) =>
+      "<tr><td><strong>" + esc(k.name) + "</strong></td>" +
+      "<td><code>" + esc(maskAtk(k.id)) + "</code></td>" +
+      "<td>" + esc(k.created) + "</td>" +
+      "<td>" + esc(k.last) + "</td>" +
+      "<td>" + (k.status === "active" ? '<span class="badge ok">启用</span>' : '<span class="badge dim">' + esc(k.status || "—") + "</span>") + "</td>" +
+      "<td><button class='btn btn-ghost' style='padding:4px 10px;font-size:12px' data-key-copy='" + i + "'>复制</button> " +
+      "<button class='btn btn-ghost' style='padding:4px 10px;font-size:12px' data-key-rename='" + i + "'>改名</button> " +
+      "<button class='btn btn-danger' style='padding:4px 10px;font-size:12px' data-key-del='" + i + "'>删除</button></td></tr>"
+    ).join("") : '<tr><td colspan="6" class="muted">没有匹配的 key</td></tr>';
+  }
+
+  // 一键复制完整 key；file:// 下 clipboard API 受限 → 降级：临时 textarea 选中 + execCommand("copy")，仍失败则提示 Ctrl+C
+  function copyKey(i) {
+    const k = D.API_KEYS[i];
+    if (!k) return;
+    const okToast = () => toast("已复制「" + k.name + "」完整 key 到剪贴板");
+    const fallback = () => {
+      const ta = document.createElement("textarea");
+      ta.value = k.id;
+      ta.style.cssText = "position:fixed;opacity:0";
+      document.body.appendChild(ta);
+      ta.select();
+      let ok = false;
+      try { ok = document.execCommand("copy"); } catch (e) { ok = false; }
+      document.body.removeChild(ta);
+      if (ok) okToast();
+      else toast("已选中完整 key，请按 Ctrl+C / Cmd+C 复制");
+    };
+    if (navigator.clipboard && navigator.clipboard.writeText) {
+      navigator.clipboard.writeText(k.id).then(okToast).catch(fallback);
+    } else {
+      fallback();
+    }
+  }
+
+  function renameKey(i) {
+    const k = D.API_KEYS[i];
+    if (!k) return;
+    const input = window.prompt("修改 key 名字：", k.name);
+    if (input == null) return;
+    const name = String(input).trim();
+    if (!name) { toast("名字不能为空（未生效）"); return; }
+    k.name = name;
+    renderSettings();
+    toast("已改名为「" + name + "」");
+  }
+
+  function deleteKey(i) {
+    const k = D.API_KEYS[i];
+    if (!k) return;
+    if (!window.confirm("删除后该 key 立即失效，确认删除「" + k.name + "」？")) return;
+    D.API_KEYS.splice(i, 1);
+    renderSettings();
+    toast("已删除 key「" + k.name + "」");
   }
 
   /* --- 管理员角色视图 --- */
@@ -708,12 +767,27 @@
     // 交易 Tab
     $$("#tx-tabs .tab").forEach((b) => b.addEventListener("click", () => { txTab = b.dataset.txTab; txTable.page = 1; renderTransactions(); }));
 
-    // API Key 生成
+    // API Key 生成（带名字；列表展示脱敏、复制给完整 id）
     $("#new-api-key-btn").addEventListener("click", () => {
-      const id = "atk_live_" + Math.random().toString(16).slice(2, 10) + "…" + Math.random().toString(16).slice(2, 6);
-      D.API_KEYS.unshift({ id, name: "新 Key（未命名）", created: "2026-08-13", last: "从未" });
+      const input = window.prompt("新 key 名字（留空则默认「未命名」）：", "未命名");
+      if (input == null) return;
+      const name = String(input).trim() || "未命名";
+      const id = "atk_live_" + Array.from({ length: 12 }, () => Math.floor(Math.random() * 16).toString(16)).join("");
+      D.API_KEYS.unshift({ id, name, created: "2026-08-14", last: "从未", status: "active" });
       renderSettings();
-      toast("已生成新 API Key（演示）");
+      toast("已生成新 API Key「" + name + "」（完整 key 已展示在列表，可复制）");
+    });
+
+    // API Key 搜索 + 行内操作（复制 / 改名 / 删除）
+    $("#ak-search").addEventListener("input", renderSettings);
+
+    $("#api-keys").addEventListener("click", (e) => {
+      const cp = e.target.closest("[data-key-copy]");
+      if (cp) { copyKey(Number(cp.dataset.keyCopy)); return; }
+      const rn = e.target.closest("[data-key-rename]");
+      if (rn) { renameKey(Number(rn.dataset.keyRename)); return; }
+      const dl = e.target.closest("[data-key-del]");
+      if (dl) deleteKey(Number(dl.dataset.keyDel));
     });
 
     // 管理台 Tabs
diff --git a/ui/js/data.js b/ui/js/data.js
index d883566..c6a75b1 100644
--- a/ui/js/data.js
+++ b/ui/js/data.js
@@ -78,10 +78,10 @@
       { id: 7, provider: "xai",      model: "grok-4.6",          in: USD(2.0),  out: USD(6.0),   ctx: 500000,  avail: true,  success: 93.7 },
     ],
 
-    // 我的 API Keys（设置页）
+    // 我的 API Keys（设置页；存完整 id，展示时脱敏，复制时给完整值）
     API_KEYS: [
-      { id: "atk_live_9f2c1a…e41b", name: "本地 CLI 工具", created: "2026-08-01", last: "08-13 20:11" },
-      { id: "atk_live_3b88d0…77aa", name: "CI / 自动化", created: "2026-07-22", last: "08-12 15:40" },
+      { id: "atk_live_9f2c1a7b4d22e41b", name: "本地 CLI 工具", created: "2026-08-01", last: "08-13 20:11", status: "active" },
+      { id: "atk_live_3b88d077aa91c357", name: "CI / 自动化", created: "2026-07-22", last: "08-12 15:40", status: "active" },
     ],
 
     // —— 企业版 ——