agent-loft 0.2.39 → 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/composer.js

@@ -14,6 +14,23 @@ import { openSettings } from "./layout.js";
 
 // ---------- 输入框 ----------
 
+/**
+ * 手机上「/」「@」菜单刚弹出来时收起键盘：不然键盘加菜单把屏幕占满了。
+ * 菜单留着，点一条就选；想接着打字筛选就点一下输入框，点别处菜单关掉
+ */
+let keepMenus = false;
+export function hideKeyboardForMenu() {
+  if (!isTouch || document.activeElement !== ui.input) return;
+  keepMenus = true;
+  ui.input.blur();
+}
+document.addEventListener("pointerdown", (e) => {
+  if (!keepMenus || [ui.input, ui.slashMenu, ui.mentionMenu].some((el) => el?.contains(e.target))) return;
+  keepMenus = false;
+  closeSlashMenu();
+  ui.mention?.close();
+});
+
 export function renderComposer() {
   cancelVoice();
   ui.input = h("textarea", {
@@ -26,8 +43,11 @@ export function renderComposer() {
       void updateSlashMenu();
       void ui.mention.update();
     },
+    onfocus: () => (keepMenus = false),
     onblur: () =>
       setTimeout(() => {
+        // 为了让出地方收起的键盘（见 hideKeyboardForMenu）：菜单留着；点回输入框也不关
+        if (keepMenus || document.activeElement === ui.input) return;
         closeSlashMenu();
         ui.mention.close();
       }, 150),
@@ -72,6 +92,7 @@ export function renderComposer() {
   ui.mentionMenu = h("div", { class: "slash-menu", hidden: true });
   ui.mention = attachMention(ui.input, ui.mentionMenu, {
     onEmpty: () => openSettings("技能"),
+    onShown: hideKeyboardForMenu,
   });
   ui.composer = h(
     "div",

package/web/views/mention.js

@@ -40,14 +40,21 @@ function match(list, q) {
 
 /**
  * 给一个输入框挂上 @ 补全。menu 是放菜单的元素（调用方决定放哪、怎么定位，样式用 .slash-menu）。
- * onEmpty：一个技能都没有时，菜单里给个入口（去设置里的技能页）。返回 { update, keydown, close }：
+ * onEmpty：一个技能都没有时，菜单里给个入口（去设置里的技能页）。onShown：菜单关着时弹出来、有了内容那一下。返回 { update, keydown, close }：
  * 输入框的 input / keydown / blur 里分别调用。
  */
-export function attachMention(input, menu, { onEmpty, onPicked } = {}) {
-  const st = { open: false, items: [], index: 0, token: 0, at: null };
+export function attachMention(input, menu, { onEmpty, onPicked, onShown } = {}) {
+  const st = { open: false, shown: false, items: [], index: 0, token: 0, at: null };
+
+  const shown = () => {
+    if (st.shown) return;
+    st.shown = true;
+    onShown?.();
+  };
 
   const close = () => {
     st.open = false;
+    st.shown = false;
     st.items = [];
     st.index = 0;
     st.token++;
@@ -149,6 +156,7 @@ export function attachMention(input, menu, { onEmpty, onPicked } = {}) {
           h("div", { class: "slash-desc" }, "去「设置 → 技能」新建、上传"),
         ),
       );
+      shown();
       return;
     }
     const items = match(list, now.query);
@@ -156,6 +164,7 @@ export function attachMention(input, menu, { onEmpty, onPicked } = {}) {
     st.items = items;
     st.index = Math.min(st.index, items.length - 1);
     render(items);
+    shown();
   };
 
   /** 菜单开着时接管方向键 / Tab / 回车 / Esc；返回 true 表示已处理 */

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）以上全都不做：桌面端统一去查（同一个账号的多台服务器只问一台），
 // 查好推过来；点一下额度区域是请桌面端去刷新。
 

package/web/views/remote.js

@@ -110,9 +110,19 @@ export function leaveRemote() {
 // 只在触屏设备上算：电脑上双指缩放网页、出了滚动条时 visualViewport 也会变小，不是键盘
 const vv = window.visualViewport;
 if (vv && isTouch) {
+  let last = 0;
   const inset = () => {
     const covered = Math.max(0, Math.round(window.innerHeight - vv.height - vv.offsetTop));
     document.documentElement.style.setProperty("--kb-inset", `${covered}px`);
+    // 键盘弹出时 iOS 会把页面（和溢出隐藏的容器）往上推，收起后不一定推回来：
+    // 横屏全屏时整页只剩顶上露一截按键。键盘收起时统统滚回原位
+    if (last > 0 && covered === 0) {
+      window.scrollTo(0, 0);
+      for (const el of [document.scrollingElement, ...document.querySelectorAll("#app, .layout, .main, .remote-pane, .remote-body")]) {
+        if (el && el.scrollTop) el.scrollTop = 0;
+      }
+    }
+    last = covered;
   };
   vv.addEventListener("resize", inset);
   vv.addEventListener("scroll", inset);

package/web/views/sidebar.js

@@ -3,6 +3,7 @@ import { api } from "../lib/api.js";
 import { desktop, remoteTabs, S, ui } from "../state.js";
 import { baseName } from "./topbar.js";
 import { newDraft, openConversation } from "./messages.js";
+import { leaveRemote } from "./remote.js";
 
 // ---------- 侧栏标题跑马灯：名字被省略时，hover 来回滚动显示全名 ----------
 
@@ -420,13 +421,15 @@ export function renderSidebar() {
   const open = (key) => {
     closeSide();
     if (key !== S.current) void openConversation(key);
+    // 在远程控制页上点进来之前那条对话：对话没动过，退出远程控制就露出来了
+    else if (S.view === "remote") leaveRemote();
   };
   // 一行会话。orphan：是分叉出来的、但父对话不在这一组里（删了 / 在别的目录），没有连线可画，用图标标一下
   const convRow = (c, cls, detail, orphan) =>
     h(
       "button",
       {
-        class: `conv-item${cls}${c.key === S.current ? " active" : ""}`,
+        class: `conv-item${cls}${c.key === S.current && !S.view ? " active" : ""}`,
         "data-key": c.key,
         title: `${convTitle(c)}${forkNote(c)}\n${detail}\n双击重命名，右键更多操作`,
         onclick: () => open(c.key),
@@ -455,7 +458,7 @@ export function renderSidebar() {
       el: h(
         "button",
         {
-          class: `conv-item${cur?.channel === "feishu" && cur.channelId === bot.id ? " active" : ""}`,
+          class: `conv-item${!S.view && cur?.channel === "feishu" && cur.channelId === bot.id ? " active" : ""}`,
           "data-bot": bot.id,
           title: latest ? `飞书 · ${bot.name}\n${agentLabel(latest.agent)} · ${latest.cwd}` : `飞书 · ${bot.name}\n还没有会话`,
           onclick: () => (latest ? open(latest.key) : toast("这个机器人还没有会话，先在飞书里给它发条消息")),

package/web/views/slash.js

@@ -3,14 +3,14 @@ import { api } from "../lib/api.js";
 import { S, ui } from "../state.js";
 import { agentLabel } from "./sidebar.js";
 import { usableAgents } from "./topbar.js";
-import { autosize, sendMessage, updateSendBtn } from "./composer.js";
+import { autosize, hideKeyboardForMenu, sendMessage, updateSendBtn } from "./composer.js";
 
 // ---------- 斜杠命令补全 ----------
 //
 // 输入框里只有「/xxx」（还没打空格）时弹出命令表，顺序就是设置 → 命令里排好的。
 // 列表按 agent + 会话目录缓存一分钟：Claude 的原生命令要起一次进程才问得到。
 
-export const slash = { open: false, items: [], index: 0, cache: new Map(), token: 0 };
+export const slash = { open: false, shown: false, items: [], index: 0, cache: new Map(), token: 0 };
 
 export function commandUsage(c) {
   return `/${c.name}${c.args ? ` ${c.args}` : ""}`;
@@ -75,6 +75,10 @@ export async function updateSlashMenu() {
   slash.items = items;
   slash.index = Math.min(slash.index, items.length - 1);
   renderSlashMenu(items);
+  if (!slash.shown) {
+    slash.shown = true;
+    hideKeyboardForMenu();
+  }
 }
 
 function renderSlashMenu(items, error) {
@@ -126,6 +130,7 @@ function highlightSlash() {
 
 export function closeSlashMenu() {
   slash.open = false;
+  slash.shown = false;
   slash.items = [];
   slash.index = 0;
   slash.token++;