ework-web 0.10.74 → 0.10.76

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ework-web",
-  "version": "0.10.74",
+  "version": "0.10.76",
   "type": "module",
   "description": "ework-web — standalone multi-project issue tracker. Local SQLite-backed, no external API dependency. Bun + TypeScript + SSR HTML.",
   "license": "MIT",

package/src/index.ts

@@ -397,6 +397,7 @@ const REPO_LABEL_ADD_RE = /^\/([^/]+)\/([^/]+)\/settings\/labels\/add$/;
 const REPO_LABEL_ACTION_RE = /^\/([^/]+)\/([^/]+)\/settings\/labels\/(\d+)\/(update|archive|unarchive|delete)$/;
 const REPO_ISSUE_HALT_RE = /^\/([^/]+)\/([^/]+)\/issues\/(\d+)\/(halt|resume|dispatch-off|dispatch-on)$/;
 const REPO_ISSUE_MODEL_RE = /^\/([^/]+)\/([^/]+)\/issues\/(\d+)\/model$/;
+const REPO_ISSUE_STATUS_RE = /^\/([^/]+)\/([^/]+)\/issues\/(\d+)\/ai-status$/;
 const API_ISSUE_LABELS_RE = /^\/api\/([^/]+)\/([^/]+)\/issues\/(\d+)\/labels$/;
 const WH_ACTION_RE = /^\/__wh\/(\d+)\/(delete|toggle|test)$/;
 const SESSIONS_RE = /^\/sessions$/;
@@ -1696,6 +1697,17 @@ async function handle(req: Request, url: URL, ip: string, ctx: { authed: boolean
     }
   }
 
+  const aiStatusMatch = url.pathname.match(REPO_ISSUE_STATUS_RE);
+  if (aiStatusMatch && req.method === "GET") {
+    const [, owner, repo, numStr] = aiStatusMatch;
+    if (!(owner && repo && numStr)) return json({ error: "bad path" }, 400);
+    const project = await getProject(owner, repo);
+    if (!project) return json({ error: "project not found" }, 404);
+    const issue = await getIssueWithMeta(project.id, Number(numStr));
+    if (!issue) return json({ error: "issue not found" }, 404);
+    return json({ aiStatus: issue.ai_status ?? "", commentCount: issue.comment_count ?? 0 });
+  }
+
   const issueLabelsApi = url.pathname.match(API_ISSUE_LABELS_RE);
   if (issueLabelsApi) {
     const [, owner, repo, numStr] = issueLabelsApi;

package/src/render/layout.ts

@@ -110,6 +110,7 @@ header.topbar .num{opacity:.7}
 .composer .btn-close.armed{background:#d23f31;color:#fff;border-color:#d23f31}
 .composer-ro{max-width:900px;margin:0 auto .9rem;padding:.7rem 1rem;color:var(--text-muted);font-size:13px;text-align:center;border:1px dashed var(--border);border-radius:8px}
 .tabs{display:flex;gap:.4rem;padding:.6rem 1rem;border-bottom:1px solid var(--border);max-width:900px;margin:0 auto;align-items:center}
+.tabs .brand-tab{font-weight:600;margin-right:.4rem}
 .tab{padding:.4rem 1rem;border-radius:6px;font-size:14px;color:var(--text-muted)}
 .tab.active{background:var(--bg-muted);color:var(--text);font-weight:600}
 .tab-spacer{flex:1}
@@ -148,6 +149,7 @@ header.topbar .num{opacity:.7}
 .ai-dispatch-off{background:#6f7781;color:#fff}
 .ai-completed{background:#1a7f37;color:#fff}
 .ai-failed{background:#cf222e;color:#fff}
+.ai-idle{background:#eaeef2;color:#57606a}
 @keyframes ai-pulse{0%,100%{opacity:1}50%{opacity:.6}}
 .action-btn{font-size:12px;padding:.15rem .6rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-elev);color:#cf222e;cursor:pointer;font-weight:600}
 .action-btn:hover{background:#cf222e;color:#fff}
@@ -177,31 +179,32 @@ export function renderLayout(props: LayoutProps, inner: string, initialItems: st
     : "";
   const aiBadgeHtml = (() => {
     const s = props.aiStatus ?? "";
-    // halted/dispatch_off are represented by their action buttons — skip badge
-    if (!s || s === "halted" || s === "dispatch_off") return "";
     const map: Record<string, { cls: string; label: string }> = {
-      processing: { cls: "ai-processing", label: "⚙️ 处理中" },
-      completed: { cls: "ai-completed", label: "✓ 已完成" },
-      failed: { cls: "ai-failed", label: "✗ 失败" },
+      processing: { cls: "ai-processing", label: "🔄 AI 处理中" },
+      completed: { cls: "ai-completed", label: "✅ AI 已完成" },
+      failed: { cls: "ai-failed", label: "⚠️ AI 失败" },
+      halted: { cls: "ai-halted", label: "⏹ 已停止" },
+      dispatch_off: { cls: "ai-dispatch-off", label: "🔕 不接单中" },
+      idle: { cls: "ai-idle", label: "💤 空闲" },
       ...props.extraStatusBadges,
     };
-    const m = map[s];
-    if (!m) return "";
-    return `<span class="ai-badge ${m.cls}">${m.label}</span>`;
+    const m = map[s] ?? { cls: "ai-idle", label: "💤 空闲" };
+    return `<span class="ai-badge ${m.cls}" id="aiStatusBadge" data-status="${escapeAttr(s)}">${m.label}</span>`;
   })();
-  const isTerminal = props.aiStatus === "completed";
-  const showActions = props.writesEnabled !== false && !isTerminal;
+  const showActions = props.writesEnabled !== false;
   const haltBtnHtml = showActions
     ? (props.aiStatus === "halted" || props.aiStatus === "failed")
       ? `<button type="button" class="action-btn resume-btn" data-action-href="${escapeAttr(repoIssuesHref)}/${props.issueNumber}/resume" data-action-confirm="确认恢复 AI 处理？" title="恢复 AI 处理">▶ 恢复</button>`
-      : `<button type="button" class="action-btn" data-action-href="${escapeAttr(repoIssuesHref)}/${props.issueNumber}/halt" data-action-confirm="确认停止 AI 处理？" title="停止 AI 处理">⏹ 停止</button>`
+      : props.aiStatus === "processing"
+        ? `<button type="button" class="action-btn" id="aiStopBtn" data-action-href="${escapeAttr(repoIssuesHref)}/${props.issueNumber}/halt" data-action-confirm="确认停止 AI 处理？" title="停止正在运行的 AI">⏹ 停止运行</button>`
+        : ""
     : "";
   const dispatchBtnHtml = showActions
     ? props.projectDispatchOff
       ? `<span class="action-btn dispatch-btn" style="opacity:.5;cursor:not-allowed" title="项目已关闭自动接单">🔕 项目不接单</span>`
       : props.aiStatus === "dispatch_off"
-        ? `<button type="button" class="action-btn dispatch-btn" data-action-href="${escapeAttr(repoIssuesHref)}/${props.issueNumber}/dispatch-on" title="允许自动接单">🔔 接单</button>`
-        : `<button type="button" class="action-btn dispatch-btn" data-action-href="${escapeAttr(repoIssuesHref)}/${props.issueNumber}/dispatch-off" data-action-confirm="设为不自动接单？" title="设为不自动接单">🔕 不接单</button>`
+        ? `<button type="button" class="action-btn dispatch-btn" data-action-href="${escapeAttr(repoIssuesHref)}/${props.issueNumber}/dispatch-on" title="允许自动接单">🔔 恢复接单</button>`
+        : `<button type="button" class="action-btn dispatch-btn" data-action-href="${escapeAttr(repoIssuesHref)}/${props.issueNumber}/dispatch-off" data-action-confirm="设为不自动接单？" title="关闭此 issue 的自动接单">🔕 暂停接单</button>`
     : "";
   const modelSelectHtml = props.modelSelect && props.modelSelect.options.length > 0 && showActions
     ? `<span class="model-select-wrap"><select class="model-select" id="issueModelSelect" title="此 issue 的模型（覆盖项目/全局默认）">
@@ -335,7 +338,7 @@ export function tabNavHTML(active: "projects" | "issues" | "sessions" | "me", us
   const userArea = user
     ? `<span class="user-area"><a class="tab${m}" href="/me" title="${escapeAttr(user.login)}">👤 ${escapeHtml(user.login)}</a><form method="post" action="/logout" class="logout-form"><button type="submit" class="logout-btn" title="退出登录">退出</button></form></span>`
     : "";
-  return `<nav class="tabs"><a class="tab${p}" href="/projects">项目</a><a class="tab${i}" href="/issues">Issues</a><a class="tab${s}" href="/sessions">会话</a><span style="margin-left:auto" class="tab-spacer"></span><a class="tab" href="/settings">⚙️ 设置</a>${userArea}</nav>`;
+  return `<nav class="tabs"><a class="tab brand-tab" href="/" title="ework 主页">🏠 ework</a><a class="tab${p}" href="/projects">项目</a><a class="tab${i}" href="/issues">Issues</a><a class="tab${s}" href="/sessions">会话</a><span style="margin-left:auto" class="tab-spacer"></span><a class="tab" href="/settings">⚙️ 设置</a>${userArea}</nav>`;
 }
 
 export interface ActionBarOpts {

package/src/static/issue-actions.js

@@ -6,6 +6,55 @@
 //   data-action-confirm="确认停止？"               — if set, confirm() first
 //   data-action-reload="true"                      — default true, reload on success
 (function () {
+  var BADGES = {
+    "processing": ["ai-processing", "🔄 AI 处理中"],
+    "completed": ["ai-completed", "✅ AI 已完成"],
+    "failed": ["ai-failed", "⚠️ AI 失败"],
+    "halted": ["ai-halted", "⏹ 已停止"],
+    "dispatch_off": ["ai-dispatch-off", "🔕 不接单中"]
+  };
+
+  function issuePath() {
+    var m = location.pathname.match(/^(\/[^/]+\/[^/]+\/issues\/\d+)/);
+    return m ? m[1] : null;
+  }
+
+  function refreshBadge() {
+    var p = issuePath();
+    var badge = document.getElementById("aiStatusBadge");
+    if (!p || !badge) return;
+    fetch(p + "/ai-status", { headers: { Accept: "application/json" } })
+      .then(function (r) { return r.ok ? r.json() : null; })
+      .then(function (d) {
+        if (!d) return;
+        var b = BADGES[d.aiStatus] || ["ai-idle", "💤 空闲"];
+        badge.textContent = b[1];
+        badge.className = "ai-badge " + b[0];
+        var stopBtn = document.getElementById("aiStopBtn");
+        if (stopBtn) stopBtn.style.display = d.aiStatus === "processing" ? "" : "none";
+        var initial = Number(badge.getAttribute("data-comment-count") || 0);
+        if (d.commentCount > initial) {
+          var bar = document.getElementById("newReplyBar");
+          if (!bar) {
+            bar = document.createElement("div");
+            bar.id = "newReplyBar";
+            bar.style.cssText = "margin:.6rem 0;padding:.5rem .8rem;border-radius:8px;background:#ddf4ff;border:1px solid #54aeff;color:#0969da;cursor:pointer";
+            bar.textContent = "💬 有新回复 · 点击刷新查看";
+            bar.onclick = function () { location.reload(); };
+            badge.parentNode.insertBefore(bar, badge.nextSibling);
+          }
+        }
+      })
+      .catch(function () {});
+  }
+
+  if (document.getElementById("aiStatusBadge")) {
+    var bc = document.getElementById("aiStatusBadge");
+    var items = document.querySelectorAll('[id^="comment-"]');
+    bc.setAttribute("data-comment-count", String(items.length));
+    setInterval(refreshBadge, 8000);
+  }
+
   document.addEventListener("click", function (e) {
     var btn = e.target.closest("[data-action-href]");
     if (!btn) return;