agent-loft 0.2.28 → 0.2.30

package/web/lib/time.js

@@ -0,0 +1,60 @@
+/** 用时按大小换单位：12.3秒 / 3分12秒 / 1小时5分（和服务端 formatDuration 一致） */
+function formatDuration(ms) {
+  const sec = ms / 1000;
+  if (sec < 60) return `${sec.toFixed(1)}秒`;
+  const total = Math.round(sec);
+  const hr = Math.floor(total / 3600);
+  const m = Math.floor((total % 3600) / 60);
+  const s = total % 60;
+  if (hr > 0) return `${hr}小时${m ? `${m}分` : ""}`;
+  return `${m}分${s ? `${s}秒` : ""}`;
+}
+
+/** 回复进行中的实时用时：整秒跳动，12秒 / 3分05秒 / 1小时05分 */
+export function liveDuration(ms) {
+  const total = Math.max(0, Math.floor(ms / 1000));
+  const hr = Math.floor(total / 3600);
+  const m = Math.floor((total % 3600) / 60);
+  const s = total % 60;
+  if (hr > 0) return `${hr}小时${String(m).padStart(2, "0")}分`;
+  if (m > 0) return `${m}分${String(s).padStart(2, "0")}秒`;
+  return `${s}秒`;
+}
+
+/** 服务端时间 - 本机时间。事件里的 ts 是服务端时钟，算用时要换算过来，免得两边时钟不准 */
+let clockSkew = 0;
+export const serverNow = () => Date.now() + clockSkew;
+export const setServerTime = (serverTime) => (clockSkew = serverTime - Date.now());
+
+/** 所有进行中的用时一秒刷一次，只改文字，不重建消息 */
+setInterval(() => {
+  for (const el of document.querySelectorAll(".ai-elapsed[data-start]")) {
+    el.textContent = liveDuration(serverNow() - Number(el.dataset.start));
+  }
+}, 1000);
+
+/** 老版本记下的脚注是「用时 1234.5s」，显示时也换成时 / 分 / 秒 */
+export function tidyFooter(footer) {
+  return footer?.replace(/用时 ([\d.]+)s/, (_, s) => `用时 ${formatDuration(Number(s) * 1000)}`) ?? "";
+}
+
+/** 回复下面的时间：今天只显示时分，今年显示月日，再早带上年份 */
+export function clockTime(ts) {
+  const d = new Date(ts);
+  const now = new Date();
+  const hm = `${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
+  if (d.toDateString() === now.toDateString()) return hm;
+  const md = `${d.getMonth() + 1}月${d.getDate()}日`;
+  return d.getFullYear() === now.getFullYear() ? `${md} ${hm}` : `${d.getFullYear()}年${md} ${hm}`;
+}
+
+export function relTime(ts) {
+  const m = Math.floor((Date.now() - ts) / 60000);
+  if (m < 1) return "刚刚";
+  if (m < 60) return `${m} 分钟前`;
+  const hr = Math.floor(m / 60);
+  if (hr < 24) return `${hr} 小时前`;
+  const d = Math.floor(hr / 24);
+  if (d < 30) return `${d} 天前`;
+  return new Date(ts).toLocaleDateString("zh-CN");
+}

package/web/lib/ws.js

@@ -0,0 +1,232 @@
+import { h } from "./dom.js";
+import { api } from "./api.js";
+import { desktop, S, ui } from "../state.js";
+import { showAuth } from "../views/auth.js";
+import { renderSidebar, scheduleSidebar } from "../views/sidebar.js";
+import { scheduleQuota } from "../views/quota.js";
+import { renderTopbar } from "../views/topbar.js";
+import { applyEvent, openConversation } from "../views/messages.js";
+import { upsertInteraction } from "../views/interaction.js";
+import { setBusy } from "../views/composer.js";
+import { renderScheduled } from "../views/schedule.js";
+
+// ---------- WebSocket ----------
+
+export const WS = {
+  sock: null,
+  rid: 0,
+  waiters: new Map(),
+  backoff: 500,
+  connected: false,
+  pingTimer: null,
+
+  stopped: false,
+  epoch: null,
+  hellos: 0,
+
+  connect() {
+    if (this.stopped) return;
+    if (this.sock && (this.sock.readyState === 0 || this.sock.readyState === 1)) return;
+    const proto = location.protocol === "https:" ? "wss" : "ws";
+    const sock = new WebSocket(`${proto}://${location.host}/ws`);
+    this.sock = sock;
+    sock.onopen = () => {
+      this.connected = true;
+      this.backoff = 500;
+      setConnBanner(null);
+      clearInterval(this.pingTimer);
+      this.pingTimer = setInterval(() => this.raw({ t: "ping" }), 25000);
+    };
+    sock.onmessage = (e) => onWsMessage(JSON.parse(e.data));
+    sock.onclose = async (e) => {
+      this.connected = false;
+      clearInterval(this.pingTimer);
+      for (const w of this.waiters.values()) w.reject(new Error("连接已断开"));
+      this.waiters.clear();
+      if (this.sock !== sock) return;
+      // 登录已失效（改了密码、被踢下线）：回登录页，不再重连
+      if (e.code === 4401) {
+        this.stopped = true;
+        showAuth();
+        return;
+      }
+      if (this.stopped) return;
+      // 握手被拒（401）在浏览器里只表现为 1006：问一下是不是登录态没了
+      try {
+        const me = await (await fetch("/api/me", { credentials: "same-origin" })).json();
+        if (!me.authed) {
+          this.stopped = true;
+          showAuth();
+          return;
+        }
+      } catch {
+        // 网络不通，照常重连
+      }
+      if (document.visibilityState === "visible") setConnBanner("连接已断开，正在重连…");
+      setTimeout(() => this.connect(), this.backoff);
+      this.backoff = Math.min(this.backoff * 2, 10000);
+    };
+  },
+
+  raw(msg) {
+    if (this.sock?.readyState === 1) this.sock.send(JSON.stringify(msg));
+  },
+
+  request(msg, timeoutMs = 15000) {
+    return new Promise((resolve, reject) => {
+      if (this.sock?.readyState !== 1) {
+        reject(new Error("还没连上服务器，稍等再试"));
+        return;
+      }
+      const rid = ++this.rid;
+      this.waiters.set(rid, { resolve, reject });
+      this.sock.send(JSON.stringify({ ...msg, rid }));
+      setTimeout(() => {
+        if (this.waiters.delete(rid)) reject(new Error("服务器没有响应"));
+      }, timeoutMs);
+    });
+  },
+
+  subscribe(key, since) {
+    this.raw({ t: "sub", key, since, epoch: this.epoch });
+  },
+
+  /** 告诉服务器我是否在前台、正看着哪条会话：正看着的会话不推系统通知 */
+  presence() {
+    const visible = document.visibilityState === "visible" && document.hasFocus();
+    this.raw({ t: "presence", visible, key: S.current ?? "" });
+  },
+};
+
+for (const ev of ["focus", "blur"]) window.addEventListener(ev, () => WS.presence());
+
+/** 打开 / 切回页面：清掉桌面图标角标和计数（计数由 sw.js 在收到推送时累加） */
+export function clearAppBadge() {
+  if (document.visibilityState !== "visible") return;
+  navigator.clearAppBadge?.().catch(() => {});
+  if ("caches" in window) caches.delete("aim-badge").catch(() => {});
+}
+
+document.addEventListener("visibilitychange", () => {
+  WS.presence();
+  clearAppBadge();
+  // 手机切回前台：连接多半已经被系统掐了，立刻重连而不是等退避
+  if (document.visibilityState === "visible" && WS.sock?.readyState !== 1) {
+    WS.backoff = 300;
+    WS.connect();
+  }
+});
+
+/** 重连后：以服务器上的会话列表和待处理授权为准，清掉本地已失效的 */
+async function resync() {
+  try {
+    const data = await api("/api/bootstrap");
+    S.convs = new Map(data.conversations.map((c) => [c.key, c]));
+    const live = new Set(data.pending.map((i) => i.id));
+    for (const ix of S.pending.values()) {
+      // 快照生成之后才出现的授权，快照里当然没有，不能当成「已在别处处理」
+      if (!ix.settled && !live.has(ix.id) && ix.createdAt <= data.serverTime) markGone(ix);
+    }
+    for (const ix of data.pending) upsertInteraction(ix);
+    renderSidebar();
+  } catch {
+    // 下次重连再说
+  }
+}
+
+/** 本地以为还挂着、服务器上已经没了的授权：断线期间在别处处理掉了，或者服务重启过 */
+function markGone(ix) {
+  upsertInteraction({ ...ix, settled: { settlement: "gone", by: "已在别处处理或已失效", at: Date.now() } });
+}
+
+function onWsMessage(msg) {
+  switch (msg.t) {
+    case "hello": {
+      if (checkServerVersion(msg.version)) return;
+      const restarted = WS.epoch && WS.epoch !== msg.epoch;
+      WS.epoch = msg.epoch;
+      WS.hellos += 1;
+      WS.presence();
+      if (restarted) {
+        // 服务重启过：seq 从头计数了，旧游标全部作废，当前会话整页重拉
+        S.seq.clear();
+        if (S.current) void openConversation(S.current);
+      } else if (S.current) {
+        WS.subscribe(S.current, S.seq.get(S.current) ?? 0);
+      }
+      if (WS.hellos > 1 || restarted) void resync();
+      return;
+    }
+    case "ack": {
+      const w = WS.waiters.get(msg.rid);
+      if (!w) return;
+      WS.waiters.delete(msg.rid);
+      if (msg.ok) w.resolve(msg);
+      else w.reject(new Error(msg.error ?? "操作失败"));
+      return;
+    }
+    case "ev":
+      applyEvent(msg);
+      return;
+    case "replay":
+      if (msg.key !== S.current) return;
+      if (msg.reset) {
+        void openConversation(msg.key);
+        return;
+      }
+      for (const env of msg.events) applyEvent(env);
+      {
+        const live = new Set(msg.pending.map((i) => i.id));
+        for (const ix of S.pending.values()) {
+          if (ix.convKey === msg.key && !ix.settled && !live.has(ix.id)) markGone(ix);
+        }
+      }
+      for (const ix of msg.pending) upsertInteraction(ix);
+      setBusy(msg.busy);
+      return;
+    case "conv":
+      if (S.convs.get(msg.info.key)?.busy && !msg.info.busy) scheduleQuota();
+      S.convs.set(msg.info.key, msg.info);
+      if (msg.info.key === S.current) {
+        renderTopbar();
+        setBusy(msg.info.busy);
+        renderScheduled();
+      }
+      scheduleSidebar();
+      return;
+    case "ix":
+      upsertInteraction(msg.interaction);
+      return;
+    case "notice":
+      // 正看着这条会话就不打扰；普通网页靠 Web Push，这里只给桌面端
+      if (!desktop) return;
+      if (document.visibilityState === "visible" && document.hasFocus() && msg.key === S.current) return;
+      desktop.notify({ key: msg.key, title: msg.title, body: msg.body, tag: msg.tag });
+      return;
+  }
+}
+
+function setConnBanner(text, onclick) {
+  ui.banner?.remove();
+  ui.banner = null;
+  if (!text || !ui.main) return;
+  ui.banner = onclick ? h("button", { class: "conn-banner clickable", onclick }, text) : h("div", { class: "conn-banner" }, text);
+  ui.main.append(ui.banner);
+}
+
+/** 页面加载时连上的服务端版本。服务端升级重启后版本变了，页面上跑的还是旧前端，得刷新 */
+let loadedServerVersion = null;
+
+/** 服务端换了版本：刷新页面换上新前端。返回 true 表示已经在刷新了，后面不用再处理 */
+function checkServerVersion(version) {
+  if (!version) return false;
+  if (!loadedServerVersion) loadedServerVersion = version;
+  if (version === loadedServerVersion) return false;
+  // 输入框里有没发出去的字：别直接刷掉，提示一下让用户自己点
+  if (ui.input?.value.trim()) {
+    setConnBanner(`服务端已升级到 ${version}，点这里刷新页面`, () => location.reload());
+    return false;
+  }
+  location.reload();
+  return true;
+}

package/web/settings/agents.js

@@ -0,0 +1,210 @@
+import { fill, h, toast } from "../lib/dom.js";
+import { api } from "../lib/api.js";
+import { copyText } from "../lib/markdown.js";
+import { S } from "../state.js";
+import { defaultEntryName, usableAgents } from "../views/topbar.js";
+import { renderEmpty } from "../views/messages.js";
+import { field, saveConfig } from "./common.js";
+import { modelPicker } from "./commands.js";
+
+/**
+ * 设置 → Agent：勾选哪些模型出现在输入框的模型列表里。
+ * 全部勾上存成空数组 = 「全部显示」，以后 agent 新增的模型也会自动出现；
+ * 只勾了一部分就只显示这些。一个都不勾不允许保存。
+ */
+function modelChecklist(agent, selected) {
+  const box = h("div", { class: "model-checks" }, h("small", {}, "正在读取模型列表…"));
+  let boxes = null;
+  api(`/api/agents/${agent}/models`)
+    .then((data) => {
+      const models = data?.models ?? [];
+      if (!models.length) return fill(box, h("small", {}, "没读到模型列表"));
+      boxes = models.map((m) => ({ id: m.id, el: h("input", { type: "checkbox", checked: !selected.length || selected.includes(m.id) }) }));
+      fill(
+        box,
+        boxes.map(({ el }, i) => {
+          const m = models[i];
+          return h(
+            "label",
+            { class: "model-check" },
+            el,
+            h("span", { class: "t" }, m.label || m.id),
+            h("span", { class: "s" }, m.id === "default" && defaultEntryName(m) ? `跟随默认 · 现在是 ${defaultEntryName(m)}` : m.id),
+          );
+        }),
+        h("small", {}, "只影响输入框里的模型选择列表；全部勾上 = 以后新出的模型也自动显示"),
+      );
+    })
+    .catch((err) => fill(box, h("small", {}, err.status === 409 ? err.message : `读取模型列表失败：${err.message ?? err}`)));
+  return {
+    el: box,
+    /** 列表没读到时原样保留；null = 一个都没勾 */
+    value: () => {
+      if (!boxes) return selected;
+      const on = boxes.filter((b) => b.el.checked).map((b) => b.id);
+      if (on.length === 0) return null;
+      return on.length === boxes.length ? [] : on;
+    },
+  };
+}
+
+/** Agent 运行环境：装没装、登没登录；没好的给出在终端里执行的命令 */
+function agentHealthSection() {
+  const box = h("div", { class: "section" });
+  const load = async (refresh) => {
+    const recheck = h("button", { class: "btn small", onclick: () => load(true) }, "重新检查");
+    fill(box, h("h4", {}, "运行环境", h("span", { class: "grow" }), h("span", { class: "spinner" })));
+    let data;
+    try {
+      data = await api(`/api/agents/health${refresh ? "?refresh=1" : ""}`);
+    } catch (err) {
+      fill(box, h("h4", {}, "运行环境", h("span", { class: "grow" }), recheck), h("div", { class: "error-text" }, err.message));
+      return;
+    }
+    // 体检结果顺手同步到新对话的 agent 列表：刚装好 / 登录好的立刻能选，不行的立刻消失
+    for (const a of data.agents) {
+      const known = S.agents.find((x) => x.id === a.id);
+      if (known) known.available = a.installed && a.loggedIn !== false;
+    }
+    if (!usableAgents().some((a) => a.id === S.draftAgent)) S.draftAgent = usableAgents()[0]?.id ?? null;
+    if (!S.current) renderEmpty();
+    fill(
+      box,
+      h("h4", {}, "运行环境", h("span", { class: "grow" }), recheck),
+      ...data.agents.map((a) => {
+        const ok = a.installed && a.loggedIn === true;
+        const state = !a.installed ? "未安装" : a.loggedIn === false ? "未登录" : a.loggedIn === null ? "无法确认" : "正常";
+        return h(
+          "div",
+          { class: "health-row" },
+          h(
+            "div",
+            { class: "health-head" },
+            h("span", { class: `health-dot ${ok ? "ok" : "bad"}` }),
+            h("b", {}, a.label),
+            h("span", { class: "health-state" }, state),
+            a.enabled ? null : h("span", { class: "health-off" }, "（未启用）"),
+          ),
+          a.account || a.version ? h("div", { class: "health-meta" }, [a.account, a.version].filter(Boolean).join(" · ")) : null,
+          a.problem ? h("div", { class: "health-meta" }, a.problem) : null,
+          a.fix
+            ? h(
+                "div",
+                { class: "health-fix" },
+                h("div", {}, `${a.fix.title}：在运行 agent-loft 的机器上打开终端执行${a.fix.commands.length > 1 ? "（任选一条）" : ""}`),
+                a.fix.commands.map((cmd) => {
+                  const copy = h("button", { class: "btn small", onclick: () => copyText(cmd, copy) }, "复制");
+                  return h("div", { class: "health-cmd" }, h("code", {}, cmd), copy);
+                }),
+                a.fix.note ? h("small", {}, a.fix.note) : null,
+                a.id === "codex" && a.fix.action === "install" ? installCodexButton(() => load(true)) : null,
+              )
+            : null,
+        );
+      }),
+    );
+  };
+  void load(false);
+  return box;
+}
+
+/** 直接在服务端那台机器上装 Codex（Homebrew 或 npm），装完重新检查 */
+function installCodexButton(after) {
+  const btn = h(
+    "button",
+    {
+      class: "btn small primary",
+      onclick: async () => {
+        btn.disabled = true;
+        btn.textContent = "正在安装，可能要几分钟…";
+        try {
+          const r = await api("/api/agents/codex/install", { method: "POST" });
+          toast(r.ok ? `已用 ${r.via} 装好 Codex` : `安装失败：${r.output.slice(-200)}`, 6000);
+          after();
+        } catch (err) {
+          toast(`安装失败：${err.message}`, 6000);
+          btn.disabled = false;
+          btn.textContent = "直接在服务器上安装";
+        }
+      },
+    },
+    "直接在服务器上安装",
+  );
+  return h("div", {}, btn);
+}
+
+export function agentsTab(cfg, panel) {
+  panel.append(agentHealthSection());
+  const a = structuredClone(cfg.agents);
+  const claudeOn = h("input", { type: "checkbox", checked: a.claude.enabled });
+  const claudePick = modelPicker("claude", a.claude.defaultModel, a.claude.defaultEffort, "跟随 Claude Code 默认");
+  const claudeModels = modelChecklist("claude", a.claude.models ?? []);
+  const codexOn = h("input", { type: "checkbox", checked: a.codex.enabled });
+  const codexPath = h("input", { value: a.codex.path });
+  const codexHome = h("input", { value: a.codex.home, placeholder: "留空用 ~/.codex" });
+  const sandbox = h(
+    "select",
+    {},
+    ["read-only", "workspace-write", "danger-full-access"].map((m) => h("option", { value: m, selected: m === a.codex.sandbox }, m)),
+  );
+  const codexPick = modelPicker("codex", a.codex.defaultModel, a.codex.defaultEffort, "跟随 config.toml");
+  const codexModels = modelChecklist("codex", a.codex.models ?? []);
+  // 一组勾选框不能放进 <label>（点哪都会切到第一个），所以不用 field()
+  const checksField = (list) => h("div", { class: "field" }, h("span", {}, "输入框可选模型"), list.el);
+  panel.append(
+    h(
+      "div",
+      { class: "section" },
+      h("h4", {}, "Claude Code", h("span", { class: "grow" }), h("label", { class: "check" }, claudeOn, "启用")),
+      field("默认模型", claudePick.modelEl),
+      field("默认思考程度", claudePick.effortEl),
+      checksField(claudeModels),
+    ),
+    h(
+      "div",
+      { class: "section" },
+      h("h4", {}, "Codex", h("span", { class: "grow" }), h("label", { class: "check" }, codexOn, "启用")),
+      field("codex 可执行文件", codexPath, "以系统服务运行时 PATH 很短，建议写绝对路径"),
+      field("CODEX_HOME", codexHome),
+      field("沙箱", sandbox, "workspace-write：目录内可读写，越界才弹授权。danger-full-access 等于关掉沙箱"),
+      field("默认模型", codexPick.modelEl),
+      field("默认思考程度", codexPick.effortEl),
+      checksField(codexModels),
+    ),
+    h(
+      "div",
+      { class: "row" },
+      h(
+        "button",
+        {
+          class: "btn primary",
+          onclick: () => {
+            const claudeList = claudeModels.value();
+            const codexList = codexModels.value();
+            if (!claudeList || !codexList) return toast(`${!claudeList ? "Claude Code" : "Codex"} 至少勾选一个模型`);
+            return saveConfig(cfg, {
+              agents: {
+                claude: {
+                  enabled: claudeOn.checked,
+                  defaultModel: claudePick.model(),
+                  defaultEffort: claudePick.effort(),
+                  models: claudeList,
+                },
+                codex: {
+                  enabled: codexOn.checked,
+                  path: codexPath.value.trim() || "codex",
+                  home: codexHome.value.trim(),
+                  sandbox: sandbox.value,
+                  defaultModel: codexPick.model(),
+                  defaultEffort: codexPick.effort(),
+                  models: codexList,
+                },
+              },
+            });
+          },
+        },
+        "保存",
+      ),
+    ),
+  );
+}