feat: add deepseek-harness workbench plugin and console diagnosis API
- console: GET /api/workflows/{id}, /runs/{run_id}, /runs/{run_id}/diagnosis
(journal trace + sanitized bounded log tails, workflow/run pairing enforced)
- workbench/: dsh 宿主插件（7 个工作流工具、中文系统提示词、失败监控器、
本机回环桥接服务）+ 侧边栏面板客户端包（sidebar.footer.action 与
shell.overlay 追加插槽）+ 降级独立面板 + 一键启动脚本
- adapters/browser: 收敛 looks_like_login_url 到共享层，修复
jd_main_image_collector 对 gyxx_flow.accounts 的越层导入
- tests: 新端点覆盖；replay_policy 断言对齐已迁移的 catalog（repeatable）
This commit is contained in:
wangyunlong committed
1 parent
b124d757b0
commit
01218b2907
26 files changed
+4347
-8
No files matched your search
@@ -0,0 +1,566 @@
|
||||
window.__ModuleLoader__.load({ id: "@gyxx/dsh-plugin-gyxx-workbench", factory: (require) => {
|
||||
var __defProp = Object.defineProperty;
|
||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
||||
var __export = (target, all) => {
|
||||
for (var name in all)
|
||||
__defProp(target, name, { get: all[name], enumerable: true });
|
||||
};
|
||||
var __copyProps = (to, from, except, desc) => {
|
||||
if (from && typeof from === "object" || typeof from === "function") {
|
||||
for (let key of __getOwnPropNames(from))
|
||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
||||
}
|
||||
return to;
|
||||
};
|
||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
||||
|
||||
// client/src/index.jsx
|
||||
var index_exports = {};
|
||||
__export(index_exports, {
|
||||
apply: () => apply,
|
||||
inject: () => inject
|
||||
});
|
||||
module.exports = __toCommonJS(index_exports);
|
||||
var import_react4 = require("react");
|
||||
|
||||
// client/src/Panel.jsx
|
||||
var import_react = require("react");
|
||||
|
||||
// client/src/store.js
|
||||
var listeners = /* @__PURE__ */ new Set();
|
||||
var state = {
|
||||
open: false,
|
||||
loading: false,
|
||||
error: null,
|
||||
generatedAt: null,
|
||||
summary: null,
|
||||
workflows: [],
|
||||
selectedId: null,
|
||||
detail: null,
|
||||
detailLoading: false,
|
||||
runs: [],
|
||||
diagnosis: null,
|
||||
diagnosisLoading: false,
|
||||
question: "",
|
||||
businessDate: defaultBusinessDate(),
|
||||
alerts: [],
|
||||
seenAlertIds: {},
|
||||
toasts: []
|
||||
};
|
||||
function defaultBusinessDate() {
|
||||
const now = /* @__PURE__ */ new Date();
|
||||
now.setDate(now.getDate() - 1);
|
||||
const pad = (value) => String(value).padStart(2, "0");
|
||||
return `${now.getFullYear()}-${pad(now.getMonth() + 1)}-${pad(now.getDate())}`;
|
||||
}
|
||||
function getState() {
|
||||
return state;
|
||||
}
|
||||
function update(patch) {
|
||||
state = { ...state, ...patch };
|
||||
for (const listener of listeners) listener();
|
||||
}
|
||||
function subscribe(listener) {
|
||||
listeners.add(listener);
|
||||
return () => listeners.delete(listener);
|
||||
}
|
||||
function pushToast(toast) {
|
||||
const id = `t-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 6)}`;
|
||||
update({ toasts: [...state.toasts, { id, ...toast }] });
|
||||
return id;
|
||||
}
|
||||
function dismissToast(id) {
|
||||
update({ toasts: state.toasts.filter((toast) => toast.id !== id) });
|
||||
}
|
||||
|
||||
// client/src/api.js
|
||||
function bridgeBase() {
|
||||
if (typeof window !== "undefined") {
|
||||
if (window.__GYXX_WB_BRIDGE__) return window.__GYXX_WB_BRIDGE__;
|
||||
try {
|
||||
const saved = window.localStorage?.getItem("gyxx.wb.bridge");
|
||||
if (saved) return saved;
|
||||
} catch {
|
||||
}
|
||||
}
|
||||
return "http://127.0.0.1:8790";
|
||||
}
|
||||
async function request(method, path, body) {
|
||||
const response = await fetch(`${bridgeBase()}${path}`, {
|
||||
method,
|
||||
headers: {
|
||||
accept: "application/json",
|
||||
...body !== void 0 ? { "content-type": "application/json", "x-gyxx-workbench": "1" } : {}
|
||||
},
|
||||
body: body === void 0 ? void 0 : JSON.stringify(body)
|
||||
});
|
||||
let payload;
|
||||
try {
|
||||
payload = await response.json();
|
||||
} catch {
|
||||
payload = { ok: false, error: `\u6865\u63A5\u670D\u52A1\u8FD4\u56DE\u4E86\u975E JSON \u5185\u5BB9\uFF08HTTP ${response.status}\uFF09` };
|
||||
}
|
||||
if (!response.ok) {
|
||||
throw new Error(payload?.error ?? `\u6865\u63A5\u670D\u52A1\u9519\u8BEF\uFF08HTTP ${response.status}\uFF09`);
|
||||
}
|
||||
return payload;
|
||||
}
|
||||
var api = {
|
||||
listWorkflows: () => request("GET", "/bridge/workflows"),
|
||||
workflowDetail: (workflowId) => request("GET", `/bridge/workflows/${encodeURIComponent(workflowId)}`),
|
||||
workflowRuns: (workflowId, limit = 6) => request("GET", `/bridge/workflows/${encodeURIComponent(workflowId)}/runs?limit=${limit}`),
|
||||
diagnosis: (workflowId, runId) => request(
|
||||
"GET",
|
||||
`/bridge/workflows/${encodeURIComponent(workflowId)}/diagnosis${runId ? `?run_id=${encodeURIComponent(runId)}` : ""}`
|
||||
),
|
||||
alerts: () => request("GET", "/bridge/alerts"),
|
||||
markAlertSeen: (id) => request("POST", "/bridge/alerts/seen", { id }),
|
||||
trigger: (payload) => request("POST", "/bridge/trigger", payload),
|
||||
cancel: (payload) => request("POST", "/bridge/cancel", payload),
|
||||
ask: (payload) => request("POST", "/bridge/ask", payload)
|
||||
};
|
||||
|
||||
// client/src/Panel.jsx
|
||||
var import_jsx_runtime = require("react/jsx-runtime");
|
||||
function useWorkbench() {
|
||||
return (0, import_react.useSyncExternalStore)(subscribe, getState);
|
||||
}
|
||||
var STATUS_LABELS = {
|
||||
success: "\u6210\u529F",
|
||||
failed: "\u5931\u8D25",
|
||||
running: "\u8FD0\u884C\u4E2D",
|
||||
cancelled: "\u5DF2\u505C\u6B62",
|
||||
none: "\u672A\u8FD0\u884C"
|
||||
};
|
||||
function statusOf(workflow) {
|
||||
if (workflow.active_run) return "running";
|
||||
return workflow.last_run?.status ?? "none";
|
||||
}
|
||||
function formatTime(value) {
|
||||
if (!value) return "\u2014";
|
||||
const date = new Date(value);
|
||||
if (Number.isNaN(date.getTime())) return String(value);
|
||||
const pad = (n) => String(n).padStart(2, "0");
|
||||
return `${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}`;
|
||||
}
|
||||
function formatDuration(seconds) {
|
||||
if (seconds == null) return "";
|
||||
if (seconds < 60) return `${seconds}s`;
|
||||
return `${Math.floor(seconds / 60)}m${seconds % 60 ? `${seconds % 60}s` : ""}`;
|
||||
}
|
||||
async function refreshWorkflows() {
|
||||
update({ loading: true, error: null });
|
||||
try {
|
||||
const payload = await api.listWorkflows();
|
||||
update({
|
||||
loading: false,
|
||||
workflows: payload.workflows ?? [],
|
||||
summary: payload.summary ?? null,
|
||||
generatedAt: payload.generated_at ?? null
|
||||
});
|
||||
} catch (error) {
|
||||
update({ loading: false, error: error.message });
|
||||
}
|
||||
}
|
||||
async function selectWorkflow(workflowId) {
|
||||
update({ selectedId: workflowId, detailLoading: true, diagnosis: null, runs: [] });
|
||||
try {
|
||||
const [detail, runs] = await Promise.all([
|
||||
api.workflowDetail(workflowId).catch(() => null),
|
||||
api.workflowRuns(workflowId, 6).catch(() => ({ runs: [] }))
|
||||
]);
|
||||
update({ detailLoading: false, detail, runs: runs.runs ?? [] });
|
||||
} catch (error) {
|
||||
update({ detailLoading: false, error: error.message });
|
||||
}
|
||||
}
|
||||
async function loadDiagnosis(workflowId, runId) {
|
||||
update({ diagnosisLoading: true });
|
||||
try {
|
||||
const payload = await api.diagnosis(workflowId, runId);
|
||||
update({ diagnosisLoading: false, diagnosis: payload });
|
||||
} catch (error) {
|
||||
update({ diagnosisLoading: false });
|
||||
pushToast({ kind: "error", text: `\u8BCA\u65AD\u6570\u636E\u52A0\u8F7D\u5931\u8D25\uFF1A${error.message}` });
|
||||
}
|
||||
}
|
||||
async function doAsk(action) {
|
||||
const s = getState();
|
||||
if (!s.selectedId) return;
|
||||
const question = s.question.trim();
|
||||
try {
|
||||
const payload = await api.ask({
|
||||
workflow_id: s.selectedId,
|
||||
action,
|
||||
question
|
||||
});
|
||||
const label = { ask: "\u63D0\u95EE", diagnose: "\u8BCA\u65AD", repair: "\u4FEE\u590D" }[action] ?? "\u4F1A\u8BDD";
|
||||
pushToast({
|
||||
kind: "ok",
|
||||
text: `\u5DF2\u521B\u5EFA${label}\u4F1A\u8BDD\uFF08${String(payload.session_id).slice(0, 18)}\u2026\uFF09\uFF0C\u8BF7\u5728\u5DE6\u4FA7\u4F1A\u8BDD\u5217\u8868\u4E2D\u67E5\u770B`
|
||||
});
|
||||
update({ question: "" });
|
||||
} catch (error) {
|
||||
pushToast({ kind: "error", text: `\u521B\u5EFA\u4F1A\u8BDD\u5931\u8D25\uFF1A${error.message}` });
|
||||
}
|
||||
}
|
||||
async function doTrigger(execute) {
|
||||
const s = getState();
|
||||
if (!s.selectedId) return;
|
||||
if (execute) {
|
||||
const ok = window.confirm(
|
||||
`\u6B63\u5F0F\u6267\u884C ${s.selectedId}\uFF08\u4E1A\u52A1\u65E5\u671F ${s.businessDate}\uFF09\u4F1A\u5BF9\u5916\u90E8\u7CFB\u7EDF\u4EA7\u751F\u771F\u5B9E\u5199\u5165\u3002\u786E\u8BA4\u7EE7\u7EED\uFF1F`
|
||||
);
|
||||
if (!ok) return;
|
||||
}
|
||||
try {
|
||||
await api.trigger({
|
||||
workflow_id: s.selectedId,
|
||||
business_date: s.businessDate,
|
||||
execute,
|
||||
confirmed: execute
|
||||
});
|
||||
pushToast({ kind: "ok", text: execute ? "\u5DF2\u53D1\u8D77\u6B63\u5F0F\u6267\u884C" : "\u5DF2\u53D1\u8D77\u8BD5\u8FD0\u884C\uFF08\u65E0\u5916\u90E8\u526F\u4F5C\u7528\uFF09" });
|
||||
setTimeout(refreshWorkflows, 1500);
|
||||
} catch (error) {
|
||||
pushToast({ kind: "error", text: `\u542F\u52A8\u5931\u8D25\uFF1A${error.message}` });
|
||||
}
|
||||
}
|
||||
async function doCancel() {
|
||||
const s = getState();
|
||||
const active = s.detail?.workflow?.active_run;
|
||||
if (!s.selectedId) return;
|
||||
try {
|
||||
if (active?.operation_id) {
|
||||
await api.cancel({ workflow_id: s.selectedId, operation_id: active.operation_id });
|
||||
} else {
|
||||
await api.cancel({ workflow_id: s.selectedId, scheduled: true });
|
||||
}
|
||||
pushToast({ kind: "ok", text: "\u5DF2\u53D1\u9001\u505C\u6B62\u6307\u4EE4" });
|
||||
setTimeout(refreshWorkflows, 1500);
|
||||
} catch (error) {
|
||||
pushToast({ kind: "error", text: `\u505C\u6B62\u5931\u8D25\uFF1A${error.message}` });
|
||||
}
|
||||
}
|
||||
function SummaryPills({ summary, workflows }) {
|
||||
const failed = workflows.filter((w) => statusOf(w) === "failed").length;
|
||||
const running = workflows.filter((w) => w.active_run).length;
|
||||
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gyxxwb-pills", children: [
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "gyxxwb-pill", children: [
|
||||
"\u5171 ",
|
||||
summary?.total ?? workflows.length
|
||||
] }),
|
||||
running > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "gyxxwb-pill gyxxwb-pill-running", children: [
|
||||
"\u8FD0\u884C\u4E2D ",
|
||||
running
|
||||
] }),
|
||||
failed > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "gyxxwb-pill gyxxwb-pill-failed", children: [
|
||||
"\u5931\u8D25 ",
|
||||
failed
|
||||
] })
|
||||
] });
|
||||
}
|
||||
function WorkflowRow({ workflow, selected, onSelect }) {
|
||||
const status = statusOf(workflow);
|
||||
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
||||
"button",
|
||||
{
|
||||
type: "button",
|
||||
className: `gyxxwb-row ${selected ? "gyxxwb-row-selected" : ""}`,
|
||||
onClick: () => onSelect(workflow.id),
|
||||
children: [
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `gyxxwb-dot gyxxwb-dot-${status}` }),
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "gyxxwb-row-main", children: [
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "gyxxwb-row-name", children: workflow.name }),
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "gyxxwb-row-id", children: workflow.id })
|
||||
] }),
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "gyxxwb-row-meta", children: workflow.last_run ? formatTime(workflow.last_run.ended_at ?? workflow.last_run.started_at) : "\u2014" })
|
||||
]
|
||||
}
|
||||
);
|
||||
}
|
||||
function RunList({ runs, onDiagnose }) {
|
||||
if (!runs.length) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "gyxxwb-empty", children: "\u6682\u65E0\u8FD0\u884C\u8BB0\u5F55" });
|
||||
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "gyxxwb-runs", children: runs.map((run) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
||||
"button",
|
||||
{
|
||||
type: "button",
|
||||
className: "gyxxwb-run",
|
||||
onClick: () => onDiagnose(run.run_id),
|
||||
title: "\u70B9\u51FB\u67E5\u770B\u8BCA\u65AD\u8BE6\u60C5",
|
||||
children: [
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `gyxxwb-dot gyxxwb-dot-${run.status}` }),
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: run.business_date }),
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "gyxxwb-run-mode", children: run.mode === "execute" ? "\u6B63\u5F0F" : "\u8BD5\u8FD0\u884C" }),
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: formatDuration(run.duration_seconds) }),
|
||||
run.error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "gyxxwb-run-error", children: run.error.slice(0, 60) })
|
||||
]
|
||||
},
|
||||
run.run_id
|
||||
)) });
|
||||
}
|
||||
function DiagnosisView({ diagnosis, loading }) {
|
||||
if (loading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "gyxxwb-empty", children: "\u6B63\u5728\u52A0\u8F7D\u8BCA\u65AD\u6570\u636E\u2026" });
|
||||
if (!diagnosis) return null;
|
||||
if (diagnosis.message) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "gyxxwb-empty", children: diagnosis.message });
|
||||
const run = diagnosis.run ?? {};
|
||||
const steps = Array.isArray(run.steps) ? run.steps : [];
|
||||
const logs = Array.isArray(diagnosis.logs) ? diagnosis.logs : [];
|
||||
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gyxxwb-diagnosis", children: [
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gyxxwb-diagnosis-head", children: [
|
||||
"\u8BCA\u65AD\uFF1A",
|
||||
run.run_id,
|
||||
"\uFF08",
|
||||
run.status,
|
||||
"\uFF09"
|
||||
] }),
|
||||
steps.filter((step) => step.status === "failed").map((step) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gyxxwb-step-fail", children: [
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gyxxwb-step-id", children: [
|
||||
"\u2717 ",
|
||||
step.id,
|
||||
"\uFF08\u9000\u51FA\u7801 ",
|
||||
step.exit_code ?? "\u2014",
|
||||
"\uFF09"
|
||||
] }),
|
||||
step.error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { className: "gyxxwb-pre", children: step.error })
|
||||
] }, step.id)),
|
||||
logs.map((log) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gyxxwb-log", children: [
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "gyxxwb-log-path", children: log.path }),
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { className: "gyxxwb-pre", children: log.tail })
|
||||
] }, log.path)),
|
||||
!steps.some((s) => s.status === "failed") && !logs.length && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "gyxxwb-empty", children: "\u8BE5\u8FD0\u884C\u6CA1\u6709\u5931\u8D25\u6B65\u9AA4\u6216\u65E5\u5FD7" })
|
||||
] });
|
||||
}
|
||||
function WorkflowPanel() {
|
||||
const s = useWorkbench();
|
||||
(0, import_react.useEffect)(() => {
|
||||
if (!s.open) return void 0;
|
||||
refreshWorkflows();
|
||||
const timer = setInterval(refreshWorkflows, 1e4);
|
||||
return () => clearInterval(timer);
|
||||
}, [s.open]);
|
||||
const onSelect = (0, import_react.useCallback)((workflowId) => {
|
||||
selectWorkflow(workflowId);
|
||||
}, []);
|
||||
const groups = [];
|
||||
const byModule = /* @__PURE__ */ new Map();
|
||||
for (const workflow of s.workflows) {
|
||||
const key = workflow.module_label ?? workflow.module;
|
||||
if (!byModule.has(key)) byModule.set(key, []);
|
||||
byModule.get(key).push(workflow);
|
||||
}
|
||||
for (const [label, items] of byModule) groups.push({ label, items });
|
||||
const selected = s.workflows.find((w) => w.id === s.selectedId) ?? null;
|
||||
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `gyxxwb-panel ${s.open ? "gyxxwb-panel-open" : ""}`, children: [
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gyxxwb-panel-head", children: [
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "gyxxwb-title", children: "GYXX \u5DE5\u4F5C\u6D41" }),
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SummaryPills, { summary: s.summary, workflows: s.workflows }),
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "gyxxwb-icon-btn", title: "\u5237\u65B0", onClick: refreshWorkflows, children: "\u27F3" }),
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
||||
"button",
|
||||
{
|
||||
type: "button",
|
||||
className: "gyxxwb-icon-btn",
|
||||
title: "\u5173\u95ED",
|
||||
onClick: () => update({ open: false }),
|
||||
children: "\u2715"
|
||||
}
|
||||
)
|
||||
] }),
|
||||
s.error && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gyxxwb-error", children: [
|
||||
"\u65E0\u6CD5\u8FDE\u63A5\u5DE5\u4F5C\u53F0\u6865\u63A5\u670D\u52A1\uFF1A",
|
||||
s.error,
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
|
||||
"\u8BF7\u786E\u8BA4 dsh \u5DF2\u901A\u8FC7 workbench/cordis.yml \u542F\u52A8\u3002"
|
||||
] }),
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gyxxwb-panel-body", children: [
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gyxxwb-list", children: [
|
||||
groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gyxxwb-group", children: [
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "gyxxwb-group-label", children: group.label }),
|
||||
group.items.map((workflow) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
||||
WorkflowRow,
|
||||
{
|
||||
workflow,
|
||||
selected: workflow.id === s.selectedId,
|
||||
onSelect
|
||||
},
|
||||
workflow.id
|
||||
))
|
||||
] }, group.label)),
|
||||
!s.loading && !s.workflows.length && !s.error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "gyxxwb-empty", children: "\u672A\u53D1\u73B0\u5DE5\u4F5C\u6D41" })
|
||||
] }),
|
||||
selected && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gyxxwb-detail", children: [
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gyxxwb-detail-title", children: [
|
||||
selected.name,
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `gyxxwb-status gyxxwb-status-${statusOf(selected)}`, children: STATUS_LABELS[statusOf(selected)] })
|
||||
] }),
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gyxxwb-detail-sub", children: [
|
||||
selected.id,
|
||||
" \xB7 \u8C03\u5EA6",
|
||||
" ",
|
||||
selected.schedule ? `${selected.schedule.enabled ? "\u542F\u7528" : "\u505C\u7528"} ${Array.isArray(selected.schedule.at) ? selected.schedule.at.join("/") : selected.schedule.at ?? ""}` : "\u65E0",
|
||||
selected.next_run_at ? ` \xB7 \u4E0B\u6B21 ${formatTime(selected.next_run_at)}` : ""
|
||||
] }),
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gyxxwb-actions", children: [
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: () => doAsk("diagnose"), children: "\u8BCA\u65AD" }),
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: () => doAsk("repair"), children: "\u4FEE\u590D" }),
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: () => doTrigger(false), children: "\u8BD5\u8FD0\u884C" }),
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "gyxxwb-danger", onClick: () => doTrigger(true), children: "\u6B63\u5F0F\u8FD0\u884C" }),
|
||||
selected.active_run && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "gyxxwb-danger", onClick: doCancel, children: "\u505C\u6B62" })
|
||||
] }),
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gyxxwb-ask", children: [
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
||||
"input",
|
||||
{
|
||||
value: s.question,
|
||||
placeholder: "\u5C31\u8FD9\u4E2A\u5DE5\u4F5C\u6D41\u63D0\u95EE\uFF0C\u4F8B\u5982\uFF1A\u6628\u5929\u4E3A\u4EC0\u4E48\u5931\u8D25\uFF1F",
|
||||
onChange: (event) => update({ question: event.target.value }),
|
||||
onKeyDown: (event) => {
|
||||
if (event.key === "Enter") doAsk("ask");
|
||||
}
|
||||
}
|
||||
),
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: () => doAsk("ask"), children: "\u63D0\u95EE" })
|
||||
] }),
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gyxxwb-date-row", children: [
|
||||
"\u4E1A\u52A1\u65E5\u671F",
|
||||
" ",
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
||||
"input",
|
||||
{
|
||||
value: s.businessDate,
|
||||
onChange: (event) => update({ businessDate: event.target.value }),
|
||||
pattern: "\\d{4}-\\d{2}-\\d{2}"
|
||||
}
|
||||
)
|
||||
] }),
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "gyxxwb-section-label", children: "\u6700\u8FD1\u8FD0\u884C" }),
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RunList, { runs: s.runs, onDiagnose: (runId) => loadDiagnosis(selected.id, runId) }),
|
||||
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DiagnosisView, { diagnosis: s.diagnosis, loading: s.diagnosisLoading })
|
||||
] })
|
||||
] })
|
||||
] });
|
||||
}
|
||||
|
||||
// client/src/Toasts.jsx
|
||||
var import_react2 = require("react");
|
||||
var import_react3 = require("react");
|
||||
var import_jsx_runtime2 = require("react/jsx-runtime");
|
||||
function useWorkbench2() {
|
||||
return (0, import_react3.useSyncExternalStore)(subscribe, getState);
|
||||
}
|
||||
function Toasts() {
|
||||
const s = useWorkbench2();
|
||||
(0, import_react2.useEffect)(() => {
|
||||
let stopped = false;
|
||||
let timer = null;
|
||||
const poll = async () => {
|
||||
try {
|
||||
const payload = await api.alerts();
|
||||
const fresh = (payload.alerts ?? []).filter(
|
||||
(alert) => !alert.seen && !getState().seenAlertIds[alert.id]
|
||||
);
|
||||
if (fresh.length) {
|
||||
const seen = { ...getState().seenAlertIds };
|
||||
for (const alert of fresh) {
|
||||
seen[alert.id] = true;
|
||||
pushToast({ kind: "failed", text: `\u5DE5\u4F5C\u6D41\u300C${alert.name}\u300D\u8FD0\u884C\u5931\u8D25`, alert });
|
||||
}
|
||||
update({ seenAlertIds: seen });
|
||||
}
|
||||
} catch {
|
||||
}
|
||||
if (!stopped) timer = setTimeout(poll, 3e4);
|
||||
};
|
||||
timer = setTimeout(poll, 8e3);
|
||||
return () => {
|
||||
stopped = true;
|
||||
if (timer) clearTimeout(timer);
|
||||
};
|
||||
}, []);
|
||||
if (!s.toasts.length) return null;
|
||||
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "gyxxwb-toasts", children: s.toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `gyxxwb-toast gyxxwb-toast-${toast.kind}`, children: [
|
||||
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "gyxxwb-toast-text", children: toast.text }),
|
||||
toast.alert && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
||||
"button",
|
||||
{
|
||||
type: "button",
|
||||
onClick: async () => {
|
||||
try {
|
||||
await api.ask({ workflow_id: toast.alert.workflow_id, action: "diagnose" });
|
||||
await api.markAlertSeen(toast.alert.id).catch(() => {
|
||||
});
|
||||
pushToast({ kind: "ok", text: "\u5DF2\u521B\u5EFA\u8BCA\u65AD\u4F1A\u8BDD\uFF0C\u8BF7\u5728\u5DE6\u4FA7\u4F1A\u8BDD\u5217\u8868\u67E5\u770B" });
|
||||
} catch (error) {
|
||||
pushToast({ kind: "error", text: `\u521B\u5EFA\u4F1A\u8BDD\u5931\u8D25\uFF1A${error.message}` });
|
||||
}
|
||||
dismissToast(toast.id);
|
||||
},
|
||||
children: "\u7ACB\u5373\u8BCA\u65AD"
|
||||
}
|
||||
),
|
||||
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", title: "\u5173\u95ED", onClick: () => dismissToast(toast.id), children: "\u2715" })
|
||||
] }, toast.id)) });
|
||||
}
|
||||
|
||||
// client/src/styles.css
|
||||
var styles_default = "/* GYXX \u5DE5\u4F5C\u53F0\u9762\u677F\u6837\u5F0F \u2014\u2014 \u4EE5\u6587\u672C\u5F62\u5F0F\u5185\u8054\u8FDB\u5BA2\u6237\u7AEF\u5305\uFF0C\u8FD0\u884C\u65F6\u6CE8\u5165 <style>\u3002 */\n\n.gyxxwb-overlay {\n position: fixed;\n inset: 0;\n pointer-events: none;\n z-index: 70;\n font-family:\n -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',\n 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;\n}\n\n.gyxxwb-panel {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 264px;\n width: 380px;\n display: none;\n flex-direction: column;\n background: #ffffff;\n border-right: 1px solid #e4e4e7;\n box-shadow: 8px 0 24px rgba(0, 0, 0, 0.08);\n pointer-events: auto;\n color: #18181b;\n}\n\n.gyxxwb-panel-open {\n display: flex;\n}\n\n.gyxxwb-panel-head {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 10px 12px;\n border-bottom: 1px solid #e4e4e7;\n}\n\n.gyxxwb-title {\n font-weight: 600;\n font-size: 14px;\n}\n\n.gyxxwb-pills {\n display: flex;\n gap: 4px;\n flex: 1;\n}\n\n.gyxxwb-pill {\n font-size: 11px;\n padding: 1px 8px;\n border-radius: 999px;\n background: #f4f4f5;\n color: #52525b;\n}\n\n.gyxxwb-pill-failed {\n background: #fef2f2;\n color: #b91c1c;\n}\n\n.gyxxwb-pill-running {\n background: #eff6ff;\n color: #1d4ed8;\n}\n\n.gyxxwb-icon-btn {\n border: none;\n background: transparent;\n cursor: pointer;\n font-size: 14px;\n color: #71717a;\n padding: 4px 6px;\n border-radius: 6px;\n}\n\n.gyxxwb-icon-btn:hover {\n background: #f4f4f5;\n}\n\n.gyxxwb-error {\n margin: 10px 12px;\n padding: 10px;\n border-radius: 8px;\n background: #fef2f2;\n color: #b91c1c;\n font-size: 12px;\n line-height: 1.6;\n}\n\n.gyxxwb-panel-body {\n flex: 1;\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n}\n\n.gyxxwb-group-label {\n padding: 10px 12px 4px;\n font-size: 12px;\n color: #71717a;\n}\n\n.gyxxwb-row {\n display: flex;\n align-items: center;\n gap: 8px;\n width: 100%;\n padding: 7px 12px;\n border: none;\n background: transparent;\n cursor: pointer;\n text-align: left;\n}\n\n.gyxxwb-row:hover {\n background: #f4f4f5;\n}\n\n.gyxxwb-row-selected {\n background: #eef2ff;\n}\n\n.gyxxwb-row-main {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n}\n\n.gyxxwb-row-name {\n font-size: 13px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.gyxxwb-row-id {\n font-size: 11px;\n color: #a1a1aa;\n}\n\n.gyxxwb-row-meta {\n font-size: 11px;\n color: #71717a;\n}\n\n.gyxxwb-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: #d4d4d8;\n flex: none;\n}\n\n.gyxxwb-dot-success {\n background: #16a34a;\n}\n\n.gyxxwb-dot-failed {\n background: #dc2626;\n}\n\n.gyxxwb-dot-running {\n background: #2563eb;\n animation: gyxxwb-pulse 1.2s ease-in-out infinite;\n}\n\n.gyxxwb-dot-cancelled,\n.gyxxwb-dot-none {\n background: #a1a1aa;\n}\n\n@keyframes gyxxwb-pulse {\n 50% {\n opacity: 0.35;\n }\n}\n\n.gyxxwb-detail {\n border-top: 1px solid #e4e4e7;\n padding: 12px;\n background: #fafafa;\n}\n\n.gyxxwb-detail-title {\n font-size: 14px;\n font-weight: 600;\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.gyxxwb-status {\n font-size: 11px;\n padding: 1px 8px;\n border-radius: 999px;\n background: #f4f4f5;\n}\n\n.gyxxwb-status-failed {\n background: #fef2f2;\n color: #b91c1c;\n}\n\n.gyxxwb-status-running {\n background: #eff6ff;\n color: #1d4ed8;\n}\n\n.gyxxwb-status-success {\n background: #f0fdf4;\n color: #15803d;\n}\n\n.gyxxwb-detail-sub {\n font-size: 11px;\n color: #71717a;\n margin: 4px 0 10px;\n}\n\n.gyxxwb-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n}\n\n.gyxxwb-actions button,\n.gyxxwb-ask button {\n border: 1px solid #e4e4e7;\n background: #ffffff;\n border-radius: 6px;\n font-size: 12px;\n padding: 4px 10px;\n cursor: pointer;\n}\n\n.gyxxwb-actions button:hover,\n.gyxxwb-ask button:hover {\n background: #f4f4f5;\n}\n\n.gyxxwb-actions .gyxxwb-danger {\n border-color: #fecaca;\n color: #b91c1c;\n}\n\n.gyxxwb-ask {\n display: flex;\n gap: 6px;\n margin-top: 8px;\n}\n\n.gyxxwb-ask input {\n flex: 1;\n border: 1px solid #e4e4e7;\n border-radius: 6px;\n padding: 5px 8px;\n font-size: 12px;\n}\n\n.gyxxwb-date-row {\n margin-top: 8px;\n font-size: 11px;\n color: #71717a;\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.gyxxwb-date-row input {\n border: 1px solid #e4e4e7;\n border-radius: 6px;\n padding: 3px 6px;\n font-size: 11px;\n width: 110px;\n}\n\n.gyxxwb-section-label {\n margin: 12px 0 4px;\n font-size: 12px;\n color: #71717a;\n}\n\n.gyxxwb-run {\n display: flex;\n align-items: center;\n gap: 8px;\n width: 100%;\n padding: 6px 8px;\n border: none;\n background: transparent;\n cursor: pointer;\n font-size: 12px;\n text-align: left;\n border-radius: 6px;\n}\n\n.gyxxwb-run:hover {\n background: #f4f4f5;\n}\n\n.gyxxwLine truncated
|
||||
|
||||
// client/src/index.jsx
|
||||
var inject = ["slots"];
|
||||
function useWorkbench3() {
|
||||
return (0, import_react4.useSyncExternalStore)(subscribe, getState);
|
||||
}
|
||||
function injectStyles() {
|
||||
if (typeof document === "undefined") return;
|
||||
if (document.getElementById("gyxxwb-styles")) return;
|
||||
const style = document.createElement("style");
|
||||
style.id = "gyxxwb-styles";
|
||||
style.textContent = styles_default;
|
||||
document.head.appendChild(style);
|
||||
}
|
||||
function WorkbenchFooterAction() {
|
||||
const s = useWorkbench3();
|
||||
const failed = s.workflows.filter((w) => !w.active_run && w.last_run?.status === "failed").length;
|
||||
const running = s.workflows.filter((w) => w.active_run).length;
|
||||
const tone = failed > 0 ? "failed" : running > 0 ? "running" : "success";
|
||||
return (0, import_react4.createElement)(
|
||||
"button",
|
||||
{
|
||||
type: "button",
|
||||
className: `gyxxwb-footer-btn${s.open ? " gyxxwb-footer-btn-active" : ""}`,
|
||||
title: "GYXX \u5DE5\u4F5C\u6D41\u5DE5\u4F5C\u53F0",
|
||||
onClick: () => {
|
||||
const next = !getState().open;
|
||||
update({ open: next });
|
||||
if (next) refreshWorkflows();
|
||||
}
|
||||
},
|
||||
(0, import_react4.createElement)("span", { className: `gyxxwb-dot gyxxwb-dot-${tone}` }),
|
||||
(0, import_react4.createElement)("span", null, "\u5DE5\u4F5C\u6D41")
|
||||
);
|
||||
}
|
||||
function WorkbenchOverlay() {
|
||||
return (0, import_react4.createElement)(
|
||||
"div",
|
||||
{ className: "gyxxwb-overlay" },
|
||||
(0, import_react4.createElement)(WorkflowPanel, null),
|
||||
(0, import_react4.createElement)(Toasts, null)
|
||||
);
|
||||
}
|
||||
function apply(ctx) {
|
||||
injectStyles();
|
||||
ctx.effect(
|
||||
() => ctx.slots.register({ name: "sidebar.footer.action" }, WorkbenchFooterAction),
|
||||
"gyxx-workbench: footer action"
|
||||
);
|
||||
ctx.effect(
|
||||
() => ctx.slots.register({ name: "shell.overlay" }, WorkbenchOverlay),
|
||||
"gyxx-workbench: overlay"
|
||||
);
|
||||
}
|
||||
return module.exports; } });
|
||||
//# sourceMappingURL=client.js.map
|
||||
Reference in new issue
Block a user