console: React 生产级重写（左列表 + 中对话 + 右详情）

旧单页 console.html 换成 Vite + React + TypeScript 单文件构建产物（309525 字节，sha 90345ec8…，重建字节一致），源码在 cloud/console-react/，改页面只改 src 再 npm run build:console，产物不手改。布局：左侧列表（模块导航 + 任务列表）、中间标准对话（实时链路时间线 + 继续会话聊天框，共用 Chat 组件）、右侧详情（元数据、操作、评审、审批、协调子任务、子代理、线程）。 API 与后端语义未改，key 只存浏览器 localStorage。 6 个 console 标记单测随实现改名更新（意图不变：壳确实调了这些接口、turn 信息仍在详情里、旧 goal 输入仍不存在）； P1 标记单测未动且通过。
2026-10-29 06:32:38 +08:00
1 parent 3f4e849a93
commit ebc5624893
@@ -0,0 +1,54 @@
+import { useState } from "react";
+import { useConsole } from "../../context";
+import { Bar, DataList } from "../../components/ui";
+import { fmt, shortId } from "../../api/client";
+
+export function AutomationPanel() {
+  const ctx = useConsole();
+  const [name, setName] = useState("");
+  const [prompt, setPrompt] = useState("");
+  const [interval, setInterval] = useState("");
+  const [repo, setRepo] = useState("");
+  return (
+    <>
+      <input placeholder="自动化名称(同项目内启用中的名称唯一)" style={{ width: "100%" }} value={name} onChange={(e) => setName(e.target.value)} />
+      <textarea placeholder="定时任务内容(创建只登记定义与到期状态；执行由后续执行器经 claim 抢单后建任务，不另起调度器)" value={prompt} onChange={(e) => setPrompt(e.target.value)} />
+      <Bar>
+        <input placeholder="间隔秒数(默认 86400，最小 60)" style={{ width: "40%" }} value={interval} onChange={(e) => setInterval(e.target.value)} />
+        <input placeholder="仓库(可选)" style={{ width: "40%" }} value={repo} onChange={(e) => setRepo(e.target.value)} />
+        <button className="primary" onClick={async () => { await ctx.createAutomation(name, prompt, interval, repo); setName(""); setPrompt(""); setInterval(""); setRepo(""); }}>创建自动化</button>
+        <button onClick={ctx.refreshAutomations}>刷新自动化</button>
+        <span className="muted">{ctx.autoMsg}</span>
+      </Bar>
+      <DataList empty="(暂无自动化)" items={ctx.automations.map((a) => (
+        <span key={a.id} className="row-main">
+          [{a.status}{a.due ? "｜到期" : ""}] {a.name}｜每 {a.interval_seconds} 秒｜下次 {fmt(a.next_run_at)}
+          {a.status === "active" ? <> <button onClick={() => ctx.cancelAutomation(a.id)}>取消</button></> : null}
+        </span>
+      ))} />
+    </>
+  );
+}
+
+export function TriagePanel() {
+  const ctx = useConsole();
+  const t = ctx.triage;
+  if (ctx.triageError) return <div className="muted">{ctx.triageError}</div>;
+  if (!t) return <div className="muted">(先选项目)</div>;
+  return (
+    <>
+      <div className="data-group"><b>到期自动化({t.counts?.automations_due || 0})</b>
+        <DataList empty="(无)" items={(t.automations_due || []).map((a, i) => <span key={i} className="row-main">{a.name}｜每 {a.interval_seconds} 秒</span>)} />
+      </div>
+      <div className="data-group"><b>失败/中断任务({t.counts?.failed_tasks || 0})</b>
+        <DataList empty="(无)" items={(t.failed_tasks || []).map((x, i) => <span key={i} className="row-main">{shortId(x.id)}｜{x.status}｜{String(x.prompt || "").slice(0, 80)}</span>)} />
+      </div>
+      <div className="data-group"><b>待处理后续消息({t.counts?.pending_followups || 0})</b>
+        <DataList empty="(无)" items={(t.pending_followups || []).map((f, i) => <span key={i} className="row-main">任务 {shortId(f.task_id)}｜{String(f.body || "").slice(0, 80)}</span>)} />
+      </div>
+      <div className="data-group"><b>最近自动化产出({t.counts?.recent_runs || 0})</b>
+        <DataList empty="(无)" items={(t.recent_runs || []).map((r, i) => <span key={i} className="row-main">{shortId(r.automation_id)}｜{r.status}{r.task_id ? "｜任务 " + shortId(r.task_id) : ""}{r.task_status ? "｜" + r.task_status : ""}</span>)} />
+      </div>
+    </>
+  );
+}