agent-loft 0.2.30 → 0.2.31

package/web/css/tasks.css

@@ -0,0 +1,455 @@
+/* ---------- 定时任务 ---------- */
+
+/* 侧栏「最近」上面的入口：和「新聊天」同一个样子 */
+.side-nav {
+  display: flex;
+  justify-content: flex-start;
+  width: calc(100% - 20px);
+  margin: 2px 10px 6px;
+  padding: 7px 10px;
+  gap: 8px;
+  background: transparent;
+  border: none;
+  font-size: 14px;
+  font-weight: 400;
+}
+
+.side-nav svg {
+  width: 16px;
+  height: 16px;
+}
+
+.side-nav:hover,
+.side-nav.active {
+  background: var(--bg-hover);
+}
+
+.conv-item .task-mark {
+  color: var(--fg-soft);
+}
+
+/* 任务页不要输入框，也不要「回到底部」 */
+.main.tasks-view .composer-wrap,
+.main.tasks-view .to-bottom {
+  display: none;
+}
+
+.tasks-page {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding-top: 8px;
+}
+
+.tasks-head {
+  display: flex;
+  align-items: flex-start;
+  gap: 16px;
+}
+
+.tasks-head .grow {
+  flex: 1;
+  min-width: 0;
+}
+
+.tasks-head h2 {
+  margin: 0 0 6px;
+  font-size: 24px;
+  font-weight: 600;
+}
+
+.tasks-head p {
+  margin: 0;
+  font-size: 13px;
+  line-height: 1.6;
+  color: var(--fg-soft);
+}
+
+.tasks-head .btn {
+  flex-shrink: 0;
+}
+
+.task-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.task-card {
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 12px 14px 12px 16px;
+  background: var(--bg);
+}
+
+.task-card.off .task-title,
+.task-card.off .task-meta,
+.task-card.off .task-prompt {
+  opacity: 0.6;
+}
+
+.task-top {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.task-title {
+  flex: 1;
+  min-width: 0;
+  padding: 0;
+  text-align: left;
+  font-size: 16px;
+  font-weight: 600;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.task-meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 2px 0;
+  margin-top: 4px;
+  font-size: 13px;
+  color: var(--fg-soft);
+}
+
+/* 分隔点挂在前一项的末尾：换行时点留在行尾，不会出现在下一行开头 */
+.task-meta span:not(:last-child)::after {
+  content: "·";
+  margin: 0 8px;
+  color: var(--fg-faint);
+}
+
+.task-prompt {
+  margin-top: 8px;
+  font-size: 13px;
+  line-height: 1.6;
+  color: var(--fg-soft);
+  white-space: pre-wrap;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.task-run {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  min-width: 0;
+  margin-top: 10px;
+  padding: 8px 10px;
+  border-radius: 10px;
+  background: var(--bg-soft);
+  font-size: 13px;
+  text-align: left;
+}
+
+button.task-run:hover {
+  background: var(--bg-hover);
+}
+
+.task-run.compact {
+  margin-top: 2px;
+  padding: 6px 10px;
+  background: transparent;
+}
+
+.task-run.muted {
+  color: var(--fg-faint);
+}
+
+.task-status {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  flex-shrink: 0;
+  padding: 1px 8px;
+  border-radius: 999px;
+  font-size: 12px;
+  border: 1px solid currentColor;
+}
+
+.task-status .conv-spin {
+  width: 10px;
+  height: 10px;
+}
+
+.task-status.ok {
+  color: var(--ok);
+}
+
+.task-status.quiet {
+  color: var(--fg-faint);
+}
+
+.task-status.bad {
+  color: var(--danger);
+}
+
+.task-status.run {
+  color: var(--accent);
+}
+
+.task-run-at {
+  flex-shrink: 0;
+  color: var(--fg-faint);
+}
+
+.task-run-text {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--fg-soft);
+}
+
+.task-history summary {
+  margin-top: 8px;
+  font-size: 12px;
+  color: var(--fg-faint);
+  cursor: pointer;
+}
+
+.task-history summary:hover {
+  color: var(--fg-soft);
+}
+
+/* 开关 */
+.switch {
+  position: relative;
+  display: inline-block;
+  width: 36px;
+  height: 20px;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+
+.switch input {
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+
+.switch .slider {
+  position: absolute;
+  inset: 0;
+  border-radius: 999px;
+  background: var(--border);
+  transition: background 0.15s;
+}
+
+.switch .slider::before {
+  content: "";
+  position: absolute;
+  left: 2px;
+  top: 2px;
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background: #fff;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+  transition: transform 0.15s;
+}
+
+.switch input:checked + .slider {
+  background: var(--accent);
+}
+
+.switch input:checked + .slider::before {
+  transform: translateX(16px);
+}
+
+.switch input:focus-visible + .slider {
+  outline: 2px solid var(--accent);
+  outline-offset: 2px;
+}
+
+/* 空状态 + 例子 */
+.tasks-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 6px;
+  padding: 32px 0 8px;
+  text-align: center;
+}
+
+.tasks-empty-icon svg {
+  width: 40px;
+  height: 40px;
+  color: var(--fg-faint);
+}
+
+.tasks-empty .t {
+  font-size: 17px;
+  font-weight: 600;
+}
+
+.tasks-empty > .s {
+  font-size: 13px;
+  color: var(--fg-soft);
+  margin-bottom: 10px;
+}
+
+.task-examples {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  gap: 10px;
+  width: 100%;
+}
+
+.task-example {
+  text-align: left;
+  padding: 12px 14px;
+  border: 1px solid var(--border);
+  border-radius: 12px;
+}
+
+.task-example:hover {
+  background: var(--bg-hover);
+}
+
+.task-example .t {
+  font-size: 14px;
+  font-weight: 600;
+  margin-bottom: 4px;
+}
+
+.task-example .s {
+  font-size: 12px;
+  line-height: 1.6;
+  color: var(--fg-soft);
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.tasks-tip {
+  margin: 4px 0 0;
+  font-size: 12px;
+  color: var(--fg-faint);
+  text-align: center;
+}
+
+/* 表单 */
+.task-form [hidden] {
+  display: none !important;
+}
+
+.task-form textarea {
+  resize: vertical;
+  font: inherit;
+  line-height: 1.6;
+}
+
+.task-dedicated {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+/* 频率：上面选种类，下面填具体时间 */
+.task-freq-row {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.task-freq {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+}
+
+.task-freq:empty {
+  display: none;
+}
+
+.field .task-freq input,
+.field .task-freq select {
+  width: auto;
+  color-scheme: light dark;
+}
+
+.field .task-freq input:not(.narrow):not([type="time"]) {
+  flex: 1;
+  min-width: 180px;
+}
+
+.field .task-freq .narrow {
+  width: 84px;
+}
+
+.freq-word {
+  font-size: 14px;
+  color: var(--fg-soft);
+}
+
+.day-chips {
+  display: flex;
+  gap: 4px;
+}
+
+.day-chip {
+  width: 34px;
+  height: 34px;
+  border-radius: 50%;
+  border: 1px solid var(--border);
+  font-size: 13px;
+}
+
+.day-chip.on {
+  background: var(--accent);
+  border-color: var(--accent);
+  color: var(--accent-fg);
+}
+
+.task-static {
+  font-size: 14px;
+  color: var(--fg-soft);
+  padding: 2px 0;
+}
+
+.task-cwd {
+  justify-content: flex-start;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* 对话里：定时任务这次判断不用提醒，折叠成一行 */
+.silent-run {
+  font-size: 13px;
+  color: var(--fg-faint);
+}
+
+.silent-run summary {
+  cursor: pointer;
+  list-style: none;
+}
+
+.silent-run summary::-webkit-details-marker {
+  display: none;
+}
+
+.silent-run summary:hover {
+  color: var(--fg-soft);
+}
+
+.silent-run[open] summary {
+  margin-bottom: 8px;
+}
+
+@media (max-width: 640px) {
+  .tasks-head h2 {
+    font-size: 21px;
+  }
+}

package/web/index.html

@@ -24,6 +24,7 @@
     <link rel="stylesheet" href="/css/overlay.css" />
     <link rel="stylesheet" href="/css/settings.css" />
     <link rel="stylesheet" href="/css/schedule.css" />
+    <link rel="stylesheet" href="/css/tasks.css" />
     <link rel="stylesheet" href="/css/mobile.css" />
   </head>
   <body>

package/web/lib/ws.js

@@ -197,6 +197,10 @@ function onWsMessage(msg) {
     case "ix":
       upsertInteraction(msg.interaction);
       return;
+    case "tasks":
+      // 自己的定时任务变了：定时任务页开着的话会去重新拉（views/tasks.js）
+      document.dispatchEvent(new Event("aim:tasks"));
+      return;
     case "notice":
       // 正看着这条会话就不打扰；普通网页靠 Web Push，这里只给桌面端
       if (!desktop) return;

package/web/state.js

@@ -21,6 +21,8 @@ export const S = {
   loadToken: 0,
   /** 登录的用户 { id, name, role } */
   user: null,
+  /** 主区域在显示什么：null 是对话（或新对话），"tasks" 是定时任务页 */
+  view: null,
 };
 
 export const isAdmin = () => S.user?.role === "admin";

package/web/views/conv-actions.js

@@ -198,12 +198,16 @@ export async function openSessions(all) {
 }
 
 /** 目录选择器：一层层点进去选，也能手动输入。只能在 workspaceRoot 之内 */
-export async function changeCwd() {
+/**
+ * 选工作目录。pick 给了就是别处借用（定时任务的表单）：从 pick.current 开始，选好交给 pick.onPick，
+ * 不动当前对话。
+ */
+export async function changeCwd(pick) {
   // 还没发消息的新对话：只记下选择，创建会话时带过去
-  const draft = !S.current;
-  const conv = draft ? null : S.convs.get(S.current);
-  const current = draft ? (S.draftCwd ?? S.workspaceRoot ?? "") : (conv?.cwd ?? "");
-  const goLabel = draft ? "使用此目录" : "切换到此目录";
+  const draft = !pick && !S.current;
+  const conv = draft || pick ? null : S.convs.get(S.current);
+  const current = pick ? pick.current : draft ? (S.draftCwd ?? S.workspaceRoot ?? "") : (conv?.cwd ?? "");
+  const goLabel = pick || draft ? "使用此目录" : "切换到此目录";
   let showHidden = localStorage.getItem("aim.cwdHidden") === "1";
   let listing = null;
   let seq = 0;
@@ -231,9 +235,9 @@ export async function changeCwd() {
     list,
   );
   const go = h("button", { class: "btn primary", disabled: true }, goLabel);
-  const note = h("span", { class: "muted grow" }, draft ? "发送第一条消息时在这个目录开会话" : "切换后开新会话");
+  const note = h("span", { class: "muted grow" }, pick ? "" : draft ? "发送第一条消息时在这个目录开会话" : "切换后开新会话");
   const close = modal({
-    title: draft ? "选择工作目录" : "切换工作目录",
+    title: pick || draft ? "选择工作目录" : "切换工作目录",
     body,
     foot: h("div", { class: "modal-foot", style: { alignItems: "center" } }, note, go),
   });
@@ -241,6 +245,10 @@ export async function changeCwd() {
   go.onclick = async () => {
     if (!listing) return;
     close();
+    if (pick) {
+      pick.onPick(listing.path);
+      return;
+    }
     if (draft) {
       S.draftCwd = listing.path === listing.root ? null : listing.path;
       if (!S.current) renderEmpty();

package/web/views/layout.js

@@ -47,6 +47,14 @@ function openSettings() {
   );
 }
 
+/** 定时任务页：第一次打开时才加载 */
+export function openTasksView() {
+  import("./tasks.js").then(
+    (m) => m.openTasks(),
+    (err) => toast(`定时任务页加载失败，刷新页面再试：${err.message}`),
+  );
+}
+
 export async function boot() {
   const me = await api("/api/me");
   if (!me.authed) return showAuth();
@@ -72,7 +80,8 @@ export async function boot() {
   const fromHash = decodeURIComponent(location.hash.slice(1));
   // 地址里带了会话就打开它；否则打开「最近」里最近活跃的那个对话，一个都没有才进新对话页
   const latest = [...S.convs.values()].filter((c) => !c.hidden).sort((a, b) => b.activeAt - a.activeAt)[0];
-  if (fromHash && S.convs.has(fromHash)) await openConversation(fromHash);
+  if (fromHash === "tasks") openTasksView();
+  else if (fromHash && S.convs.has(fromHash)) await openConversation(fromHash);
   else if (latest) await openConversation(latest.key);
   else newDraft();
   // 点了桌面端的系统通知 / 菜单栏里的待处理项：跳到对应会话
@@ -159,6 +168,8 @@ function renderLayout() {
       { class: "side-top" },
       h("button", { class: "btn new-chat", onclick: () => (newDraft(), closeSide()) }, icon("compose"), "新聊天"),
     ),
+    // 「最近」上面的入口，像 ChatGPT 的 Tasks。当前在任务页时高亮（renderSidebar 里切换）
+    (ui.tasksNav = h("button", { class: "btn new-chat side-nav", onclick: () => openTasksView() }, icon("clock"), "定时任务")),
     ui.convList,
     h(
       "div",

package/web/views/messages.js

@@ -13,7 +13,15 @@ import { changeCwd, forkConversation } from "./conv-actions.js";
 
 // ---------- 打开会话 ----------
 
+/** 从定时任务页回到对话：把输入框放回来 */
+function leaveTasksView() {
+  if (S.view !== "tasks") return;
+  S.view = null;
+  ui.main.classList.remove("tasks-view");
+}
+
 export function newDraft() {
+  leaveTasksView();
   if (S.current) WS.raw({ t: "unsub", key: S.current });
   S.current = null;
   S.items = [];
@@ -57,6 +65,7 @@ export function renderEmpty() {
 }
 
 export async function openConversation(key) {
+  leaveTasksView();
   const token = ++S.loadToken;
   if (S.current && S.current !== key) WS.raw({ t: "unsub", key: S.current });
   S.current = key;
@@ -349,8 +358,13 @@ function renderItem(item) {
   return h("div");
 }
 
+/** 定时任务的 agent 判断这次不用提醒时，回复第一行写的暗号（见 core/task-prompt.ts） */
+const SILENT_MARK = "[[静默]]";
+
 function renderAi(item) {
-  const body = item.committed + (item.partial ? (item.committed ? "\n\n" : "") + item.partial : "");
+  const raw = item.committed + (item.partial ? (item.committed ? "\n\n" : "") + item.partial : "");
+  const silent = raw.trimStart().startsWith(SILENT_MARK);
+  const body = silent ? raw.trimStart().slice(SILENT_MARK.length).trim() : raw;
   const working = !item.done;
   const steps =
     item.steps.length > 0
@@ -380,7 +394,14 @@ function renderAi(item) {
     "div",
     { class: "msg-ai" },
     steps,
-    body ? renderMarkdown(body) : null,
+    // 定时任务这次没什么要说的：折叠成一行，展开能看到它顺手记的检查结果
+    silent && body
+      ? h("details", { class: "silent-run" }, h("summary", {}, "🔕 定时任务：这次无需提醒"), renderMarkdown(body))
+      : silent
+        ? h("div", { class: "silent-run" }, "🔕 定时任务：这次无需提醒")
+        : body
+          ? renderMarkdown(body)
+          : null,
     // 还在回复：末尾挂上星星动画和实时用时；什么都还没出来时旁边带一句「思考中…」
     working
       ? h(

package/web/views/sidebar.js

@@ -267,6 +267,7 @@ export function renderSidebar() {
     return;
   }
   sidebarStale = false;
+  ui.tasksNav?.classList.toggle("active", S.view === "tasks");
   const askKeys = new Set([...S.pending.values()].filter((i) => !i.settled).map((i) => i.convKey));
   const visible = [...S.convs.values()].filter((c) => !c.hidden).sort((a, b) => b.activeAt - a.activeAt);
   const cur = S.current ? S.convs.get(S.current) : null;
@@ -294,6 +295,8 @@ export function renderSidebar() {
         onclick: () => open(c.key),
       },
       orphan ? h("span", { class: "brand-icon lead fork-mark", html: ICON.fork }) : null,
+      // 定时任务的专用对话
+      c.taskId ? h("span", { class: "brand-icon lead task-mark", title: "定时任务的对话", html: ICON.clock }) : null,
       h("span", { class: "title" }, convTitle(c)),
       status([c.key]),
     );