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.gyxxwb-run-mode {\n  color: #a1a1aa;\n  font-size: 11px;\n}\n\n.gyxxwb-run-error {\n  color: #b91c1c;\n  font-size: 11px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.gyxxwb-diagnosis {\n  margin-top: 10px;\n}\n\n.gyxxwb-diagnosis-head {\n  font-size: 12px;\n  font-weight: 600;\n  margin-bottom: 6px;\n}\n\n.gyxxwb-step-fail {\n  margin-bottom: 8px;\n}\n\n.gyxxwb-step-id {\n  font-size: 12px;\n  color: #b91c1c;\n  margin-bottom: 2px;\n}\n\n.gyxxwb-log {\n  margin-bottom: 8px;\n}\n\n.gyxxwb-log-path {\n  font-size: 11px;\n  color: #71717a;\n  margin-bottom: 2px;\n  word-break: break-all;\n}\n\n.gyxxwb-pre {\n  font-size: 11px;\n  background: #18181b;\n  color: #e4e4e7;\n  border-radius: 6px;\n  padding: 8px;\n  max-height: 180px;\n  overflow: auto;\n  white-space: pre-wrap;\n  word-break: break-all;\n}\n\n.gyxxwb-empty {\n  padding: 16px 12px;\n  font-size: 12px;\n  color: #a1a1aa;\n  text-align: center;\n}\n\n.gyxxwb-toasts {\n  position: absolute;\n  right: 16px;\n  bottom: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  pointer-events: auto;\n  max-width: 360px;\n}\n\n.gyxxwb-toast {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: #18181b;\n  color: #fafafa;\n  border-radius: 10px;\n  padding: 10px 12px;\n  font-size: 12px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);\n}\n\n.gyxxwb-toast button {\n  border: 1px solid #3f3f46;\n  background: transparent;\n  color: #fafafa;\n  border-radius: 6px;\n  font-size: 11px;\n  padding: 2px 8px;\n  cursor: pointer;\n}\n\n.gyxxwb-toast-ok {\n  background: #14532d;\n}\n\n.gyxxwb-toast-error,\n.gyxxwb-toast-failed {\n  background: #7f1d1d;\n}\n\n.gyxxwb-footer-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  font-size: 13px;\n  color: inherit;\n  padding: 6px 8px;\n  border-radius: 8px;\n}\n\n.gyxxwb-footer-btn:hover,\n.gyxxwb-footer-btn-active {\n  background: rgba(0, 0, 0, 0.06);\n}\n\n@media (max-width: 900px) {\n  .gyxxwb-panel {\n    left: 0;\n    width: 100%;\n  }\n}\n\n@media (prefers-color-scheme: dark) {\n  .gyxxwb-panel {\n    background: #18181b;\n    color: #fafafa;\n    border-right-color: #3f3f46;\n  }\n  .gyxxwb-row:hover {\n    background: #27272a;\n  }\n  .gyxxwb-row-selected {\n    background: #312e81;\n  }\n  .gyxxwb-detail {\n    background: #1f1f22;\n    border-top-color: #3f3f46;\n  }\n  .gyxxwb-actions button,\n  .gyxxwb-ask button {\n    background: #27272a;\n    border-color: #3f3f46;\n    color: #fafafa;\n  }\n  .gyxxwb-ask input,\n  .gyxxwb-date-row input {\n    background: #27272a;\n    border-color: #3f3f46;\n    color: #fafafa;\n  }\n  .gyxxwb-pill {\n    background: #27272a;\n    color: #a1a1aa;\n  }\n  .gyxxwb-footer-btn:hover,\n  .gyxxwb-footer-btn-active {\n    background: rgba(255, 255, 255, 0.08);\n  }\n}\n";

// 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