agent-loft 0.2.39 → 0.2.40

package/README.md

@@ -102,6 +102,7 @@ agent-loft service install        # 注册为开机自启服务（systemd / laun
 - 菜单栏图标可以换成额度条：Claude、Codex 各是一只像素小宠物，看样子就知道是谁，身子是 5 小时额度，下面一条是周额度。桌面端设置 → 额度显示 →「菜单栏显示额度」，选所有服务器合起来（取最高），或者按服务器分别选 Claude / Codex（图标上不写服务器名）；都不选就只显示图标。「额度条显示」选实心表示剩余额度（默认，像电池）还是已用额度。只有 macOS 有，Windows / Linux 的托盘图标太小放不下。
 - 支持前面挡着 Cloudflare Access 的服务器：验证页直接在窗口里完成，过期会提醒；也可以配 Service Token 免验证。
 - 首次打开可以选「这台 Mac 也作为服务端」：一键在终端里安装 agent-loft（没有 Node.js 会先用 Homebrew 装）并开机自启，装好自动连上。Linux 上一样（需要先装好 Node.js 22+，开机自启用 systemd 用户服务）；Windows 上服务端还没有开机自启，可以在 WSL 里装，桌面端会自动检测到 `127.0.0.1` 上的它。防休眠：本机有会话在跑时不休眠；另有永不休眠、定时休眠（设休眠时段，时段外不休眠，时段内本机没有会话在跑、屏幕锁上后让 Mac 睡下去）和合盖不休眠（macOS，要管理员密码）。
+- 顶栏「更多」→「总量汇总」：把所有已添加服务器的用量加在一起看，按日 / 月 / 年统计 token 和金额，和网页设置 → 用量一样有柱状图和按 agent、模型、用户的分项，另外多一栏按服务器。不在线、没登录或服务端太旧的服务器不计入，页面上会注明。
 - 设置（`⌘,`）的服务器列表里展开某台服务器，能看它的 Agent 环境和版本，有新版本时点「升级服务端」；桌面端自己的更新在同一页的「更新」里点「更新并重启」。
 
 桌面端只是个壳（代码在 `desktop/`），服务端照常用 npm 安装和升级。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agent-loft",
-  "version": "0.2.39",
+  "version": "0.2.40",
   "type": "module",
   "description": "多个 agent 的工作台：把本机 Claude Code / Codex 放到一处统一管理，用飞书和 Web 页面随时驱动——会话、审批、模型切换都共用",
   "keywords": [

package/web/css/mobile.css

@@ -49,35 +49,6 @@
     display: none;
   }
 
-  /* 「/」「@」补全：键盘弹出后屏幕只剩一半，菜单改成一行一条、最多露出五条多一点，
-     露出半条好让人知道还能往下滑 */
-  .slash-menu {
-    bottom: calc(100% + 4px);
-    max-height: min(196px, 30vh);
-    padding: 4px;
-  }
-
-  .slash-item {
-    display: flex;
-    align-items: baseline;
-    gap: 8px;
-    padding: 7px 8px;
-  }
-
-  .slash-head {
-    flex: none;
-    max-width: 60%;
-  }
-
-  .slash-args {
-    display: none;
-  }
-
-  .slash-desc {
-    flex: 1;
-    min-width: 0;
-  }
-
   .ctx-bar {
     margin: 0 10px -22px;
     font-size: 13px;

package/web/css/remote.css

@@ -334,6 +334,7 @@
 .remote-body.desk-full {
   position: fixed;
   inset: 0;
+  overflow: hidden;
   z-index: 35;
   background: #111;
   padding: env(safe-area-inset-top) 0 var(--kb-inset, 0px);
@@ -445,11 +446,12 @@
   resize: vertical;
 }
 
-/* 手机上收软键盘输入用：看不见，但要能拿到焦点 */
+/* 手机上收软键盘输入用：看不见，但要能拿到焦点。
+   放在顶上：放在底下会被键盘盖住，iOS 为了露出它把整页往上推（横屏时画面整个被推出屏幕） */
 .desk-keyinput {
   position: absolute;
   left: 0;
-  bottom: 0;
+  top: 0;
   width: 1px;
   height: 1px;
   opacity: 0;

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/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++;