agent-loft 0.2.24 → 0.2.26

package/web/app.js

@@ -38,6 +38,7 @@ const ICON = {
   stop: '<svg viewBox="0 0 24 24" fill="currentColor"><rect x="7" y="7" width="10" height="10" rx="1.5"/></svg>',
   clip: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.4 11.6-9.2 9.2a6 6 0 0 1-8.5-8.5l9.2-9.2a4 4 0 0 1 5.7 5.7l-9.2 9.2a2 2 0 0 1-2.8-2.8l8.5-8.5"/></svg>',
   mic: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="2" width="6" height="12" rx="3"/><path d="M5 10a7 7 0 0 0 14 0M12 17v5"/></svg>',
+  clock: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg>',
   down: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><path d="m6 9 6 6 6-6"/></svg>',
   gear: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1Z"/></svg>',
   fork: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="18" cy="7" r="2"/><path d="M6 7v10"/><path d="M18 9c0 5-6 4-11.2 8.6"/></svg>',
@@ -245,6 +246,8 @@ const S = {
   pending: new Map(),
   current: null,
   draftAgent: localStorage.getItem("aim.agent") || null,
+  /** 新对话用聊天模式还是工作模式，记住上次的选择 */
+  draftMode: localStorage.getItem("aim.mode") === "chat" ? "chat" : "work",
   /** 新对话（还没发消息）选的工作目录，null 表示工作区根目录。开新对话时沿用上次选的 */
   draftCwd: null,
   items: [],
@@ -459,6 +462,7 @@ function onWsMessage(msg) {
       if (msg.info.key === S.current) {
         renderTopbar();
         setBusy(msg.info.busy);
+        renderScheduled();
       }
       scheduleSidebar();
       return;
@@ -680,7 +684,11 @@ function renderLayout() {
   );
   ui.topbar = h("div", { class: "topbar" });
   ui.msgInner = h("div", { class: "messages-inner" });
-  ui.messages = h("div", { class: "messages" }, ui.msgInner);
+  ui.spacer = h("div", { class: "messages-spacer", "aria-hidden": "true" });
+  ui.messages = h("div", { class: "messages", tabindex: "-1" }, ui.msgInner, ui.spacer);
+  ui.toBottom = h("button", { class: "to-bottom", title: "回到底部", hidden: true, onclick: () => scrollToBottom() }, icon("down"));
+  ui.follow = true;
+  bindScrollWatch();
   ui.composerWrap = h("div", { class: "composer-wrap" });
   ui.main = h("main", { class: "main" }, ui.topbar, ui.messages, ui.composerWrap);
   ui.layout = h("div", { class: "layout" }, ui.sidebar, h("div", { class: "scrim", onclick: closeSide }), ui.main);
@@ -1429,6 +1437,7 @@ function renderContext() {
     effort = (c ? (c.runtimeEffort ?? c.effort) : pick.effort) ?? defaults.effort;
   }
   renderCtxRing();
+  renderModePill(c);
   fill(
     ui.modelSlot,
     model
@@ -1443,6 +1452,60 @@ function renderContext() {
   );
 }
 
+/** 输入框里的「聊天 / 工作」切换。会话里切换走服务端（同一条对话接着聊），新对话里只是记下选择 */
+function renderModePill(c) {
+  if (!ui.modeSlot) return;
+  const mode = c ? (c.mode ?? "work") : S.draftMode;
+  const chat = mode === "chat";
+  fill(
+    ui.modeSlot,
+    h(
+      "button",
+      {
+        class: `mode-pill${chat ? " chat" : ""}`,
+        title: chat
+          ? "聊天模式：精简的系统提示，只能联网搜索，不执行命令、不读写文件，每轮开销小很多。点击切到工作模式"
+          : "工作模式：agent 原装的全部能力。点击切到聊天模式（更省、更快，适合日常聊天和查资料）",
+        onclick: () => void toggleMode(),
+      },
+      chat ? "💬 聊天" : "🛠 工作",
+    ),
+  );
+}
+
+async function toggleMode() {
+  const c = S.current ? S.convs.get(S.current) : null;
+  const next = (c ? (c.mode ?? "work") : S.draftMode) === "chat" ? "work" : "chat";
+  if (!c) {
+    S.draftMode = next;
+    localStorage.setItem("aim.mode", next);
+    renderContext();
+    return;
+  }
+  // 聊过的聊天对话切到工作模式：工作模式会在对话里留下一大段 Claude Code / Codex 的背景，
+  // 之后再切回聊天模式每轮还得带着它，就省不了了。先问一句，建议另开一条工作对话
+  if (next === "work" && S.items.length > 0) {
+    const choice = await confirmDialog({
+      title: "在这条对话里切到工作模式？",
+      message:
+        "切过去以后，这条对话里会留下工作模式的一大段背景（约 1.7 万 token），之后再切回聊天模式每轮也得带着，就省不了了。切换后的第一轮也会稍贵一些。\n\n要干活的话，建议新开一条工作对话（目录和 agent 跟这条一样），这条留着继续聊天。",
+      confirmText: "新开工作对话",
+      altText: "就在这里切",
+    });
+    if (choice === "alt") await doAction("mode", "work");
+    else if (choice === true) {
+      S.draftAgent = c.agent;
+      S.draftCwd = c.cwd;
+      S.draftMode = "work";
+      localStorage.setItem("aim.mode", "work");
+      newDraft();
+      toast("已新开工作对话，目录和 agent 跟原来那条一样");
+    }
+    return;
+  }
+  await doAction("mode", next);
+}
+
 /** 84321 → 84k，1234567 → 1.2M */
 function fmtTokens(n) {
   if (n >= 1e6) return `${(n / 1e6).toFixed(n >= 1e7 ? 0 : 1)}M`;
@@ -1654,7 +1717,11 @@ function newDraft() {
   S.turnAi = null;
   turnStartAt = null;
   S.uploads = [];
+  S.pinNext = false;
+  ui.pinEl = null;
+  ui.follow = true;
   setBusy(false);
+  renderScheduled();
   history.replaceState(null, "", location.pathname);
   WS.presence();
   renderTopbar();
@@ -1694,7 +1761,11 @@ async function openConversation(key) {
   S.turnAi = null;
   turnStartAt = null;
   S.uploads = [];
+  S.pinNext = false;
+  ui.pinEl = null;
+  ui.follow = true;
   renderChips();
+  renderScheduled();
   history.replaceState(null, "", `#${encodeURIComponent(key)}`);
   WS.presence();
   renderTopbar();
@@ -1743,18 +1814,82 @@ async function openConversation(key) {
   setBusy(data.info.busy);
   renderTopbar();
   WS.subscribe(key, S.seq.get(key));
-  scrollToBottom(true);
+  renderScheduled();
+  scrollToBottom();
 }
 
 // ---------- 消息渲染 ----------
 
-function nearBottom() {
+// 滚动规则（和 ChatGPT 一样）：
+//   - 自己发出一条消息后，把它顶到视口最上面，下面留白；回复往下长，长到屏幕底部之后才跟着往下滚。
+//     留白靠消息列表后面的 ui.spacer 撑出来：高度 = 刚好够那条消息滚到顶，回复越长它越矮，到 0 为止。
+//   - 回复过程中只要用户自己滚了（滚轮、触摸、拖滚动条、键盘翻页），就不再自动滚，直到下一次发消息。
+//     ui.follow 记着现在要不要自动滚。
+
+function nearBottom(gap = 120) {
   const m = ui.messages;
-  return m.scrollHeight - m.scrollTop - m.clientHeight < 120;
+  return m.scrollHeight - m.scrollTop - m.clientHeight < gap;
+}
+
+/** 内容变了之后：重算留白，要跟随的话贴到底（有留白时「底」正好就是被顶上去的那条消息） */
+function afterLayout() {
+  if (!ui.messages) return;
+  fitSpacer();
+  if (ui.follow && performance.now() > (ui.smoothUntil ?? 0)) ui.messages.scrollTop = ui.messages.scrollHeight;
+  updateToBottomBtn();
 }
 
-function scrollToBottom(force) {
-  if (force || ui.stick) ui.messages.scrollTop = ui.messages.scrollHeight;
+function fitSpacer() {
+  const pin = ui.pinEl;
+  if (!pin?.isConnected) {
+    ui.pinEl = null;
+    ui.spacer.style.height = "0px";
+    return;
+  }
+  // 顶栏是叠在消息区上面的：让出它的高度，再留一点空
+  const covered = Math.max(0, ui.topbar.getBoundingClientRect().bottom - ui.messages.getBoundingClientRect().top);
+  const top = Math.max(0, pin.offsetTop - covered - 12);
+  const need = top + ui.messages.clientHeight - ui.msgInner.offsetHeight;
+  ui.spacer.style.height = `${Math.max(0, Math.ceil(need))}px`;
+}
+
+/** 回到跟随模式并贴到底：打开会话、点「回到底部」时用 */
+function scrollToBottom() {
+  ui.follow = true;
+  afterLayout();
+}
+
+/** 把刚发出的这条消息顶到最上面 */
+function pinToTop(el) {
+  ui.pinEl = el;
+  ui.follow = true;
+  fitSpacer();
+  ui.smoothUntil = performance.now() + 450;
+  ui.messages.scrollTo({ top: ui.messages.scrollHeight, behavior: "smooth" });
+  updateToBottomBtn();
+}
+
+/** 用户自己动了滚动：停止自动滚动 */
+function userScrolled() {
+  ui.follow = false;
+  ui.smoothUntil = 0;
+}
+
+function updateToBottomBtn() {
+  if (ui.toBottom) ui.toBottom.hidden = nearBottom(200);
+}
+
+function bindScrollWatch() {
+  const m = ui.messages;
+  m.addEventListener("wheel", userScrolled, { passive: true });
+  m.addEventListener("touchmove", userScrolled, { passive: true });
+  // 点在滚动条上时事件目标就是滚动容器本身（点在内容上的是里面的元素）
+  m.addEventListener("pointerdown", (e) => e.target === m && userScrolled());
+  m.addEventListener("keydown", (e) => {
+    if (["PageUp", "PageDown", "ArrowUp", "ArrowDown", "Home", "End", " "].includes(e.key)) userScrolled();
+  });
+  m.addEventListener("scroll", updateToBottomBtn, { passive: true });
+  addEventListener("resize", () => afterLayout());
 }
 
 /** 只有最后一条回复默认显示底部的操作栏（复制 / 分叉 / 用时…），前面的 hover 才出来 */
@@ -1772,13 +1907,12 @@ function markLatestAi() {
 
 function addItem(item) {
   ui.msgInner.querySelector(".empty")?.remove();
-  const stick = nearBottom();
   item.el = renderItem(item);
   ui.msgInner.append(item.el);
   S.items.push(item);
   markLatestAi();
   updateCtxVisibility();
-  if (stick) scrollToBottom(true);
+  afterLayout();
   return item;
 }
 
@@ -1790,7 +1924,6 @@ function updateItem(item) {
   flushScheduled = true;
   requestAnimationFrame(() => {
     flushScheduled = false;
-    const stick = nearBottom();
     for (const it of dirty) {
       if (!it.el?.isConnected) continue;
       const next = renderItem(it);
@@ -1799,7 +1932,7 @@ function updateItem(item) {
     }
     dirty.clear();
     markLatestAi();
-    if (stick) scrollToBottom(true);
+    afterLayout();
   });
 }
 
@@ -1997,7 +2130,12 @@ function applyEvent(env) {
       }
       // 上一轮还没结束时发的消息会排队，不改正在进行那一轮的开始时间
       if (!S.turnAi || S.turnAi.done) turnStartAt = env.ts;
-      addItem({ type: "user", text: ev.text, files: ev.files ?? ev.attachments, origin: ev.origin });
+      const it = addItem({ type: "user", text: ev.text, files: ev.files ?? ev.attachments, origin: ev.origin });
+      // 这个页面刚发的：顶到最上面
+      if (S.pinNext && ev.origin?.channel === "web") {
+        S.pinNext = false;
+        pinToTop(it.el);
+      }
       currentAi(env.ts);
       return;
     }
@@ -2242,8 +2380,10 @@ function renderComposer() {
     : null;
   ui.ctxBar = h("div", { class: "ctx-bar" });
   ui.modelSlot = h("span", { class: "model-slot" });
+  ui.modeSlot = h("span", { class: "mode-slot" });
   ui.ctxRing = h("span", { class: "ctx-ring-slot" });
   ui.chips = h("div", { class: "chips" });
+  ui.schedBar = h("div", { class: "sched-bar", hidden: true });
   ui.slashMenu = h("div", { class: "slash-menu", hidden: true });
   ui.composer = h(
     "div",
@@ -2267,20 +2407,145 @@ function renderComposer() {
       "div",
       { class: "composer-row" },
       h("button", { class: "icon-btn add-btn", title: "添加附件", onclick: () => ui.fileInput.click() }, icon("plus")),
+      h("button", { class: "icon-btn add-btn", title: "定时发送", onclick: () => openSchedule() }, icon("clock")),
       ui.fileInput,
       h("span", { class: "spacer" }),
       ui.ctxRing,
+      ui.modeSlot,
       ui.modelSlot,
       ui.micBtn,
       ui.sendBtn,
     ),
   );
   fill(ui.composerWrap,
-    h("div", { class: "composer-box" }, ui.ctxBar, ui.composer),
+    ui.toBottom,
+    h("div", { class: "composer-box" }, ui.schedBar, ui.ctxBar, ui.composer),
   );
   ui.input.addEventListener("input", updateSendBtn);
   updateSendBtn();
   renderContext();
+  renderScheduled();
+}
+
+// ---------- 定时发送 ----------
+// 额度用完、要等刷新才能接着干活时：先把下一条排好，到点由服务端发出（页面关了也会发）。只支持文字。
+
+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())}`;
+}
+
+/** 输入框上方：这条对话排着的定时消息，可以取消 */
+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：改已经排着的那条（先删旧的再排新的） */
+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" });
+  const setAt = (ms) => (when.value = toLocalInput(ms));
+  setAt(edit ? edit.at : Date.now() + 5 * 3600_000);
+  // 快捷时间：当前 agent 的额度窗口重置后一分钟，再加几个常用的
+  const agent = currentAgentId();
+  const presets = [];
+  for (const q of quotaState.data ?? []) {
+    if (q.agent !== agent) continue;
+    for (const w of q.windows) {
+      if (w.resetsAt && w.resetsAt > Date.now()) presets.push({ label: `${w.label}重置后（${fmtWhen(w.resetsAt + 60_000)}）`, at: w.resetsAt + 60_000 });
+    }
+  }
+  const tomorrow9 = new Date();
+  tomorrow9.setDate(tomorrow9.getDate() + 1);
+  tomorrow9.setHours(9, 0, 0, 0);
+  presets.push(
+    { label: "1 小时后", at: Date.now() + 3600_000 },
+    { label: "3 小时后", at: Date.now() + 3 * 3600_000 },
+    { label: "5 小时后", at: Date.now() + 5 * 3600_000 },
+    { label: "明早 9:00", at: tomorrow9.getTime() },
+  );
+  const body = h(
+    "div",
+    { class: "modal-body sched-body" },
+    text,
+    h("div", { class: "sched-presets" }, presets.map((p) => h("button", { class: "btn", onclick: () => setAt(p.at) }, p.label))),
+    h("label", { class: "sched-row" }, h("span", {}, "发送时间"), when),
+    h("div", { class: "muted" }, "到点由服务端发出，关掉页面也会发。到点时 agent 还在忙的话，会排在当前这轮之后。"),
+  );
+  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);
+    }
+  };
 }
 
 // ---------- 语音输入（浏览器自带 Web Speech API） ----------
@@ -2532,7 +2797,10 @@ async function ensureConversation() {
   if (!S.draftAgent) throw new Error("没有可用的 agent");
   let info;
   try {
-    info = await api("/api/conversations", { method: "POST", body: { agent: S.draftAgent, cwd: S.draftCwd ?? undefined } });
+    info = await api("/api/conversations", {
+      method: "POST",
+      body: { agent: S.draftAgent, cwd: S.draftCwd ?? undefined, mode: S.draftMode },
+    });
   } catch (err) {
     // 选的目录没了（被删、或工作区改了）：退回根目录，让用户重新确认
     if (err.status === 400 && S.draftCwd) {
@@ -2620,12 +2888,15 @@ async function sendMessage() {
   let key;
   let res;
   setSending(true);
+  // 发出去之后恢复自动滚动；回显的那条用户消息到了就顶到最上面（见 applyEvent）
+  S.pinNext = true;
   try {
     key = await ensureConversation();
     if ("Notification" in window && Notification.permission === "default") void Notification.requestPermission();
     // 命令（比如 /status 要现读额度）可能比普通发送慢，多给点时间
     res = await WS.request({ t: "send", key, text, uploads: S.uploads.map((u) => u.id) }, 45000);
   } catch (err) {
+    S.pinNext = false;
     toast(err.message);
     return;
   } finally {
@@ -2641,9 +2912,12 @@ async function sendMessage() {
   S.uploads = [];
   renderChips();
   updateSendBtn();
-  ui.stick = true;
-  if (res?.reply) await showCommandReply(text.trim(), res.reply, res.info);
-  scrollToBottom(true);
+  if (res?.reply) {
+    // 命令不进会话记录，没有回显：直接贴到底看结果
+    S.pinNext = false;
+    await showCommandReply(text.trim(), res.reply, res.info);
+    scrollToBottom();
+  } else if (!ui.pinEl) ui.follow = true;
 }
 
 /** 会改变当前会话（换会话、换目录、换 agent）的命令，执行完要重拉一遍 */
@@ -3284,10 +3558,12 @@ function renameConv(key = S.current) {
  * 确认弹窗（替代浏览器自带的 confirm），样式和重命名弹窗一致。
  * 回车确认、Esc / 点外面取消；resolve 成 true / false
  */
-function confirmDialog({ title, message, sub, confirmText = "确定", danger = false }) {
+/** altText：给了就多一个按钮，点它返回 "alt"（确定返回 true，取消返回 false） */
+function confirmDialog({ title, message, sub, confirmText = "确定", danger = false, altText }) {
   return new Promise((resolve) => {
     const ok = h("button", { class: `btn ${danger ? "danger-fill" : "primary"}` }, confirmText);
     const cancel = h("button", { class: "btn ghost" }, "取消");
+    const alt = altText ? h("button", { class: "btn", onclick: () => done("alt") }, altText) : null;
     const done = (v) => {
       overlay.classList.add("leaving");
       setTimeout(() => overlay.remove(), 120);
@@ -3314,7 +3590,7 @@ function confirmDialog({ title, message, sub, confirmText = "确定", danger = f
         h("h3", {}, title),
         sub ? h("p", { class: "dialog-sub" }, sub) : null,
         message ? h("p", { class: "dialog-msg" }, message) : null,
-        h("div", { class: "dialog-foot" }, cancel, ok),
+        h("div", { class: "dialog-foot" }, cancel, alt, ok),
       ),
     );
     document.body.append(overlay);
@@ -3354,6 +3630,7 @@ async function openSettings() {
   // 普通成员只能管自己的通知、密码和登录设备；其余设置都是管理员的
   if (!isAdmin()) {
     const tabs = [
+      ["记忆", () => memoryTab(panel)],
       ["通知", () => notifyTab(panel)],
       ["账号", () => securityTab(panel)],
     ];
@@ -3379,6 +3656,7 @@ async function openSettings() {
     ["命令", () => commandsTab(cfg, panel)],
     ["飞书机器人", () => feishuTab(cfg, panel)],
     ["授权", () => authTab(panel)],
+    ["记忆", () => memoryTab(panel)],
     ["通知", () => notifyTab(panel)],
     ["账号", () => securityTab(panel)],
     ["用户", () => usersTab(panel)],
@@ -4659,6 +4937,7 @@ async function securityTab(panel) {
         ),
       ),
     ),
+    feishuLinkSection(),
     h(
       "div",
       { class: "section" },
@@ -4708,6 +4987,354 @@ async function securityTab(panel) {
   );
 }
 
+// ---------- 记忆（每个人自己的） ----------
+
+async function memoryTab(panel) {
+  const box = h("div", { class: "section" }, h("h4", {}, "记忆"), h("span", { class: "spinner" }));
+  fill(panel, box);
+  let mem;
+  try {
+    mem = await api("/api/account/memory");
+  } catch (err) {
+    fill(box, h("h4", {}, "记忆"), h("div", { class: "error-text" }, err.message));
+    return;
+  }
+  const reload = () => void memoryTab(panel);
+  const run = (btn, fn) => async () => {
+    btn.disabled = true;
+    try {
+      if ((await fn()) !== false) reload();
+    } catch (err) {
+      toast(err.message);
+      btn.disabled = false;
+    }
+  };
+
+  const enabled = h("input", { type: "checkbox", checked: mem.enabled });
+  enabled.onchange = async () => {
+    try {
+      await api("/api/account/memory", { method: "PUT", body: { enabled: enabled.checked } });
+      toast(enabled.checked ? "记忆已开启" : "记忆已关闭，已有的内容保留");
+    } catch (err) {
+      enabled.checked = !enabled.checked;
+      toast(err.message);
+    }
+  };
+
+  /** 一个开关：改了立刻存 */
+  const toggle = (key, label, on, off) => {
+    const box = h("input", { type: "checkbox", checked: mem[key] });
+    box.onchange = async () => {
+      try {
+        await api("/api/account/memory", { method: "PUT", body: { [key]: box.checked } });
+        toast(box.checked ? on : off);
+      } catch (err) {
+        box.checked = !box.checked;
+        toast(err.message);
+      }
+    };
+    return h("label", { class: "check" }, box, label);
+  };
+  const history = await api("/api/account/history").catch(() => null);
+  const clearHistory = h("button", { class: "btn small" }, "清空聊天记录索引");
+  clearHistory.onclick = run(clearHistory, async () => {
+    const sure = await confirmDialog({
+      title: "清空聊天记录索引？",
+      message: "agent 将搜不到以前的聊天（对话本身不删，侧栏里照样能打开）。之后的聊天还会继续记进来。",
+      confirmText: "清空",
+      danger: true,
+    });
+    if (!sure) return false;
+    await api("/api/account/history", { method: "DELETE" });
+    toast("已清空");
+  });
+
+  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 () => {
+    await api("/api/account/memory", { method: "PUT", body: { about: about.value } });
+    toast("已保存，之后的对话会用上");
+  });
+
+  const newItem = h("input", { maxlength: mem.limits.item, style: { flex: "1", minWidth: "0" }, placeholder: "手动加一条，比如：我的软路由是 iStoreOS，地址 192.168.8.2" });
+  const addBtn = h("button", { class: "btn" }, "添加");
+  addBtn.onclick = run(addBtn, async () => {
+    if (!newItem.value.trim()) return false;
+    await api("/api/account/memory/items", { method: "POST", body: { text: newItem.value } });
+  });
+  newItem.onkeydown = (e) => {
+    if (e.key === "Enter" && !e.isComposing) addBtn.click();
+  };
+
+  const items = [...mem.items].sort((a, b) => b.updatedAt - a.updatedAt);
+  const itemRow = (it) => {
+    const from = { user: "你加的", agent: "agent 在聊天里记的", auto: "聊完后自动整理的" }[it.source] ?? "agent 记的";
+    const body = h("div", { class: "grow" }, h("div", { class: "t", style: { whiteSpace: "pre-wrap" } }, it.text), h("div", { class: "s" }, `${from} · ${relTime(it.updatedAt)}`));
+    const edit = h("button", { class: "btn small" }, "编辑");
+    const del = h("button", { class: "btn small danger" }, "删除");
+    edit.onclick = () => {
+      const input = h("textarea", { rows: 2, maxlength: mem.limits.item });
+      input.value = it.text;
+      const ok = h("button", { class: "btn small primary" }, "保存");
+      ok.onclick = run(ok, () => api(`/api/account/memory/items/${it.id}`, { method: "PATCH", body: { text: input.value } }));
+      fill(body, input, h("div", { class: "row" }, ok, h("button", { class: "btn small", onclick: reload }, "取消")));
+      input.focus();
+    };
+    del.onclick = run(del, () => api(`/api/account/memory/items/${it.id}`, { method: "DELETE" }));
+    return h("div", { class: "list-item" }, body, edit, del);
+  };
+
+  const clearBtn = h("button", { class: "btn danger" }, "清空全部记忆");
+  clearBtn.onclick = run(clearBtn, async () => {
+    const sure = await confirmDialog({
+      title: "清空全部记忆？",
+      message: "「关于我」和所有记住的事都会删除，不能恢复。",
+      confirmText: "清空",
+      danger: true,
+    });
+    if (!sure) return false;
+    await api("/api/account/memory", { method: "DELETE" });
+    toast("已清空");
+  });
+
+  fill(
+    panel,
+    h(
+      "div",
+      { class: "section" },
+      h("h4", {}, "记忆", h("span", { class: "grow" }), h("label", { class: "check" }, enabled, "开启")),
+      h(
+        "div",
+        { class: "muted" },
+        "像 ChatGPT 的记忆：对话时 agent 会参考你的「关于我」和记住的事，聊天里遇到长期有用的信息也会主动记一条（会在回复里告诉你）。Claude 和 Codex、Web 和飞书共用这一份。",
+      ),
+      h(
+        "div",
+        { class: "muted" },
+        "用在哪些对话：你在 Web 上的对话；在「账号」里绑定了飞书后，和机器人的私聊也会用。飞书群聊不用。别人（包括管理员）看不到你的记忆，管理员只能清空它。",
+      ),
+    ),
+    h(
+      "div",
+      { class: "section" },
+      h("h4", {}, "自动"),
+      curateSection(mem, reload),
+      toggle("chatHistory", "参考以前的聊天", "已开启：agent 能搜你以前的聊天了", "已关闭：agent 不再搜以前的聊天"),
+      h(
+        "div",
+        { class: "muted" },
+        `agent 遇到「上次说的那个……」时，可以搜你以前的聊天（只有你自己的对话，被删掉的对话不算）。${history ? `现在收录了 ${history.conversations} 段对话、${history.count} 句话。` : ""}`,
+      ),
+      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" },
+      h("h4", {}, `记住的事（${items.length}）`),
+      h("div", { class: "row" }, newItem, addBtn),
+      items.length ? items.map(itemRow) : h("div", { class: "muted" }, "还没有。聊天时说「记住……」，或者在上面手动加。"),
+    ),
+    h(
+      "div",
+      { class: "section" },
+      h("div", { class: "muted" }, "注意：和多用户一样，这不是安全隔离 —— 工作模式下 agent 能读到这台机器上的文件，也包括记忆文件。"),
+      h("div", { class: "row" }, clearBtn),
+    ),
+  );
+}
+
+/** 记忆页里的「整理记忆」：什么时候整理、用哪个 agent 的哪个模型、现在整理、上次的结果 */
+function curateSection(mem, reload) {
+  const c = { ...mem.curate };
+  const box = h("div");
+  const save = async (patch) => {
+    try {
+      await api("/api/account/memory", { method: "PUT", body: { curate: patch } });
+      Object.assign(c, patch);
+      if (patch.agent === "auto") c.model = "";
+      render();
+      toast("已保存");
+    } catch (err) {
+      toast(err.message);
+      render();
+    }
+  };
+  const select = (value, options, onchange) =>
+    h("select", { onchange: (e) => onchange(e.target.value) }, options.map(([v, label]) => h("option", { value: v, selected: String(v) === String(value) }, label)));
+
+  const render = () => {
+    const when = select(
+      c.when,
+      [
+        ["daily", "每天一次，把当天聊过的合起来整理（推荐）"],
+        ["idle", "每段对话聊完后就整理"],
+        ["manual", "只在我点「现在整理」时"],
+        ["off", "不整理"],
+      ],
+      (v) => save({ when: v }),
+    );
+    const timing =
+      c.when === "idle"
+        ? field("停下来多久算聊完", select(c.idleMinutes, [10, 30, 60, 120, 240].map((m) => [m, m < 60 ? `${m} 分钟` : `${m / 60} 小时`]), (v) => save({ idleMinutes: Number(v) })))
+        : c.when === "daily"
+          ? field(
+              "几点整理（服务器所在时区）",
+              select(c.dailyHour, Array.from({ length: 24 }, (_, i) => [i, `${i} 点`]), (v) => save({ dailyHour: Number(v) })),
+              "这个点之后第一次检查时整理；服务器那会儿没开机的话，开机后补上",
+            )
+          : null;
+    const agent = select(
+      c.agent,
+      [
+        ["auto", "自动：有 Claude 就用 Claude，否则 Codex"],
+        ["claude", "Claude Code"],
+        ["codex", "Codex"],
+      ],
+      (v) => save({ agent: v, model: "" }),
+    );
+    const model =
+      c.agent === "auto"
+        ? null
+        : (() => {
+            const sel = h("select", { onchange: (e) => save({ model: e.target.value }) }, h("option", { value: "" }, c.agent === "claude" ? "默认：Haiku（最省）" : "默认模型，思考程度 low（最省）"));
+            if (c.model) sel.append(h("option", { value: c.model, selected: true }, c.model));
+            agentCatalog(c.agent)
+              .then((models) => {
+                for (const m of models) {
+                  if (m.id === "default" || m.id === c.model) continue;
+                  sel.append(h("option", { value: m.id }, m.label || m.id));
+                }
+              })
+              .catch(() => sel.append(h("option", { value: "", disabled: true }, "（这个 agent 没启用，读不到模型列表）")));
+            return field("模型", sel, "整理只是读一遍对话、改几条记忆，用便宜的模型就够了；贵的模型会多占订阅额度");
+          })();
+
+    const nowBtn = h("button", { class: "btn small", disabled: c.when === "off" || !mem.enabled }, "现在整理");
+    nowBtn.onclick = async () => {
+      nowBtn.disabled = true;
+      nowBtn.textContent = "整理中…";
+      try {
+        const r = await api("/api/account/memory/curate", { method: "POST" });
+        toast(
+          r.error
+            ? `整理失败：${r.error}`
+            : r.conversations
+              ? `整理了 ${r.conversations} 段对话：新增 ${r.added.length}、更新 ${r.updated.length}、删除 ${r.removed}`
+              : "没有需要整理的对话（正在回复的那段先不整理）",
+        );
+        reload();
+      } catch (err) {
+        toast(err.message);
+        nowBtn.disabled = false;
+        nowBtn.textContent = "现在整理";
+      }
+    };
+    const last = mem.lastCuration;
+    const lastText = last
+      ? last.error
+        ? `上次整理（${relTime(last.at)}）没成功：${last.error}`
+        : `上次整理：${relTime(last.at)}，${last.conversations} 段对话${last.by ? `，用 ${last.by}` : ""}，新增 ${last.added.length}、更新 ${last.updated.length}、删除 ${last.removed}`
+      : "还没整理过";
+
+    fill(
+      box,
+      field("整理记忆", when),
+      h(
+        "div",
+        { class: "muted" },
+        {
+          daily: "攒一天再整理：每次整理都要把你现有的记忆整份带上，合起来一次最省额度，几段对话放在一起看也更容易合并重复。改了什么只显示在这里，不打扰对话。",
+          idle: "每段对话停下来就整理一次，改了什么会在那条对话里告诉你。最及时，但聊得多时调用次数也多。",
+          manual: "聊过的内容会攒着，你点「现在整理」时一次整理完。",
+          off: "不整理，聊过的内容也不攒着。聊天里 agent 照样可以自己用 remember 记东西。",
+        }[c.when],
+      ),
+      timing,
+      c.when === "off" ? null : field("用哪个 agent", agent),
+      c.when === "off" ? null : model,
+      h("div", { class: "row", style: { alignItems: "center", gap: "10px" } }, nowBtn, h("span", { class: "muted" }, `${mem.pending ? `有 ${mem.pending} 段对话等着整理。` : ""}${lastText}`)),
+      h("div", { class: "muted" }, "整理时会对照现有记忆补充、更新或删掉过时的条目；你自己加的条目它不会动。"),
+    );
+  };
+  render();
+  return box;
+}
+
+/** 「账号」页里的飞书绑定：Web 上生成绑定码，再在飞书私聊里发 /bind，两边都证明是本人 */
+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;
+}
+
 // ---------- 用户（管理员） ----------
 
 async function usersTab(panel) {
@@ -4770,11 +5397,30 @@ async function usersTab(panel) {
       roleBtn.onclick = act(roleBtn, () => patch(u, { role: u.role === "admin" ? "member" : "admin" }));
       const disBtn = h("button", { class: "btn small", disabled: self }, u.disabled ? "启用" : "停用");
       disBtn.onclick = act(disBtn, () => patch(u, { disabled: !u.disabled }));
+      const memBtn = h("button", { class: "btn small", title: "删除他的「关于我」和所有记住的事。管理员看不到记忆的内容" }, "清空记忆");
+      memBtn.onclick = act(memBtn, async () => {
+        const sure = await confirmDialog({
+          title: `清空「${u.name}」的记忆？`,
+          message: "他的「关于我」和所有记住的事都会删除，不能恢复。",
+          confirmText: "清空",
+          danger: true,
+        });
+        if (!sure) return false;
+        await api(`/api/users/${encodeURIComponent(u.id)}/memory`, { 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: "他的设备会立刻下线。他的对话不会删除，之后归管理员。",
+          message: "他的设备会立刻下线，记忆和飞书绑定一起删除。他的对话不会删除，之后归管理员。",
           confirmText: "删除",
           danger: true,
         });
@@ -4797,12 +5443,14 @@ async function usersTab(panel) {
             h("span", { class: "status-tag" }, u.role === "admin" ? "管理员" : "成员"),
             u.disabled ? h("span", { class: "status-tag bad" }, "已停用") : null,
           ),
-          h("div", { class: "s" }, `创建于 ${relTime(u.createdAt)} · ${u.devices} 台设备已登录`),
+          h("div", { class: "s" }, `创建于 ${relTime(u.createdAt)} · ${u.devices} 台设备已登录${u.feishuLinks ? ` · 绑定了 ${u.feishuLinks} 个飞书账号` : ""}`),
           extra,
         ),
         pwBtn,
         roleBtn,
         disBtn,
+        memBtn,
+        linkBtn,
         rmBtn,
       );
     }),
@@ -4872,10 +5520,6 @@ async function systemTab(cfg, panel) {
 
 // ---------- 启动 ----------
 
-boot()
-  .then(() => {
-    ui.messages?.addEventListener("scroll", () => (ui.stick = nearBottom()), { passive: true });
-  })
-  .catch((err) => {
+boot().catch((err) => {
     fill($app, h("div", { class: "auth" }, h("div", { class: "auth-card" }, h("p", {}, `加载失败：${err.message}`))));
   });