feat: 多语言任务、WebUI 增强与 Agent MCP 集成

重构 lib 为扁平模块并支持 Windows schtasks；新增 JS/Bash/PowerShell 模板、WebUI 调度编辑，以及 Cursor Skill 与 MCP 工具供 Agent 管理定时任务。

Co-authored-by: Cursor <cursoragent@cursor.com>

webui/backend/main.py

@@ -17,16 +17,17 @@ FRONTEND_DIR = Path(__file__).resolve().parents[1] / "frontend"
 
 sys.path.insert(0, str(CRON_ROOT / "lib"))
 
-from shumengya_cron.manager import (  # noqa: E402
+from manager import (  # noqa: E402
     build_task_info,
     list_tasks,
     read_log_tail,
     set_task_state,
     sync_cron_d,
     toggle_task,
+    update_task_schedule,
 )
-from shumengya_cron.manager import get_context  # noqa: E402
-from shumengya_cron.runner import task_is_enabled  # noqa: E402
+from manager import get_context  # noqa: E402
+from runner import task_is_enabled  # noqa: E402
 
 app = FastAPI(title="SproutClaw Cron", version="1.0.0")
 
@@ -45,6 +46,18 @@ class RunResponse(BaseModel):
     pid: int | None = None
 
 
+class ScheduleUpdate(BaseModel):
+    description: str = ""
+    schedule: str
+    tags: list[str] = []
+
+
+class ScheduleUpdateResponse(BaseModel):
+    ok: bool = True
+    message: str = ""
+    task: dict[str, object]
+
+
 def _task_not_found(exc: FileNotFoundError) -> HTTPException:
     return HTTPException(status_code=404, detail=str(exc))
 
@@ -62,6 +75,13 @@ def health() -> dict[str, str]:
     return {"status": "ok"}
 
 
+@app.get("/api/runtimes")
+def api_runtimes() -> list[dict[str, object]]:
+    from runtime_probe import probe_all_runtimes
+
+    return probe_all_runtimes()
+
+
 @app.get("/api/tasks")
 def api_list_tasks() -> list[dict[str, object]]:
     return [task.to_dict() for task in list_tasks(CRON_ROOT)]
@@ -112,6 +132,27 @@ def api_sync_cron(task_id: str) -> MessageResponse:
         raise _task_not_found(exc) from exc
 
 
+@app.patch("/api/tasks/{task_id}/schedule", response_model=ScheduleUpdateResponse)
+def api_update_schedule(task_id: str, body: ScheduleUpdate) -> ScheduleUpdateResponse:
+    try:
+        info, message = update_task_schedule(
+            task_id,
+            description=body.description,
+            schedule=body.schedule,
+            tags=body.tags,
+            root=CRON_ROOT,
+            sync=True,
+        )
+        return ScheduleUpdateResponse(
+            message=message or "已保存",
+            task=info.to_dict(),
+        )
+    except FileNotFoundError as exc:
+        raise _task_not_found(exc) from exc
+    except ValueError as exc:
+        raise HTTPException(status_code=400, detail=str(exc)) from exc
+
+
 @app.post("/api/tasks/{task_id}/run", response_model=RunResponse)
 def api_run_task(task_id: str) -> RunResponse:
     try:

webui/frontend/app.js

@@ -2,6 +2,7 @@ const API = "/api";
 const REFRESH_INTERVAL = 15000;
 
 const els = {
+  runtimes: document.getElementById("runtimes"),
   taskBody: document.getElementById("task-body"),
   taskCards: document.getElementById("task-cards"),
   stats: document.getElementById("stats"),
@@ -13,12 +14,25 @@ const els = {
   logTitle: document.getElementById("log-title"),
   logSubtitle: document.getElementById("log-subtitle"),
   logContent: document.getElementById("log-content"),
-  sidebar: document.getElementById("sidebar"),
-  overlay: document.getElementById("overlay"),
+  editDialog: document.getElementById("edit-dialog"),
+  editForm: document.getElementById("edit-form"),
+  editTitle: document.getElementById("edit-title"),
+  editDescription: document.getElementById("edit-description"),
+  editMinute: document.getElementById("edit-minute"),
+  editHour: document.getElementById("edit-hour"),
+  editDom: document.getElementById("edit-dom"),
+  editMonth: document.getElementById("edit-month"),
+  editDow: document.getElementById("edit-dow"),
+  editPreview: document.getElementById("edit-preview"),
+  cronPresets: document.getElementById("cron-presets"),
+  editTagListEl: document.getElementById("edit-tags"),
+  editTagInput: document.getElementById("edit-tag-input"),
 };
 
 let allTasks = [];
 let currentLogTaskId = null;
+let currentEditTaskId = null;
+let editTagList = [];
 let refreshTimer = null;
 
 const escapeHtml = (str) =>
@@ -61,19 +75,23 @@ async function api(path, options = {}) {
   });
   const data = await res.json().catch(() => ({}));
   if (!res.ok) {
-    throw new Error(data.detail || data.message || `请求失败 (${res.status})`);
+    const detail = data.detail;
+    const msg = Array.isArray(detail)
+      ? detail.map((d) => d.msg || d).join("; ")
+      : detail || data.message || `请求失败 (${res.status})`;
+    throw new Error(msg);
   }
   return data;
 }
 
 function statusMarkup(task) {
   if (task.running) {
-    return '<span class="status run"><span class="dot"></span>运行中</span>';
+    return '<span class="badge badge-run"><span class="dot"></span>运行中</span>';
   }
   if (task.enabled) {
-    return '<span class="status on"><span class="dot"></span>已开启</span>';
+    return '<span class="badge badge-on"><span class="dot"></span>已开启</span>';
   }
-  return '<span class="status off"><span class="dot"></span>已关闭</span>';
+  return '<span class="badge badge-off"><span class="dot"></span>已关闭</span>';
 }
 
 function scheduleMarkup(task) {
@@ -97,39 +115,173 @@ function actionButtons(task) {
     <div class="actions">
       <button type="button" class="btn ${toggleClass}" data-action="toggle" data-id="${escapeHtml(task.task_id)}">${toggleLabel}</button>
       <button type="button" class="btn" data-action="run" data-id="${escapeHtml(task.task_id)}" ${task.running ? "disabled" : ""}>运行</button>
+      <button type="button" class="btn" data-action="edit" data-id="${escapeHtml(task.task_id)}">修改</button>
       <button type="button" class="btn" data-action="sync" data-id="${escapeHtml(task.task_id)}">同步</button>
       <button type="button" class="btn" data-action="log" data-id="${escapeHtml(task.task_id)}">日志</button>
     </div>
   `;
 }
 
+const CRON_FIELD_KEYS = ["editMinute", "editHour", "editDom"];
+
+function parseCron(expr) {
+  const parts = (expr || "0 8 * * *").trim().split(/\s+/);
+  return {
+    minute: parts[0] ?? "0",
+    hour: parts[1] ?? "8",
+    dom: parts[2] ?? "*",
+    month: parts[3] ?? "*",
+    dow: parts[4] ?? "*",
+  };
+}
+
+const CRON_DOW_OPTIONS = [
+  ["*", "每"],
+  ["0", "周日"],
+  ["1", "周一"],
+  ["2", "周二"],
+  ["3", "周三"],
+  ["4", "周四"],
+  ["5", "周五"],
+  ["6", "周六"],
+];
+
+const CRON_MONTH_OPTIONS = [
+  ["*", "每"],
+  ...Array.from({ length: 12 }, (_, i) => [String(i + 1), `${i + 1}月`]),
+];
+
+function resetSelectOptions(selectEl, options, value) {
+  selectEl.innerHTML = options.map(
+    ([val, label]) => `<option value="${val}">${label}</option>`
+  ).join("");
+  if ([...selectEl.options].some((opt) => opt.value === value)) {
+    selectEl.value = value;
+    return;
+  }
+  const opt = document.createElement("option");
+  opt.value = value;
+  opt.textContent = value;
+  opt.selected = true;
+  selectEl.appendChild(opt);
+}
+
+function resetDowSelect(value) {
+  resetSelectOptions(els.editDow, CRON_DOW_OPTIONS, value);
+}
+
+function resetMonthSelect(value) {
+  resetSelectOptions(els.editMonth, CRON_MONTH_OPTIONS, value);
+}
+
+function fillCronForm(expr) {
+  const { minute, hour, dom, month, dow } = parseCron(expr);
+  els.editMinute.value = minute;
+  els.editHour.value = hour;
+  els.editDom.value = dom;
+  resetMonthSelect(month);
+  resetDowSelect(dow);
+}
+
+function buildScheduleFromForm() {
+  const values = CRON_FIELD_KEYS.map((key) => {
+    const raw = els[key].value.trim();
+    return raw === "" ? "*" : raw;
+  });
+  values.push(els.editMonth.value.trim() || "*");
+  values.push(els.editDow.value.trim() || "*");
+  return values.join(" ");
+}
+
+function updateEditPreview() {
+  try {
+    els.editPreview.textContent = buildScheduleFromForm() || "—";
+  } catch {
+    els.editPreview.textContent = "—";
+  }
+}
+
+const MAX_TASK_TAGS = 4;
+
+const RUNTIME_LABELS = {
+  python: "Python",
+  javascript: "JavaScript",
+  bash: "Bash",
+  powershell: "PowerShell",
+};
+
+function runtimeLabel(task) {
+  return RUNTIME_LABELS[task.runtime] || task.runtime || "Python";
+}
+
+function displayTags(task) {
+  const tags = Array.isArray(task.tags) ? task.tags.filter(Boolean) : [];
+  if (tags.length) return tags.slice(0, MAX_TASK_TAGS);
+  return [runtimeLabel(task)];
+}
+
+function tagsMarkup(task) {
+  return displayTags(task)
+    .map((tag) => `<span class="task-tag">${escapeHtml(tag)}</span>`)
+    .join("");
+}
+
 function nameMarkup(task) {
   return `
-    <div class="task-name">${escapeHtml(task.task_id)}</div>
+    <div class="task-name-row">
+      <span class="task-name">${escapeHtml(task.task_id)}</span>
+      ${tagsMarkup(task)}
+    </div>
     ${task.description ? `<div class="task-desc">${escapeHtml(task.description)}</div>` : ""}
   `;
 }
 
+function renderRuntimes(items) {
+  els.runtimes.innerHTML = items
+    .map((item) => {
+      const version = item.available
+        ? escapeHtml(item.version || "—")
+        : '<span class="runtime-missing">无</span>';
+      const stateClass = item.available ? "is-ok" : "is-missing";
+      return `
+        <div class="runtime-card ${stateClass}">
+          <span class="runtime-name">${escapeHtml(item.name)}</span>
+          <span class="runtime-version">${version}</span>
+        </div>
+      `;
+    })
+    .join("");
+}
+
+async function loadRuntimes() {
+  try {
+    const items = await api("/runtimes");
+    renderRuntimes(items);
+  } catch {
+    els.runtimes.innerHTML = '<div class="runtime-card is-missing"><span class="runtime-name">运行时</span><span class="runtime-version"><span class="runtime-missing">检测失败</span></span></div>';
+  }
+}
+
 function renderStats(tasks) {
   const enabled = tasks.filter((t) => t.enabled).length;
   const running = tasks.filter((t) => t.running).length;
   const off = tasks.length - enabled;
   els.stats.innerHTML = `
-    <div class="meta-item">
-      <span class="label">任务总数</span>
-      <span class="value">${tasks.length}</span>
+    <div class="stat-card">
+      <span class="stat-label">任务总数</span>
+      <span class="stat-value">${tasks.length}</span>
     </div>
-    <div class="meta-item is-accent">
-      <span class="label">已开启</span>
-      <span class="value">${enabled}</span>
+    <div class="stat-card stat-accent">
+      <span class="stat-label">已开启</span>
+      <span class="stat-value">${enabled}</span>
     </div>
-    <div class="meta-item">
-      <span class="label">已关闭</span>
-      <span class="value">${off}</span>
+    <div class="stat-card">
+      <span class="stat-label">已关闭</span>
+      <span class="stat-value">${off}</span>
     </div>
-    <div class="meta-item is-run">
-      <span class="label">运行中</span>
-      <span class="value">${running}</span>
+    <div class="stat-card stat-run">
+      <span class="stat-label">运行中</span>
+      <span class="stat-value">${running}</span>
     </div>
   `;
   els.summaryText.textContent = running
@@ -167,18 +319,18 @@ function renderTasks(tasks) {
           <div class="name">${nameMarkup(task)}</div>
           ${statusMarkup(task)}
         </div>
-        <div class="task-card-body">
-          <div>
+        <div class="task-card-meta">
+          <div class="meta-block">
             <span class="field-label">调度</span>
             ${scheduleMarkup(task)}
           </div>
-          <div>
+          <div class="meta-block">
             <span class="field-label">日志</span>
-            <span class="log-meta">${formatBytes(task.log_size)}</span>
-            <span class="log-meta muted">${task.log_updated ? escapeHtml(task.log_updated) : "无记录"}</span>
+            <div class="log-meta">${formatBytes(task.log_size)}</div>
+            <div class="log-meta muted">${task.log_updated ? escapeHtml(task.log_updated) : "无记录"}</div>
           </div>
         </div>
-        ${actionButtons(task)}
+        <div class="task-card-actions">${actionButtons(task)}</div>
       </article>
     `
     )
@@ -188,10 +340,14 @@ function renderTasks(tasks) {
 function applyFilter() {
   const q = els.filter.value.trim().toLowerCase();
   const filtered = q
-    ? allTasks.filter((t) =>
-        t.task_id.toLowerCase().includes(q) ||
-        (t.description || "").toLowerCase().includes(q)
-      )
+    ? allTasks.filter((t) => {
+        const tagText = displayTags(t).join(" ").toLowerCase();
+        return (
+          t.task_id.toLowerCase().includes(q) ||
+          (t.description || "").toLowerCase().includes(q) ||
+          tagText.includes(q)
+        );
+      })
     : allTasks;
   renderTasks(filtered);
 }
@@ -203,6 +359,7 @@ async function loadTasks() {
     renderStats(tasks);
     applyFilter();
     els.lastRefresh.textContent = `已刷新 ${nowText()}`;
+    await loadRuntimes();
   } catch (err) {
     els.taskBody.innerHTML = `<tr><td colspan="5" class="empty">${escapeHtml(err.message)}</td></tr>`;
     els.taskCards.innerHTML = `<div class="empty">${escapeHtml(err.message)}</div>`;
@@ -217,6 +374,10 @@ async function handleAction(action, taskId) {
       await openLog(taskId);
       return;
     }
+    if (action === "edit") {
+      openEdit(taskId);
+      return;
+    }
     if (action === "run") {
       const res = await api(`/tasks/${encodeURIComponent(taskId)}/run`, { method: "POST" });
       showToast(res.ok === false ? res.message : `已启动 ${taskId}`);
@@ -256,6 +417,95 @@ async function refreshLog() {
   }
 }
 
+function renderEditTags() {
+  if (!els.editTagListEl) return;
+  els.editTagListEl.innerHTML = editTagList
+    .map(
+      (tag, index) => `
+      <span class="task-tag is-editable">
+        ${escapeHtml(tag)}
+        <button type="button" class="tag-remove" data-index="${index}" aria-label="移除 ${escapeHtml(tag)}">×</button>
+      </span>
+    `
+    )
+    .join("");
+  const atLimit = editTagList.length >= MAX_TASK_TAGS;
+  if (els.editTagInput) els.editTagInput.disabled = atLimit;
+  const addBtn = document.getElementById("btn-tag-add");
+  if (addBtn) addBtn.disabled = atLimit;
+}
+
+function addEditTag() {
+  if (!els.editTagInput) return;
+  const value = els.editTagInput.value.trim();
+  if (!value) return;
+  if (editTagList.length >= MAX_TASK_TAGS) {
+    showToast(`最多 ${MAX_TASK_TAGS} 个标签`, true);
+    return;
+  }
+  if (editTagList.includes(value)) {
+    showToast("标签已存在", true);
+    return;
+  }
+  editTagList.push(value);
+  els.editTagInput.value = "";
+  renderEditTags();
+}
+
+function removeEditTag(index) {
+  if (index < 0 || index >= editTagList.length) return;
+  editTagList.splice(index, 1);
+  renderEditTags();
+}
+
+function openEdit(taskId) {
+  const task = allTasks.find((t) => t.task_id === taskId);
+  if (!task) {
+    showToast("任务不存在", true);
+    return;
+  }
+
+  currentEditTaskId = taskId;
+  els.editTitle.textContent = taskId;
+  els.editDescription.value = task.description || "";
+  editTagList = [...displayTags(task)];
+  if (els.editTagInput) els.editTagInput.value = "";
+  renderEditTags();
+  fillCronForm(task.schedule || "0 8 * * *");
+  updateEditPreview();
+  els.editDialog.showModal();
+}
+
+async function saveEdit(event) {
+  event.preventDefault();
+  if (!currentEditTaskId) return;
+
+  const schedule = buildScheduleFromForm();
+  if (!schedule || schedule.split(/\s+/).length !== 5) {
+    showToast("请填写完整的分、时、日、月、周", true);
+    return;
+  }
+
+  try {
+    els.btnEditSave.disabled = true;
+    const res = await api(`/tasks/${encodeURIComponent(currentEditTaskId)}/schedule`, {
+      method: "PATCH",
+      body: JSON.stringify({
+        description: els.editDescription.value.trim(),
+        schedule,
+        tags: editTagList,
+      }),
+    });
+    els.editDialog.close();
+    showToast(res.message || "已保存");
+    await loadTasks();
+  } catch (err) {
+    showToast(err.message, true);
+  } finally {
+    els.btnEditSave.disabled = false;
+  }
+}
+
 function bindActions(root) {
   root.addEventListener("click", (event) => {
     const btn = event.target.closest("[data-action]");
@@ -264,31 +514,53 @@ function bindActions(root) {
   });
 }
 
-function closeSidebar() {
-  els.sidebar.classList.remove("open");
-  els.overlay.hidden = true;
-}
-
-document.getElementById("btn-refresh").addEventListener("click", loadTasks);
 document.getElementById("btn-refresh-top").addEventListener("click", loadTasks);
 document.getElementById("btn-log-refresh").addEventListener("click", refreshLog);
 document.getElementById("btn-log-close").addEventListener("click", () => els.logDialog.close());
-els.filter.addEventListener("input", applyFilter);
-
-document.getElementById("menu-toggle").addEventListener("click", () => {
-  els.sidebar.classList.add("open");
-  els.overlay.hidden = false;
+document.getElementById("btn-edit-close").addEventListener("click", () => els.editDialog.close());
+document.getElementById("btn-edit-cancel").addEventListener("click", () => els.editDialog.close());
+els.editForm.addEventListener("submit", saveEdit);
+els.editForm.addEventListener("click", (event) => {
+  if (event.target.closest("#btn-tag-add")) {
+    event.preventDefault();
+    addEditTag();
+    return;
+  }
+  const removeBtn = event.target.closest(".tag-remove");
+  if (removeBtn) {
+    event.preventDefault();
+    removeEditTag(Number(removeBtn.dataset.index));
+  }
 });
-els.overlay.addEventListener("click", closeSidebar);
+els.editForm.addEventListener("keydown", (event) => {
+  if (event.target !== els.editTagInput || event.key !== "Enter") return;
+  event.preventDefault();
+  addEditTag();
+});
+CRON_FIELD_KEYS.forEach((key) => els[key].addEventListener("input", updateEditPreview));
+els.editMonth.addEventListener("change", updateEditPreview);
+els.editDow.addEventListener("change", updateEditPreview);
+els.cronPresets.addEventListener("click", (event) => {
+  const btn = event.target.closest("[data-preset]");
+  if (!btn) return;
+  fillCronForm(btn.dataset.preset);
+  updateEditPreview();
+});
+els.btnEditSave = document.getElementById("btn-edit-save");
+els.filter.addEventListener("input", applyFilter);
 
 els.logDialog.addEventListener("click", (event) => {
   if (event.target === els.logDialog) els.logDialog.close();
 });
+els.editDialog.addEventListener("click", (event) => {
+  if (event.target === els.editDialog) els.editDialog.close();
+});
 
 document.addEventListener("keydown", (event) => {
   if (event.key === "Escape") {
     if (els.logDialog.open) els.logDialog.close();
-    else if (els.sidebar.classList.contains("open")) closeSidebar();
+    else if (els.editDialog.open) els.editDialog.close();
+    return;
   }
   if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === "k") {
     event.preventDefault();

webui/frontend/index.html

@@ -8,54 +8,34 @@
 </head>
 <body>
   <div class="layout">
-    <aside class="sidebar" id="sidebar" aria-label="主导航">
-      <div class="brand">
-        <div class="brand-text">
-          <h1>SproutClaw Cron</h1>
-          <p>定时任务管理面板</p>
-        </div>
-      </div>
-
-      <nav class="sidebar-nav">
-        <button type="button" class="nav-item active" data-view="tasks">
-          <span class="nav-dot" aria-hidden="true"></span>
-          <span>任务清单</span>
-        </button>
-      </nav>
-
-      <div class="sidebar-foot">
-        <button type="button" class="btn btn-ghost btn-block" id="btn-refresh">刷新列表</button>
-      </div>
-    </aside>
-
-    <div class="overlay" id="overlay" hidden></div>
-
     <main class="main">
       <header class="topbar">
-        <button type="button" class="menu-toggle" id="menu-toggle" aria-label="打开菜单">菜单</button>
         <div class="masthead">
-          <h2>定时任务管理</h2>
+          <p class="brand-kicker">SproutClaw Cron</p>
+          <h1>定时任务管理</h1>
           <p class="masthead-meta" id="summary-text">加载中…</p>
         </div>
-        <button type="button" class="btn btn-primary" id="btn-refresh-top">刷新</button>
+        <button type="button" class="btn btn-primary" id="btn-refresh-top" aria-label="刷新">刷新</button>
       </header>
 
       <section class="document">
-        <div class="doc-meta" id="stats" aria-live="polite"></div>
+        <div class="runtime-grid" id="runtimes" aria-label="本机运行时环境"></div>
+
+        <div class="stats-grid" id="stats" aria-live="polite"></div>
 
         <div class="toolbar">
           <div class="search">
+            <svg class="search-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true">
+              <circle cx="7" cy="7" r="4.5" stroke="currentColor" stroke-width="1.5"/>
+              <path d="M10.5 10.5L14 14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+            </svg>
             <input type="search" id="filter" placeholder="按任务名或说明过滤…" autocomplete="off" />
           </div>
           <span class="last-refresh" id="last-refresh"></span>
         </div>
 
         <section class="doc-section">
-          <div class="section-head">
-            <h3>任务清单</h3>
-          </div>
-
-          <div class="table-wrap">
+          <div class="table-card">
             <table class="task-table" id="task-table">
               <thead>
                 <tr>
@@ -78,6 +58,109 @@
     </main>
   </div>
 
+  <dialog class="panel-dialog" id="edit-dialog">
+    <form class="edit-form" id="edit-form">
+      <div class="panel-dialog-head">
+        <div class="panel-dialog-title">
+          <span class="kicker">编辑任务</span>
+          <h3 id="edit-title">任务</h3>
+        </div>
+        <button type="button" class="btn btn-ghost" id="btn-edit-close">关闭</button>
+      </div>
+      <div class="panel-dialog-body">
+        <label class="form-field">
+          <span class="form-label">任务描述</span>
+          <textarea id="edit-description" rows="3" placeholder="说明此任务的用途…"></textarea>
+        </label>
+        <fieldset class="tag-editor">
+          <legend class="form-label">标签</legend>
+          <p class="form-hint">最多 4 个，含运行时标签（如 Python、JavaScript）</p>
+          <div class="tag-list" id="edit-tags"></div>
+          <div class="tag-add-row">
+            <input type="text" id="edit-tag-input" maxlength="32" placeholder="输入标签后回车或点击添加…" autocomplete="off" />
+            <button type="button" class="btn btn-ghost" id="btn-tag-add">添加</button>
+          </div>
+        </fieldset>
+        <fieldset class="cron-editor">
+          <legend class="form-label">执行调度</legend>
+          <div class="cron-grid">
+            <label class="cron-field">
+              <span class="cron-field-label">分</span>
+              <input type="text" id="edit-minute" inputmode="numeric" placeholder="*" autocomplete="off" />
+            </label>
+            <label class="cron-field">
+              <span class="cron-field-label">时</span>
+              <input type="text" id="edit-hour" inputmode="numeric" placeholder="*" autocomplete="off" />
+            </label>
+            <label class="cron-field">
+              <span class="cron-field-label">日</span>
+              <input type="text" id="edit-dom" inputmode="numeric" placeholder="*" autocomplete="off" />
+            </label>
+            <label class="cron-field">
+              <span class="cron-field-label">月</span>
+              <select id="edit-month">
+                <option value="*">每</option>
+                <option value="1">1月</option>
+                <option value="2">2月</option>
+                <option value="3">3月</option>
+                <option value="4">4月</option>
+                <option value="5">5月</option>
+                <option value="6">6月</option>
+                <option value="7">7月</option>
+                <option value="8">8月</option>
+                <option value="9">9月</option>
+                <option value="10">10月</option>
+                <option value="11">11月</option>
+                <option value="12">12月</option>
+              </select>
+            </label>
+            <label class="cron-field">
+              <span class="cron-field-label">周</span>
+              <select id="edit-dow">
+                <option value="*">每</option>
+                <option value="0">周日</option>
+                <option value="1">周一</option>
+                <option value="2">周二</option>
+                <option value="3">周三</option>
+                <option value="4">周四</option>
+                <option value="5">周五</option>
+                <option value="6">周六</option>
+              </select>
+            </label>
+          </div>
+          <div class="cron-presets" id="cron-presets">
+            <button type="button" class="btn btn-ghost btn-preset" data-preset="0 8 * * *">每天 08:00</button>
+            <button type="button" class="btn btn-ghost btn-preset" data-preset="0 0 * * *">每天 00:00</button>
+            <button type="button" class="btn btn-ghost btn-preset" data-preset="0 8 * * 1">每周一 08:00</button>
+            <button type="button" class="btn btn-ghost btn-preset" data-preset="0 18 * * 5">每周五 18:00</button>
+            <button type="button" class="btn btn-ghost btn-preset" data-preset="0 9 * * 1-5">工作日 09:00</button>
+            <button type="button" class="btn btn-ghost btn-preset" data-preset="0 8 1 * *">每月 1 日 08:00</button>
+            <button type="button" class="btn btn-ghost btn-preset" data-preset="0 12 15 * *">每月 15 日 12:00</button>
+            <button type="button" class="btn btn-ghost btn-preset" data-preset="0 0 1 1 *">1 月 1 日 00:00</button>
+            <button type="button" class="btn btn-ghost btn-preset" data-preset="0 9 1 6 *">6 月 1 日 09:00</button>
+            <button type="button" class="btn btn-ghost btn-preset" data-preset="0 8 25 12 *">12 月 25 日 08:00</button>
+            <button type="button" class="btn btn-ghost btn-preset" data-preset="*/5 * * * *">每 5 分钟</button>
+            <button type="button" class="btn btn-ghost btn-preset" data-preset="0 */2 * * *">每 2 小时</button>
+          </div>
+          <ul class="cron-examples">
+            <li><code>0 8 * * *</code> 每天 08:00</li>
+            <li><code>0 8 * * 1</code> 每周一 08:00</li>
+            <li><code>0 8 1 * *</code> 每月 1 日 08:00</li>
+            <li><code>0 0 1 1 *</code> 每年 1 月 1 日 00:00</li>
+            <li><code>0 9 * * 1-5</code> 周一到周五 09:00</li>
+            <li><code>*/15 * * * *</code> 每 15 分钟</li>
+          </ul>
+          <p class="form-hint">Linux cron 五段：<strong>分 时 日 月 周</strong>。<code>*</code> 任意；日 1–31，月 1–12，周 0=周日 … 6=周六。日/周同时指定时取交集。</p>
+          <p class="form-preview">当前表达式：<code id="edit-preview">—</code></p>
+        </fieldset>
+      </div>
+      <div class="panel-dialog-foot">
+        <button type="button" class="btn" id="btn-edit-cancel">取消</button>
+        <button type="submit" class="btn btn-primary" id="btn-edit-save">保存</button>
+      </div>
+    </form>
+  </dialog>
+
   <dialog class="log-dialog" id="log-dialog">
     <div class="log-dialog-head">
       <div class="log-dialog-title">
@@ -95,6 +178,6 @@
 
   <div class="toast" id="toast" hidden></div>
 
-  <script src="/static/app.js"></script>
+  <script src="/static/app.js?v=2"></script>
 </body>
 </html>

webui/start.sh

@@ -13,4 +13,5 @@ fi
 HOST="${SPROUTCLAW_CRON_WEB_HOST:-0.0.0.0}"
 PORT="${SPROUTCLAW_CRON_WEB_PORT:-8765}"
 
-exec "$VENV/bin/uvicorn" main:app --app-dir "$BACKEND" --host "$HOST" --port "$PORT"
+exec "$VENV/bin/uvicorn" main:app --app-dir "$BACKEND" --host "$HOST" --port "$PORT" \
+  --reload --reload-dir "$BACKEND" --reload-dir "$ROOT/lib"