agent-loft 0.2.28 → 0.2.30

package/web/views/quota.js

@@ -0,0 +1,145 @@
+import { agentIcon, fill, h } from "../lib/dom.js";
+import { api } from "../lib/api.js";
+import { relTime } from "../lib/time.js";
+import { desktop, desktopQuota, S, ui } from "../state.js";
+
+// ---------- 侧栏底部的账号额度 ----------
+// 服务端不主动查：只有前端请求 /api/quota 时才去问各 agent，结果缓存 60 秒
+// （60 秒内再请求直接返回缓存；Claude 要临时拉一个 CLI 进程才问得到，不能太勤）。
+// 前端什么时候请求：
+//   - 打开页面拉一次；
+//   - 空闲时每隔 S.quotaRefreshMin 分钟（设置 → 通用，默认 10，0 = 不自动刷新），只在页面可见时；
+//   - 有会话跑完一轮：10 秒后拉；若那时服务端缓存还没过期，就推迟到过期之后，保证拿到新数据；
+//   - 切回前台：距上次超过一个刷新间隔就拉；
+//   - 点一下额度区域：立刻拉（可能拿到 60 秒内的缓存）。
+// 设置 → 通用里关了「查询额度」（S.quotaEnabled）：以上全都不做，侧栏也不显示额度。
+// 在桌面端里（desktopQuota）以上全都不做：桌面端统一去查（同一个账号的多台服务器只问一台），
+// 查好推过来；点一下额度区域是请桌面端去刷新。
+
+export const quotaState = { data: null, at: 0, loading: false, timer: 0, idle: 0 };
+const QUOTA_SERVER_CACHE = 60_000;
+const quotaInterval = () => (S.quotaEnabled ? (S.quotaRefreshMin ?? 10) * 60_000 : 0);
+
+export async function loadQuota() {
+  if (!S.quotaEnabled) {
+    quotaState.data = null;
+    renderQuota();
+    return;
+  }
+  if (desktopQuota) {
+    ui.quota?.classList.add("loading");
+    desktop.refreshQuota();
+    return;
+  }
+  if (quotaState.loading) return;
+  quotaState.loading = true;
+  ui.quota?.classList.add("loading");
+  try {
+    const data = await api("/api/quota");
+    quotaState.data = data.quotas;
+    quotaState.at = Date.now();
+    desktop?.setQuota(data.quotas);
+  } catch {
+    // 保留旧数据
+  } finally {
+    quotaState.loading = false;
+    ui.quota?.classList.remove("loading");
+    renderQuota();
+    scheduleIdleQuota();
+  }
+}
+
+/** 桌面端推来的额度。查失败（error）时保留旧数据 */
+export function applyDesktopQuota(payload) {
+  if (Array.isArray(payload?.quotas) && !payload.error) {
+    quotaState.data = payload.quotas;
+    quotaState.at = payload.at || Date.now();
+  }
+  ui.quota?.classList.remove("loading");
+  renderQuota();
+}
+
+/** 空闲定时：每次拉完重新计时，所以刚因为跑完一轮拉过，就不会紧接着又拉 */
+export function scheduleIdleQuota() {
+  clearTimeout(quotaState.idle);
+  if (desktopQuota || !quotaInterval()) return;
+  quotaState.idle = setTimeout(() => {
+    // 页面不可见就先不拉，等切回来再说
+    if (document.visibilityState === "visible") void loadQuota();
+  }, quotaInterval());
+}
+
+/** 一轮跑完：10 秒后拉；服务端缓存那时还没过期就推迟到过期之后 */
+export function scheduleQuota() {
+  // 桌面端里：它从页面报的运行数看出跑完了一轮，自己会去查
+  if (desktopQuota || !S.quotaEnabled) return;
+  const wait = Math.max(10_000, quotaState.at + QUOTA_SERVER_CACHE + 1000 - Date.now());
+  clearTimeout(quotaState.timer);
+  quotaState.timer = setTimeout(() => void loadQuota(), wait);
+}
+
+document.addEventListener("visibilitychange", () => {
+  if (desktopQuota || document.visibilityState !== "visible" || !ui.quota || !quotaInterval()) return;
+  if (Date.now() - quotaState.at >= quotaInterval()) void loadQuota();
+});
+
+function untilText(ms) {
+  const sec = Math.floor((ms - Date.now()) / 1000);
+  if (sec <= 0) return "即将重置";
+  const d = Math.floor(sec / 86400);
+  const hh = Math.floor((sec % 86400) / 3600);
+  const mm = Math.floor((sec % 3600) / 60);
+  if (d > 0) return `${d} 天 ${hh} 小时后重置`;
+  if (hh > 0) return `${hh} 小时 ${mm} 分后重置`;
+  return `${Math.max(1, mm)} 分钟后重置`;
+}
+
+function quotaLevel(p) {
+  return p >= 90 ? "danger" : p >= 75 ? "warn" : "";
+}
+
+export function renderQuota() {
+  if (!ui.quota) return;
+  const list = S.quotaEnabled ? (quotaState.data ?? []) : [];
+  if (list.length === 0) return fill(ui.quota);
+  const rows = list.map((q) =>
+    h(
+      "div",
+      { class: `quota-row${q.reached ? " reached" : ""}` },
+      agentIcon(q.agent, "agent-icon quota-icon"),
+      q.windows.slice(0, 2).map((w) =>
+        h(
+          "span",
+          { class: `quota-cell ${quotaLevel(w.percent)}` },
+          h("span", { class: "q-label" }, w.short),
+          h("span", { class: "q-bar" }, h("i", { style: { width: `${Math.max(2, Math.min(100, w.percent))}%` } })),
+          h("span", { class: "q-pct" }, `${Math.round(w.percent)}%`),
+        ),
+      ),
+    ),
+  );
+  const tip = h(
+    "div",
+    { class: "quota-tip" },
+    list.map((q) =>
+      h(
+        "div",
+        { class: "qt-agent" },
+        h("div", { class: "qt-head" }, agentIcon(q.agent), h("b", {}, q.label), q.plan ? h("span", { class: "qt-plan" }, q.plan) : null),
+        q.windows.map((w) =>
+          h(
+            "div",
+            { class: "qt-row" },
+            h("span", { class: "qt-name" }, w.label),
+            h("span", { class: `qt-pct ${quotaLevel(w.percent)}` }, `已用 ${Math.round(w.percent)}%`),
+            w.resetsAt ? h("span", { class: "qt-reset" }, untilText(w.resetsAt)) : null,
+          ),
+        ),
+        q.extra ? h("div", { class: "qt-extra" }, q.extra) : null,
+        q.reached ? h("div", { class: "qt-extra danger" }, "已达上限，等窗口重置后才能继续") : null,
+      ),
+    ),
+    h("div", { class: "qt-foot" }, `${relTime(quotaState.at)}更新 · 点击刷新`),
+  );
+  fill(ui.quota, h("button", { class: "quota-btn", onclick: () => void loadQuota() }, rows), tip);
+}

package/web/views/schedule.js

@@ -0,0 +1,120 @@
+import { fill, h, icon, toast } from "../lib/dom.js";
+import { api } from "../lib/api.js";
+import { S, ui } from "../state.js";
+import { quotaState } from "./quota.js";
+import { modal } from "../lib/overlay.js";
+import { autosize, ensureConversation, updateSendBtn } from "./composer.js";
+import { currentAgentId, oneLine } from "./slash.js";
+
+// ---------- 定时发送 ----------
+// 额度用完、要等刷新才能接着干活时：先把下一条排好，到点由服务端发出（页面关了也会发）。只支持文字。
+
+function fmtWhen(ms) {
+  const d = new Date(ms);
+  const now = new Date();
+  const hm = `${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
+  const day = (x) => new Date(x.getFullYear(), x.getMonth(), x.getDate()).getTime();
+  const diff = Math.round((day(d) - day(now)) / 86400000);
+  if (diff === 0) return `今天 ${hm}`;
+  if (diff === 1) return `明天 ${hm}`;
+  if (diff === 2) return `后天 ${hm}`;
+  return `${d.getMonth() + 1}月${d.getDate()}日 ${hm}`;
+}
+
+/** <input type="datetime-local"> 要的本地时间格式 */
+function toLocalInput(ms) {
+  const d = new Date(ms);
+  const p = (n) => String(n).padStart(2, "0");
+  return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}T${p(d.getHours())}:${p(d.getMinutes())}`;
+}
+
+/** 输入框上方：这条对话排着的定时消息，可以取消 */
+export function renderScheduled() {
+  if (!ui.schedBar) return;
+  const list = (S.current && S.convs.get(S.current)?.scheduled) || [];
+  ui.schedBar.hidden = list.length === 0;
+  fill(ui.schedBar,
+    list.map((m) =>
+      h(
+        "div",
+        { class: "sched-item", title: m.text },
+        icon("clock"),
+        h("span", { class: "sched-when" }, fmtWhen(m.at)),
+        h("span", { class: "sched-text" }, oneLine(m.text, 200)),
+        h("button", { class: "sched-act", title: "改时间或内容", onclick: () => openSchedule(m) }, "编辑"),
+        h("button", { class: "sched-act", title: "取消这条定时消息", onclick: () => cancelScheduled(m.id) }, "取消"),
+      ),
+    ),
+  );
+}
+
+async function cancelScheduled(id, quiet) {
+  const key = S.current;
+  if (!key) return false;
+  try {
+    const info = await api(`/api/conversations/${encodeURIComponent(key)}/scheduled?id=${encodeURIComponent(id)}`, { method: "DELETE" });
+    S.convs.set(info.key, info);
+    renderScheduled();
+    return true;
+  } catch (err) {
+    if (!quiet) toast(err.message);
+    return false;
+  }
+}
+
+/** 选时间的弹窗。edit：改已经排着的那条（先删旧的再排新的） */
+export function openSchedule(edit) {
+  if (!edit && S.uploads.length) return toast("定时发送暂不支持附件，先移除附件");
+  const text = h("textarea", { class: "sched-input", rows: 4, placeholder: "到点要发的内容" });
+  text.value = edit ? edit.text : ui.input.value;
+  const when = h("input", { type: "datetime-local", class: "sched-time" });
+  // 当前 agent 的额度窗口（5 小时 / 7 天）什么时候重置：小字提示，默认排在 5 小时窗口重置后 5 分钟
+  const agent = currentAgentId();
+  const windows = (quotaState.data ?? []).find((q) => q.agent === agent)?.windows ?? [];
+  const resets = windows.filter((w) => /^(5h|7d)$/.test(w.short) && w.resetsAt > Date.now());
+  const session = resets.find((w) => w.short === "5h");
+  when.value = toLocalInput(edit ? edit.at : session ? session.resetsAt + 5 * 60_000 : Date.now() + 5 * 3600_000);
+  const body = h(
+    "div",
+    { class: "modal-body sched-body" },
+    text,
+    h("label", { class: "sched-row" }, h("span", {}, "发送时间"), when),
+    h(
+      "div",
+      { class: "muted sched-hint" },
+      resets.length
+        ? `额度重置：${resets.map((w) => `${w.short === "5h" ? "5 小时" : "7 天"}额度 ${fmtWhen(w.resetsAt)}`).join("，")}。`
+        : "",
+      "到点由服务端发出，关掉页面也会发。",
+    ),
+  );
+  const go = h("button", { class: "btn primary" }, edit ? "保存" : "定时发送");
+  const close = modal({ title: edit ? "编辑定时消息" : "定时发送", body, foot: h("div", { class: "modal-foot" }, go) });
+  text.focus();
+  go.onclick = async () => {
+    const at = new Date(when.value).getTime();
+    if (!text.value.trim()) return toast("内容不能为空");
+    if (!Number.isFinite(at)) return toast("选一下发送时间");
+    if (at <= Date.now()) return toast("发送时间要在现在之后");
+    go.disabled = true;
+    try {
+      const key = await ensureConversation();
+      // 先排新的再删旧的：中途失败也不会把原来那条弄丢
+      const info = await api(`/api/conversations/${encodeURIComponent(key)}/scheduled`, { method: "POST", body: { text: text.value, at } });
+      S.convs.set(info.key, info);
+      if (edit) await cancelScheduled(edit.id, true);
+      renderScheduled();
+      // 用的是输入框里的草稿：排好了就清掉
+      if (!edit && text.value === ui.input.value) {
+        ui.input.value = "";
+        autosize();
+        updateSendBtn();
+      }
+      close();
+      toast(`已排好，${fmtWhen(at)} 发送`);
+    } catch (err) {
+      go.disabled = false;
+      toast(err.message);
+    }
+  };
+}