agent-loft 0.2.40 → 0.2.41

package/web/settings/users.js

@@ -1,19 +1,21 @@
 import { fill, h, toast } from "../lib/dom.js";
 import { api } from "../lib/api.js";
 import { relTime } from "../lib/time.js";
-import { confirmDialog } from "../lib/overlay.js";
-import { field } from "./common.js";
-import { networkSection, serverVersionSection } from "./general.js";
+import { confirmDialog, showMenu } from "../lib/overlay.js";
+import { field, saveButton } from "./common.js";
+import { networkSection } from "./general.js";
+import { deviceList } from "./security.js";
 
 // ---------- 用户（管理员） ----------
 
-export async function usersTab(panel) {
+export async function usersTab(page) {
   const box = h("div", { class: "section" }, h("h4", {}, "用户"), h("span", { class: "spinner" }));
-  const addBox = h("div", { class: "section" });
-  fill(panel, box, addBox);
+  const addBox = h("div", { class: "section", "data-form": "" });
+  const devicesBox = h("div", { class: "section" });
+  fill(page, box, addBox, devicesBox);
   const reload = () => {
-    fill(panel);
-    void usersTab(panel);
+    fill(page);
+    void usersTab(page);
   };
   let data;
   try {
@@ -22,14 +24,13 @@ export async function usersTab(panel) {
     fill(box, h("h4", {}, "用户"), h("div", { class: "error-text" }, err.message));
     return;
   }
-  const act = (btn, fn) => async () => {
-    btn.disabled = true;
+  /** 菜单里的一项：做完重新拉一遍；fn 返回 false = 取消了 */
+  const act = (fn) => async () => {
     try {
       if ((await fn()) !== false) reload();
     } catch (err) {
       toast(err.message);
     }
-    btn.disabled = false;
   };
   const patch = (u, body) => api(`/api/users/${encodeURIComponent(u.id)}`, { method: "PATCH", body });
 
@@ -37,42 +38,50 @@ export async function usersTab(panel) {
   const resetRow = (u, holder) => {
     const pw = h("input", { type: "password", autocomplete: "new-password", placeholder: "新密码（至少 8 位）" });
     const ok = h("button", { class: "btn small primary" }, "确定");
-    ok.onclick = act(ok, async () => {
-      await patch(u, { password: pw.value });
-      toast(`已重置「${u.name}」的密码，他的设备已下线`);
-    });
-    fill(holder, h("div", { class: "row" }, pw, ok));
+    const cancel = h("button", { class: "btn small", onclick: () => fill(holder) }, "取消");
+    ok.onclick = async () => {
+      ok.disabled = true;
+      try {
+        await patch(u, { password: pw.value });
+        toast(`已重置「${u.name}」的密码，他的设备已下线`);
+        reload();
+      } catch (err) {
+        toast(err.message);
+        ok.disabled = false;
+      }
+    };
+    pw.onkeydown = (e) => e.key === "Enter" && !e.isComposing && ok.click();
+    fill(holder, h("div", { class: "row user-reset" }, pw, ok, cancel));
     pw.focus();
   };
 
-  fill(
-    box,
-    h("h4", {}, "用户"),
-    h(
-      "div",
-      { class: "muted" },
-      "每个人只看得到自己的对话、授权和通知。管理员能改所有设置，还能看到飞书机器人的对话。",
-    ),
-    h(
-      "div",
-      { class: "error-text" },
-      "注意：账号不是安全隔离。所有 agent 都以服务器上的同一个系统用户运行，任何用户都能让 agent 读到这台机器上的文件（包括别人的对话记录和配置里的密钥），用的也是同一个 Claude / Codex 订阅。只把账号给你信任的人。",
-    ),
-    data.users.map((u) => {
-      const self = u.id === data.me;
-      const extra = h("div");
-      const pwBtn = h("button", { class: "btn small" }, "重置密码");
-      pwBtn.onclick = () => resetRow(u, extra);
-      const roleBtn = h("button", { class: "btn small", disabled: self }, u.role === "admin" ? "设为成员" : "设为管理员");
-      roleBtn.onclick = act(roleBtn, () => patch(u, { role: u.role === "admin" ? "member" : "admin" }));
-      const disBtn = h("button", { class: "btn small", disabled: self }, u.disabled ? "启用" : "停用");
-      // 远程控制：管理员一直能用，成员要单独开
-      const remoteBtn =
-        u.role === "admin"
-          ? null
-          : h("button", { class: "btn small", title: "远程控制：直接用服务器的终端和桌面，不经过授权" }, u.remote ? "关闭远程控制" : "开通远程控制");
-      if (remoteBtn) {
-        remoteBtn.onclick = act(remoteBtn, async () => {
+  /** 一个用户能做的事：常用的直接放在行上，其余收进「⋯」 */
+  const actions = (u, self, extra) => {
+    const items = [{ label: "重置密码", onclick: () => resetRow(u, extra) }];
+    if (!self) {
+      items.push({ label: u.role === "admin" ? "设为成员" : "设为管理员", onclick: act(() => patch(u, { role: u.role === "admin" ? "member" : "admin" })) });
+      items.push({
+        label: u.disabled ? "启用账号" : "停用账号…",
+        onclick: act(async () => {
+          if (!u.disabled) {
+            const sure = await confirmDialog({
+              title: `停用「${u.name}」？`,
+              message: "他的设备会立刻下线，之后登录不了。对话、记忆都保留，随时可以再启用。",
+              confirmText: "停用",
+              danger: true,
+            });
+            if (!sure) return false;
+          }
+          await patch(u, { disabled: !u.disabled });
+          toast(u.disabled ? "已启用" : "已停用");
+        }),
+      });
+    }
+    // 远程控制：管理员一直能用，成员要单独开
+    if (u.role !== "admin") {
+      items.push({
+        label: u.remote ? "关闭远程控制" : "开通远程控制…",
+        onclick: act(async () => {
           if (!u.remote) {
             const sure = await confirmDialog({
               title: `给「${u.name}」开通远程控制？`,
@@ -85,42 +94,71 @@ export async function usersTab(panel) {
           }
           await patch(u, { remote: !u.remote });
           toast(u.remote ? "已关闭，他开着的终端和桌面已经断开" : "已开通");
-        });
-      }
-      const memBtn = h("button", { class: "btn small", title: "删除他的「关于我」和所有记住的事。管理员看不到记忆的内容" }, "清空记忆");
-      memBtn.onclick = act(memBtn, async () => {
+        }),
+      });
+    }
+    items.push("sep");
+    if (u.feishuLinks) {
+      items.push({
+        label: "解除飞书绑定",
+        onclick: act(async () => {
+          await api(`/api/users/${encodeURIComponent(u.id)}/feishu`, { method: "DELETE" });
+          toast("已解除，他和机器人的私聊交还给管理员");
+        }),
+      });
+    }
+    items.push({
+      label: "清空记忆…",
+      danger: true,
+      onclick: act(async () => {
         const sure = await confirmDialog({
           title: `清空「${u.name}」的记忆？`,
-          message: "他的「关于我」和所有记住的事都会删除，不能恢复。",
+          message: "他的「关于我」和所有记住的事都会删除，不能恢复。管理员看不到记忆的内容，只能清空。",
           confirmText: "清空",
           danger: true,
         });
         if (!sure) return false;
         await api(`/api/users/${encodeURIComponent(u.id)}/memory`, { method: "DELETE" });
         toast("已清空");
+      }),
+    });
+    if (!self) {
+      items.push({
+        label: "删除用户…",
+        danger: true,
+        onclick: act(async () => {
+          const sure = await confirmDialog({
+            title: `删除用户「${u.name}」？`,
+            message: "他的设备会立刻下线，记忆和飞书绑定一起删除。他的对话不会删除，之后归管理员。",
+            confirmText: "删除",
+            danger: true,
+          });
+          if (!sure) return false;
+          await api(`/api/users/${encodeURIComponent(u.id)}`, { method: "DELETE" });
+          toast("已删除");
+        }),
       });
-      const linkBtn = u.feishuLinks ? h("button", { class: "btn small" }, "解除飞书绑定") : null;
-      if (linkBtn) {
-        linkBtn.onclick = act(linkBtn, async () => {
-          await api(`/api/users/${encodeURIComponent(u.id)}/feishu`, { method: "DELETE" });
-          toast("已解除，他和机器人的私聊交还给管理员");
-        });
-      }
-      const rmBtn = h("button", { class: "btn small danger", disabled: self }, "删除");
-      rmBtn.onclick = act(rmBtn, async () => {
-        const sure = await confirmDialog({
-          title: `删除用户「${u.name}」？`,
-          message: "他的设备会立刻下线，记忆和飞书绑定一起删除。他的对话不会删除，之后归管理员。",
-          confirmText: "删除",
-          danger: true,
-        });
-        if (!sure) return false;
-        await api(`/api/users/${encodeURIComponent(u.id)}`, { method: "DELETE" });
-        toast("已删除");
-      });
+    }
+    const more = h("button", { class: "btn small", "aria-haspopup": "menu" }, "管理 ▾");
+    more.onclick = () => showMenu(more, items);
+    return more;
+  };
+
+  fill(
+    box,
+    h("h4", {}, `用户（${data.users.length}）`),
+    h("div", { class: "muted" }, "每个人只看得到自己的对话、授权和通知。管理员能改所有设置，还能看到飞书机器人的对话。"),
+    h(
+      "div",
+      { class: "error-text" },
+      "注意：账号不是安全隔离。所有 agent 都以服务器上的同一个系统用户运行，任何用户都能让 agent 读到这台机器上的文件（包括别人的对话记录和配置里的密钥），用的也是同一个 Claude / Codex 订阅。只把账号给你信任的人。",
+    ),
+    data.users.map((u) => {
+      const self = u.id === data.me;
+      const extra = h("div");
       return h(
         "div",
-        { class: "list-item", style: { flexWrap: "wrap" } },
+        { class: "list-item" },
         h(
           "div",
           { class: "grow" },
@@ -137,13 +175,7 @@ export async function usersTab(panel) {
           h("div", { class: "s" }, `创建于 ${relTime(u.createdAt)} · ${u.devices} 台设备已登录${u.feishuLinks ? ` · 绑定了 ${u.feishuLinks} 个飞书账号` : ""}`),
           extra,
         ),
-        pwBtn,
-        roleBtn,
-        disBtn,
-        remoteBtn,
-        memBtn,
-        linkBtn,
-        rmBtn,
+        actions(u, self, extra),
       );
     }),
   );
@@ -151,61 +183,137 @@ export async function usersTab(panel) {
   const name = h("input", { autocomplete: "off", autocapitalize: "off", spellcheck: "false", placeholder: "登录用的名字" });
   const pw = h("input", { type: "password", autocomplete: "new-password", placeholder: "至少 8 位" });
   const role = h("select", {}, h("option", { value: "member" }, "成员"), h("option", { value: "admin" }, "管理员"));
-  const add = h("button", { class: "btn primary" }, "添加");
-  add.onclick = act(add, async () => {
-    await api("/api/users", { method: "POST", body: { name: name.value.trim(), password: pw.value, role: role.value } });
-    toast(`已添加「${name.value.trim()}」`);
-  });
   fill(
     addBox,
     h("h4", {}, "添加用户"),
     field("用户名", name),
-    field("密码", pw, "告诉对方，让他登录后在 设置 → 账号 里自己改掉"),
+    field("密码", pw, "告诉对方，让他登录后在 设置 →「账号」里自己改掉"),
     field("角色", role, "成员只能用自己的对话；管理员能改所有设置、管理用户"),
-    h("div", { class: "row" }, add),
+    h(
+      "div",
+      { class: "row" },
+      saveButton(async () => {
+        await api("/api/users", { method: "POST", body: { name: name.value.trim(), password: pw.value, role: role.value } });
+        toast(`已添加「${name.value.trim()}」`);
+        // 先标成已保存再刷新，免得离开提醒
+        addBox.removeAttribute("data-dirty");
+        reload();
+      }, "添加"),
+    ),
   );
+
+  // 所有人登录着的设备：哪台不认识就让它下线
+  const loadDevices = async () => {
+    let sessions;
+    try {
+      sessions = await api("/api/web-sessions");
+    } catch (err) {
+      fill(devicesBox, h("h4", {}, "所有已登录的设备"), h("div", { class: "error-text" }, err.message));
+      return;
+    }
+    fill(
+      devicesBox,
+      h("h4", {}, `所有已登录的设备（${sessions.length}）`),
+      deviceList(sessions, { showOwner: true, onChange: loadDevices }),
+    );
+  };
+  void loadDevices();
 }
 
-export async function systemTab(cfg, panel) {
-  // 系统信息要等接口返回，先占好位置，版本和网络访问两节不用等它
-  const sysBox = h("div", { class: "section" }, h("h4", {}, "系统", h("span", { class: "grow" }), h("span", { class: "spinner" })));
-  panel.append(sysBox, serverVersionSection(), networkSection(cfg));
-  let sys;
+/** 设置 → 系统：服务端运行状态、版本和升级、重启，网络访问 */
+export async function systemTab(cfg, page) {
+  const sysBox = h("div", { class: "section" }, h("h4", {}, "服务端", h("span", { class: "grow" }), h("span", { class: "spinner" })));
+  page.append(sysBox, networkSection(cfg));
+
+  const restart = async () => {
+    if (!(await confirmDialog({ title: "重启 agent-loft？", message: "进行中的对话会被中断。", confirmText: "重启", danger: true }))) return;
+    try {
+      await api("/api/system/restart", { method: "POST" });
+      toast("正在重启…");
+      setTimeout(() => location.reload(), 5000);
+    } catch (err) {
+      toast(err.message);
+    }
+  };
+
+  // 运行状态马上就有；最新版本要去 npm 查，可能要几秒，查到了再补上
+  let sys = null;
+  let v = null;
+  let checking = true;
+  const render = () => {
+    const recheck = h("button", { class: "btn small", disabled: checking }, checking ? "检查中…" : "检查更新");
+    recheck.onclick = () => void checkVersion(true);
+    const status = checking
+      ? h("span", { class: "status-tag" }, "正在检查更新…")
+      : !v
+        ? null
+        : v.updateAvailable
+          ? h("span", { class: "status-tag ok" }, `有新版本 ${v.latest}`)
+          : v.latest
+            ? h("span", { class: "status-tag" }, "已是最新版本")
+            : h("span", { class: "status-tag bad", title: v.latestError ?? "" }, "查不到最新版本");
+    const upgradeBtn = v?.updateAvailable && v.canUpgrade && !checking ? h("button", { class: "btn small primary" }, `升级到 ${v.latest}`) : null;
+    if (upgradeBtn) {
+      upgradeBtn.onclick = async () => {
+        upgradeBtn.disabled = true;
+        upgradeBtn.textContent = "正在升级…";
+        try {
+          const r = await api("/api/server/upgrade", { method: "POST" });
+          toast(r.restarting ? `已升级到 ${r.to}，服务正在重启，页面会自动重连` : `已升级到 ${r.to}，重启 agent-loft 后生效`, 6000);
+          void checkVersion(false);
+        } catch (err) {
+          toast(`升级失败：${err.message}`, 6000);
+          upgradeBtn.disabled = false;
+          upgradeBtn.textContent = `升级到 ${v.latest}`;
+        }
+      };
+    }
+    fill(
+      sysBox,
+      h("h4", {}, "服务端"),
+      h("div", { class: "row" }, h("b", {}, `agent-loft ${v?.version ?? sys.version}`), status),
+      h("div", { class: "muted" }, `Node ${sys.node} · 已运行 ${uptime(sys.uptimeMs)} · ${sys.underSystemd ? "以系统服务运行" : "前台运行（重启需要在终端里操作）"}`),
+      v && !checking && !v.latest && v.latestError ? h("div", { class: "muted" }, v.latestError) : null,
+      v?.updateAvailable && !v.canUpgrade && v.reason ? h("div", { class: "muted" }, v.reason) : null,
+      v?.updateAvailable && v.canUpgrade && !v.service ? h("div", { class: "muted" }, "agent-loft 是在前台手动运行的，升级后要自己重启一下。") : null,
+      h(
+        "div",
+        { class: "row" },
+        upgradeBtn,
+        recheck,
+        h("span", { class: "grow" }),
+        h("button", { class: "btn small", disabled: !sys.underSystemd, title: sys.underSystemd ? "" : "前台运行时请在终端里重启", onclick: () => void restart() }, "重启服务"),
+      ),
+    );
+  };
+  /** refresh：「检查更新」时让服务端重新去 npm 查最新版本 */
+  const checkVersion = async (refresh) => {
+    checking = true;
+    if (sys) render();
+    try {
+      v = await api(`/api/server/version${refresh ? "?refresh=1" : ""}`);
+    } catch (err) {
+      v = null;
+      toast(`检查更新失败：${err.message}`);
+    }
+    checking = false;
+    if (sys) render();
+  };
+  const versionDone = checkVersion(false);
   try {
     sys = await api("/api/system");
   } catch (err) {
-    fill(sysBox, h("h4", {}, "系统"), h("div", { class: "error-text" }, err.message));
+    fill(sysBox, h("h4", {}, "服务端"), h("div", { class: "error-text" }, err.message));
     return;
   }
-  fill(
-    sysBox,
-    h("h4", {}, "系统"),
-    h("div", {}, `版本 ${sys.version} · Node ${sys.node} · 已运行 ${Math.round(sys.uptimeMs / 60000)} 分钟`),
-    h("div", { class: "muted" }, sys.underSystemd ? "以系统服务运行" : "前台运行（重启需要在终端里操作）"),
-    h(
-      "div",
-      { class: "row" },
-      h(
-        "button",
-        {
-          class: "btn",
-          disabled: !sys.underSystemd,
-          onclick: async () => {
-            if (!(await confirmDialog({ title: "重启 agent-loft？", message: "进行中的对话会被中断。", confirmText: "重启", danger: true }))) return;
-            try {
-              await api("/api/system/restart", { method: "POST" });
-              toast("正在重启…");
-              setTimeout(() => location.reload(), 5000);
-            } catch (err) {
-              toast(err.message);
-            }
-          },
-        },
-        "重启服务",
-      ),
-      "Notification" in window && Notification.permission !== "granted"
-        ? h("button", { class: "btn", onclick: () => Notification.requestPermission() }, "开启浏览器通知")
-        : null,
-    ),
-  );
+  render();
+  await versionDone;
+}
+
+/** 运行了多久：分钟 / 小时 / 天 */
+function uptime(ms) {
+  const min = Math.round(ms / 60000);
+  if (min < 60) return `${min} 分钟`;
+  if (min < 1440) return `${Math.floor(min / 60)} 小时 ${min % 60} 分钟`;
+  return `${Math.floor(min / 1440)} 天 ${Math.floor((min % 1440) / 60)} 小时`;
 }

package/web/views/quota.js

@@ -8,11 +8,11 @@ import { desktop, desktopQuota, S, ui } from "../state.js";
 // （60 秒内再请求直接返回缓存；Claude 要临时拉一个 CLI 进程才问得到，不能太勤）。
 // 前端什么时候请求：
 //   - 打开页面拉一次；
-//   - 空闲时每隔 S.quotaRefreshMin 分钟（设置 → 通用，默认 10，0 = 不自动刷新），只在页面可见时；
+//   - 空闲时每隔 S.quotaRefreshMin 分钟（设置 → Agent → 账号额度，默认 10，0 = 不自动刷新），只在页面可见时；
 //   - 有会话跑完一轮：10 秒后拉；若那时服务端缓存还没过期，就推迟到过期之后，保证拿到新数据；
 //   - 切回前台：距上次超过一个刷新间隔就拉；
 //   - 点一下额度区域：立刻拉（可能拿到 60 秒内的缓存）。
-// 设置 → 通用里关了「查询额度」（S.quotaEnabled）：以上全都不做，侧栏也不显示额度。
+// 设置 → Agent 里关了「查询额度」（S.quotaEnabled）：以上全都不做，侧栏也不显示额度。
 // 在桌面端里（desktopQuota）以上全都不做：桌面端统一去查（同一个账号的多台服务器只问一台），
 // 查好推过来；点一下额度区域是请桌面端去刷新。