agent-loft 0.2.39 → 0.2.41

package/web/settings/general.js

@@ -1,109 +1,57 @@
 import { fill, h, toast } from "../lib/dom.js";
 import { api } from "../lib/api.js";
-import { desktop, desktopQuota } from "../state.js";
-import { field, saveConfig } from "./common.js";
+import { desktop } from "../state.js";
+import { field, saveButton, saveConfig } from "./common.js";
 
-/** 服务端版本：有新版就能一键升级（npm install -g，系统服务下自动重启） */
-export function serverVersionSection() {
-  const box = h("div", { class: "section" });
-  const load = async (refresh) => {
-    fill(box, h("h4", {}, "服务端版本", h("span", { class: "grow" }), h("span", { class: "spinner" })));
-    let v;
-    try {
-      v = await api(`/api/server/version${refresh ? "?refresh=1" : ""}`);
-    } catch (err) {
-      fill(box, h("h4", {}, "服务端版本"), h("div", { class: "error-text" }, err.message));
-      return;
-    }
-    const recheck = h("button", { class: "btn small", onclick: () => load(true) }, "检查更新");
-    const status = v.updateAvailable
-      ? `有新版本 ${v.latest}`
-      : v.latest
-        ? "已是最新版本"
-        : `查不到最新版本${v.latestError ? `：${v.latestError}` : ""}`;
-    const upgradeBtn =
-      v.updateAvailable && v.canUpgrade
-        ? h(
-            "button",
-            {
-              class: "btn small primary",
-              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 load(false);
-                } catch (err) {
-                  toast(`升级失败：${err.message}`, 6000);
-                  upgradeBtn.disabled = false;
-                  upgradeBtn.textContent = "升级";
-                }
-              },
-            },
-            "升级",
-          )
-        : null;
-    fill(
-      box,
-      h("h4", {}, "服务端版本", h("span", { class: "grow" }), upgradeBtn, recheck),
-      h("div", { class: "health-meta" }, `当前 ${v.version} · ${status}`),
-      v.updateAvailable && !v.canUpgrade && v.reason ? h("div", { class: "health-meta" }, v.reason) : null,
-      v.updateAvailable && v.canUpgrade && !v.service ? h("div", { class: "health-meta" }, "agent-loft 是在前台手动运行的，升级后要自己重启一下。") : null,
-    );
-  };
-  void load(false);
-  return box;
-}
-
-export function generalTab(cfg, panel) {
+/** 设置 → 对话：所有会话共用的规矩——在哪个目录、多久算新会话、授权卡等多久、Claude 的「总是允许」 */
+export async function conversationTab(cfg, page) {
   const root = h("input", { value: cfg.workspaceRoot });
-  const approval = h("input", { type: "number", min: 1, value: Math.round(cfg.approvalTimeoutMs / 60000) });
   const ttl = h("input", { type: "number", min: 0, value: Math.round(cfg.sessionTtlMs / 3600000) });
-  const quotaMin = h("input", { type: "number", min: 0, max: 1440, value: cfg.web?.quotaRefreshMin ?? 10 });
-  const quotaOn = h("input", { type: "checkbox", checked: cfg.web?.quotaEnabled !== false });
-  panel.append(
+  const approval = h("input", { type: "number", min: 1, value: Math.round(cfg.approvalTimeoutMs / 60000) });
+  const allowBox = h("div", { class: "section", "data-form": "" }, h("h4", {}, "Claude「总是允许」名单"), h("span", { class: "spinner" }));
+  page.append(
     h(
       "div",
-      { class: "section" },
-      h("h4", {}, "通用"),
+      { class: "section", "data-form": "" },
+      h("h4", {}, "会话"),
       field("工作目录（workspace）", root, "所有会话的默认目录，/cd 只能在它之内"),
-      field("授权等待超时（分钟）", approval, "超时按拒绝处理"),
       field("会话闲置多久自动开新会话（小时）", ttl, "0 表示永不过期"),
-      h("label", { class: "check" }, quotaOn, "查询账号额度"),
-      h("div", { class: "muted" }, "关掉后侧栏、/status、桌面端都不再去问 agent 的额度（Claude 每次要临时起一个 CLI 进程才查得到）"),
-      field(
-        "额度自动刷新间隔（分钟）",
-        quotaMin,
-        desktopQuota
-          ? "在桌面端里额度由桌面端统一刷新，以桌面端设置里的间隔为准；这里只对浏览器打开的页面生效"
-          : "侧栏底部的额度，空闲时多久刷新一次；0 表示不自动刷新（跑完一轮、点击额度区域仍会刷新）",
-      ),
+      field("授权卡等待多久（分钟）", approval, "agent 要执行命令、改文件时弹出的授权卡，没人处理超过这么久就按拒绝处理"),
       h(
         "div",
         { class: "row" },
-        h(
-          "button",
-          {
-            class: "btn primary",
-            onclick: () =>
-              saveConfig(cfg, {
-                workspaceRoot: root.value,
-                approvalTimeoutMs: Number(approval.value) * 60000,
-                sessionTtlMs: Number(ttl.value) * 3600000,
-                web: { quotaRefreshMin: Number(quotaMin.value), quotaEnabled: quotaOn.checked },
-              }),
-          },
-          "保存",
+        saveButton(() =>
+          saveConfig(cfg, {
+            workspaceRoot: root.value,
+            sessionTtlMs: Number(ttl.value) * 3600000,
+            approvalTimeoutMs: Number(approval.value) * 60000,
+          }),
         ),
       ),
     ),
-    remoteSection(cfg),
+    allowBox,
+  );
+  const allowlist = await api("/api/claude/allowlist");
+  const allowText = h("textarea", { rows: 8 });
+  allowText.value = allowlist.join("\n");
+  fill(
+    allowBox,
+    h("h4", {}, "Claude「总是允许」名单"),
+    h("div", { class: "muted" }, "授权卡上点过「总是允许」的会记在这里，以后同类操作不再弹卡。Bash:git 表示 git 开头的命令都放行；Edit:/路径 表示该目录下的修改都放行。一行一条，删掉即撤销。"),
+    allowText,
+    h(
+      "div",
+      { class: "row" },
+      saveButton(async () => {
+        await api("/api/claude/allowlist", { method: "PUT", body: { list: allowText.value.split("\n") } });
+        toast("已保存");
+      }),
+    ),
   );
 }
 
-/** 远程控制：终端、桌面各自的开关，没人连着多久结束，桌面从哪来。成员能不能用在「用户」里一个个开 */
-function remoteSection(cfg) {
+/** 设置 → 远程控制：终端、桌面各自的开关，没人连着多久结束，桌面从哪来。成员能不能用在「用户」里一个个开 */
+export function remoteTab(cfg, page) {
   const r = cfg.remote ?? {};
   const termOn = h("input", { type: "checkbox", checked: r.terminal !== false });
   const deskOn = h("input", { type: "checkbox", checked: r.desktop !== false });
@@ -131,11 +79,15 @@ function remoteSection(cfg) {
       "macOS：屏幕共享 →「电脑设置…」里勾选「VNC 显示程序可以使用密码控制屏幕」并设这个密码。开通了远程控制的成员连桌面时，页面会拿到这个密码",
     ),
   );
+  // 桌面关着时，桌面来源那几项用不上，收起来
+  const deskBox = h("div", { class: "field-group" }, field("桌面来源", source), autoBox, vncBox);
   const sync = () => {
     autoBox.hidden = source.value !== "auto";
     vncBox.hidden = source.value !== "vnc";
+    deskBox.hidden = !deskOn.checked;
   };
   source.addEventListener("change", sync);
+  deskOn.addEventListener("change", sync);
   sync();
   // 终端、桌面用不了时的原因（没装 node-pty、没有图形桌面、没装 x11vnc…）
   const status = h("div", { class: "error-text", hidden: true });
@@ -152,46 +104,40 @@ function remoteSection(cfg) {
       () => {},
     );
   void loadStatus();
-  return h(
-    "div",
-    { class: "section" },
-    h("h4", {}, "远程控制"),
+  page.append(
     h(
       "div",
-      { class: "muted" },
-      "侧栏「远程控制」里直接操作这台机器的桌面和终端，切回对话时连接留在后台。以运行 agent-loft 的系统用户执行，没有授权卡。管理员能用；成员要在「用户」里单独开通。",
-    ),
-    status,
-    h("label", { class: "check" }, termOn, "网页终端"),
-    h("label", { class: "check" }, deskOn, "远程桌面"),
-    field("桌面来源", source),
-    autoBox,
-    vncBox,
-    field("没有页面连着多久后结束（分钟）", keep, "关掉页面、断线后 shell 继续运行，重新打开能接着用；共享桌面用的 x11vnc 也是这么久没人连就停掉"),
-    h(
-      "div",
-      { class: "row" },
+      { class: "section", "data-form": "" },
+      h("h4", {}, "远程控制"),
       h(
-        "button",
-        {
-          class: "btn primary",
-          onclick: async () => {
-            const ok = await saveConfig(cfg, {
-              remote: {
-                terminal: termOn.checked,
-                desktop: deskOn.checked,
-                keepAliveMin: Number(keep.value),
-                desktopSource: source.value,
-                display: display.value.trim(),
-                vncHost: host.value.trim(),
-                vncPort: Number(port.value),
-                vncPassword: password.value,
-              },
-            });
-            if (ok) void loadStatus();
-          },
-        },
-        "保存",
+        "div",
+        { class: "muted" },
+        "侧栏「远程控制」里直接操作这台机器的桌面和终端，切回对话时连接留在后台。以运行 agent-loft 的系统用户执行，没有授权卡。管理员能用；成员要在 管理 →「用户」里单独开通。",
+      ),
+      status,
+      h("label", { class: "check" }, termOn, "网页终端"),
+      h("label", { class: "check" }, deskOn, "远程桌面"),
+      deskBox,
+      field("没有页面连着多久后结束（分钟）", keep, "关掉页面、断线后 shell 继续运行，重新打开能接着用；共享桌面用的 x11vnc 也是这么久没人连就停掉"),
+      h(
+        "div",
+        { class: "row" },
+        saveButton(async () => {
+          const ok = await saveConfig(cfg, {
+            remote: {
+              terminal: termOn.checked,
+              desktop: deskOn.checked,
+              keepAliveMin: Number(keep.value),
+              desktopSource: source.value,
+              display: display.value.trim(),
+              vncHost: host.value.trim(),
+              vncPort: Number(port.value),
+              vncPassword: password.value,
+            },
+          });
+          if (ok) void loadStatus();
+          return ok;
+        }),
       ),
     ),
   );
@@ -209,7 +155,7 @@ function loopbackHost(host) {
  */
 export function networkSection(cfg) {
   const net = cfg.network ?? { lan: [], local: true, listening: null };
-  const box = h("div", { class: "section" });
+  const box = h("div", { class: "section", "data-form": "" });
   const lanOn = h("input", { type: "checkbox", checked: !loopbackHost(cfg.web.host) });
   const port = h("input", { type: "number", min: 1, max: 65535, value: cfg.web.port });
   const hint = h("small", {});
@@ -241,17 +187,20 @@ export function networkSection(cfg) {
 
   const save = async () => {
     const p = Number(port.value);
-    if (!Number.isInteger(p) || p < 1 || p > 65535) return toast("端口要是 1 到 65535 之间的整数");
+    if (!Number.isInteger(p) || p < 1 || p > 65535) {
+      toast("端口要是 1 到 65535 之间的整数");
+      return false;
+    }
     // 打开：原来是本机地址就改成所有网卡；原来就是某个具体地址（手改过配置）就保留
     const host = lanOn.checked ? (loopbackHost(cfg.web.host) ? "0.0.0.0" : cfg.web.host) : "127.0.0.1";
-    if (host === cfg.web.host && p === cfg.web.port) return toast("没有改动");
+    if (host === cfg.web.host && p === cfg.web.port) return true;
     const oldPort = cfg.web.port;
     let next;
     try {
       next = await api("/api/config", { method: "PUT", body: { web: { host, port: p } } });
     } catch (err) {
       toast(err.message, 5000);
-      return;
+      return false;
     }
     Object.assign(cfg, next);
     if (p !== oldPort && direct) {
@@ -262,10 +211,11 @@ export function networkSection(cfg) {
       // 桌面端里由它改掉存着的服务器地址再重新打开（直接跳过去会被当成外部链接）
       if (typeof desktop?.serverMoved === "function") desktop.serverMoved(url.origin);
       else setTimeout(() => (location.href = url.href), 600);
-      return;
+      return true;
     }
     toast(p !== oldPort ? `已改为端口 ${p}，记得把反向代理 / 隧道也指向它` : "已保存", p !== oldPort ? 6000 : 2600);
     box.replaceWith(networkSection(cfg));
+    return true;
   };
 
   fill(
@@ -274,7 +224,7 @@ export function networkSection(cfg) {
     h("label", { class: "check" }, lanOn, "允许局域网内的其他设备访问"),
     hint,
     field("端口", port, "改了立即生效，不用重启"),
-    h("div", { class: "row" }, h("button", { class: "btn primary", onclick: () => void save() }, "保存")),
+    h("div", { class: "row" }, saveButton(save)),
   );
   return box;
 }

package/web/settings/index.js

@@ -1,70 +1,129 @@
 import { fill, h } from "../lib/dom.js";
 import { api } from "../lib/api.js";
 import { isAdmin } from "../state.js";
-import { modal } from "../lib/overlay.js";
+import { confirmDialog, modal } from "../lib/overlay.js";
 import { notifyTab } from "./notify.js";
-import { generalTab } from "./general.js";
+import { conversationTab, remoteTab } from "./general.js";
 import { commandsTab } from "./commands.js";
 import { agentsTab } from "./agents.js";
 import { feishuTab } from "./feishu.js";
-import { authTab, securityTab } from "./security.js";
+import { accountTab } from "./security.js";
 import { memoryTab } from "./memory.js";
 import { skillsTab } from "./skills.js";
 import { usageTab } from "./usage.js";
 import { systemTab, usersTab } from "./users.js";
+import { hasDirty, markDirty } from "./common.js";
 
 // ---------- 设置 ----------
+// 按「谁的、管什么」分组：我的（每个人自己的）、Agent、连接（飞书、远程控制）、管理。
+// 普通成员只有「我的」这一组；其余都是管理员的，要先拿配置。
 
-/** tab：直接打开哪一页（标签名，如「技能」），不给就是第一页 */
+const LAST_TAB = "aim.settingsTab";
+
+/** 以前的标签名：外面（地址、别处的按钮）传进来的旧名字照样能打开对应的页 */
+const RENAMED = { 通用: "对话", 授权: "对话", 飞书机器人: "飞书", 我的账号: "账号" };
+
+function groupsFor(cfg) {
+  const mine = {
+    name: "我的",
+    tabs: [
+      ["账号", (p) => accountTab(p)],
+      ["通知", (p) => notifyTab(p)],
+      ["记忆", (p) => memoryTab(p)],
+      ["技能", (p) => skillsTab(p)],
+      ["用量", (p) => usageTab(p)],
+    ],
+  };
+  if (!cfg) return [mine];
+  return [
+    mine,
+    {
+      name: "Agent",
+      tabs: [
+        ["Agent", (p) => agentsTab(cfg, p)],
+        ["对话", (p) => conversationTab(cfg, p)],
+        ["命令", (p) => commandsTab(cfg, p)],
+      ],
+    },
+    {
+      name: "连接",
+      tabs: [
+        ["飞书", (p) => feishuTab(cfg, p)],
+        ["远程控制", (p) => remoteTab(cfg, p)],
+      ],
+    },
+    {
+      name: "管理",
+      tabs: [
+        ["用户", (p) => usersTab(p)],
+        ["系统", (p) => systemTab(cfg, p)],
+      ],
+    },
+  ];
+}
+
+/** tab：直接打开哪一页（标签名，如「技能」），不给就是上次看的那页 */
 export async function openSettings(tab) {
   const nav = h("div", { class: "settings-nav" });
   const panel = h("div", { class: "settings-body" });
+  let page = null;
+  const leaveOk = async () =>
+    !page ||
+    !hasDirty(page) ||
+    confirmDialog({ title: "有修改还没保存", message: "现在离开，这一页刚才改的内容不会保存。", confirmText: "不保存", danger: true });
   // 设置弹窗高度固定，切标签页时不跟着内容一伸一缩
-  modal({ title: "设置", wide: true, tall: true, body: h("div", { class: "settings" }, nav, panel) });
-  // 普通成员只能管自己的记忆、技能、用量、通知、密码和登录设备；其余设置都是管理员的
-  if (!isAdmin()) {
-    const tabs = [
-      ["记忆", () => memoryTab(panel)],
-      ["技能", () => skillsTab(panel)],
-      ["用量", () => usageTab(panel)],
-      ["通知", () => notifyTab(panel)],
-      ["账号", () => securityTab(panel)],
-    ];
-    const select = (i) => {
-      nav.querySelectorAll("button").forEach((b, j) => b.classList.toggle("on", i === j));
-      fill(panel);
-      tabs[i][1]();
-    };
-    nav.append(...tabs.map(([name], i) => h("button", { onclick: () => select(i) }, name)));
-    select(Math.max(0, tabs.findIndex(([name]) => name === tab)));
-    return;
-  }
-  let cfg;
-  try {
-    cfg = await api("/api/config");
-  } catch (err) {
-    panel.append(h("div", { class: "error-text" }, err.message));
-    return;
+  modal({ title: "设置", wide: true, tall: true, body: h("div", { class: "settings" }, nav, panel), beforeClose: leaveOk });
+
+  // 带 data-form 的表单里改了东西：标成没保存（common.js 的 saveButton）
+  const onEdit = (e) => {
+    if (e.target.closest("[data-nodirty]")) return;
+    const form = e.target.closest("[data-form]");
+    if (form && !form.dataset.dirty) markDirty(form);
+  };
+  panel.addEventListener("input", onEdit);
+  panel.addEventListener("change", onEdit);
+
+  let cfg = null;
+  if (isAdmin()) {
+    try {
+      cfg = await api("/api/config");
+    } catch (err) {
+      panel.append(h("div", { class: "error-text" }, err.message));
+      return;
+    }
   }
-  const tabs = [
-    ["通用", () => generalTab(cfg, panel)],
-    ["Agent", () => agentsTab(cfg, panel)],
-    ["命令", () => commandsTab(cfg, panel)],
-    ["技能", () => skillsTab(panel)],
-    ["飞书机器人", () => feishuTab(cfg, panel)],
-    ["授权", () => authTab(panel)],
-    ["记忆", () => memoryTab(panel)],
-    ["用量", () => usageTab(panel)],
-    ["通知", () => notifyTab(panel)],
-    ["账号", () => securityTab(panel)],
-    ["用户", () => usersTab(panel)],
-    ["系统", () => systemTab(cfg, panel)],
-  ];
-  const select = (i) => {
-    nav.querySelectorAll("button").forEach((b, j) => b.classList.toggle("on", i === j));
-    fill(panel, );
-    tabs[i][1]();
+  const groups = groupsFor(cfg);
+  const tabs = groups.flatMap((g) => g.tabs);
+  const buttons = [];
+  let current = -1;
+
+  const select = async (i) => {
+    if (i === current || !(await leaveOk())) return;
+    current = i;
+    buttons.forEach((b, j) => b.classList.toggle("on", i === j));
+    buttons[i].scrollIntoView({ block: "nearest", inline: "nearest" });
+    localStorage.setItem(LAST_TAB, tabs[i][0]);
+    // 每页一个新容器：慢的页还在等接口时切走了，它回来后写进的是已经不在页面上的旧容器，不会串到新页里
+    page = h("div", { class: "settings-page" });
+    fill(panel, page);
+    panel.scrollTop = 0;
+    try {
+      await tabs[i][1](page);
+    } catch (err) {
+      if (page.isConnected) fill(page, h("div", { class: "error-text" }, err.message));
+    }
   };
-  nav.append(...tabs.map(([name], i) => h("button", { onclick: () => select(i) }, name)));
-  select(Math.max(0, tabs.findIndex(([name]) => name === tab)));
+
+  for (const g of groups) {
+    // 只有一组时不用标题
+    if (groups.length > 1) nav.append(h("div", { class: "settings-group" }, g.name));
+    for (const [name] of g.tabs) {
+      const i = buttons.length;
+      const b = h("button", { onclick: () => void select(i) }, name);
+      buttons.push(b);
+      nav.append(b);
+    }
+  }
+  const want = tab ? (RENAMED[tab] ?? tab) : localStorage.getItem(LAST_TAB);
+  void select(Math.max(0, tabs.findIndex(([name]) => name === want)));
 }

package/web/settings/memory.js

@@ -1,10 +1,9 @@
 import { fill, h, toast } from "../lib/dom.js";
 import { api } from "../lib/api.js";
 import { relTime } from "../lib/time.js";
-import { copyText } from "../lib/markdown.js";
 import { agentCatalog } from "../views/topbar.js";
 import { confirmDialog } from "../lib/overlay.js";
-import { field } from "./common.js";
+import { field, saveButton } from "./common.js";
 
 // ---------- 记忆（每个人自己的） ----------
 
@@ -70,8 +69,7 @@ export async function memoryTab(panel) {
 
   const about = h("textarea", { rows: 5, maxlength: mem.limits.about, placeholder: "比如：我叫小明，在深圳做后端开发，家里有台 QNAP NAS。回答尽量简短，代码用 TypeScript。" });
   about.value = mem.about;
-  const saveAbout = h("button", { class: "btn primary" }, "保存");
-  saveAbout.onclick = run(saveAbout, async () => {
+  const saveAbout = saveButton(async () => {
     await api("/api/account/memory", { method: "PUT", body: { about: about.value } });
     toast("已保存，之后的对话会用上");
   });
@@ -147,7 +145,7 @@ export async function memoryTab(panel) {
       ),
       h("div", { class: "row" }, clearHistory),
     ),
-    h("div", { class: "section" }, h("h4", {}, "关于我"), field("写给 agent 看的自我介绍：你是谁、在做什么、希望它怎么回答", about, `每次对话都会带上，最多 ${mem.limits.about} 字`), h("div", { class: "row" }, saveAbout)),
+    h("div", { class: "section", "data-form": "" }, h("h4", {}, "关于我"), field("写给 agent 看的自我介绍：你是谁、在做什么、希望它怎么回答", about, `每次对话都会带上，最多 ${mem.limits.about} 字`), h("div", { class: "row" }, saveAbout)),
     h(
       "div",
       { class: "section" },
@@ -291,76 +289,3 @@ function curateSection(mem, reload) {
   render();
   return box;
 }
-
-/** 「账号」页里的飞书绑定：Web 上生成绑定码，再在飞书私聊里发 /bind，两边都证明是本人 */
-export function feishuLinkSection() {
-  const box = h("div", { class: "section" });
-  const load = async () => {
-    let data;
-    try {
-      data = await api("/api/account/feishu");
-    } catch (err) {
-      fill(box, h("h4", {}, "飞书账号"), h("div", { class: "error-text" }, err.message));
-      return;
-    }
-    // 没有飞书机器人、也没绑过：整节不显示
-    if (!data.bots.length && !data.links.length) return fill(box);
-    const codeBox = h("div");
-    const gen = h("button", { class: "btn" }, data.links.length ? "再绑一个" : "生成绑定码");
-    gen.onclick = async () => {
-      gen.disabled = true;
-      try {
-        const { code, expiresAt } = await api("/api/account/feishu/code", { method: "POST" });
-        const cmd = `/bind ${code}`;
-        const copy = h("button", { class: "btn small" }, "复制");
-        copy.onclick = () => copyText(cmd, copy);
-        fill(
-          codeBox,
-          h(
-            "div",
-            { class: "list-item" },
-            h(
-              "div",
-              { class: "grow" },
-              h("div", { class: "t" }, h("code", {}, cmd)),
-              h("div", { class: "s" }, `在飞书里私聊机器人（${data.bots.map((b) => b.name).join("、") || "飞书机器人"}）发这条消息，${Math.round((expiresAt - Date.now()) / 60000)} 分钟内有效。没用过机器人的话，要先让管理员批准你的配对码。`),
-            ),
-            copy,
-          ),
-        );
-      } catch (err) {
-        toast(err.message);
-      }
-      gen.disabled = false;
-    };
-    fill(
-      box,
-      h("h4", {}, "飞书账号"),
-      h("div", { class: "muted" }, "绑定后，你和飞书机器人的私聊就是你的个人会话：用你的记忆，/sessions 只列你的会话，/web 能接上你自己的 Web 会话。群聊不受影响。"),
-      data.links.map((l) => {
-        const rm = h("button", { class: "btn small danger" }, "解除绑定");
-        rm.onclick = async () => {
-          rm.disabled = true;
-          try {
-            await api("/api/account/feishu", { method: "DELETE", body: { botId: l.botId, openId: l.openId } });
-            toast("已解除，那个私聊不再用你的记忆");
-            void load();
-          } catch (err) {
-            toast(err.message);
-            rm.disabled = false;
-          }
-        };
-        return h(
-          "div",
-          { class: "list-item" },
-          h("div", { class: "grow" }, h("div", { class: "t" }, l.botName), h("div", { class: "s" }, `${l.openIdShort} · 绑定于 ${relTime(l.boundAt)}`)),
-          rm,
-        );
-      }),
-      h("div", { class: "row" }, gen),
-      codeBox,
-    );
-  };
-  void load();
-  return box;
-}

package/web/settings/notify.js

@@ -50,6 +50,19 @@ export async function notifyTab(panel) {
       support.ok
         ? h("div", { class: "row" }, here ? offBtn : onBtn, data.subscriptions.length ? testBtn : null)
         : h("div", { class: "error-text" }, support.why),
+      // 推送用不了（比如不是 HTTPS）：至少让页面开着、切到别的窗口时能弹提醒
+      !support.ok && "Notification" in window && Notification.permission === "default"
+        ? h(
+            "div",
+            { class: "row" },
+            h(
+              "button",
+              { class: "btn", onclick: async () => (await Notification.requestPermission(), void render()) },
+              "允许这个页面弹出提醒",
+            ),
+            h("span", { class: "muted" }, "页面开着、但你在看别的窗口时，需要授权会弹出浏览器提醒"),
+          )
+        : null,
       support.ok && Notification.permission === "denied"
         ? h("div", { class: "error-text" }, "这个设备的通知权限已被拒绝，需要到系统设置（iPhone：设置 → 通知 → Agent Loft）里重新打开。")
         : null,