@w6w/embed 0.2.1 → 0.2.11

package/dist/WorkflowEditor-CwvmAGp2.js

@@ -0,0 +1,925 @@
+var Et = Object.defineProperty;
+var Rt = (r, a, o) => a in r ? Et(r, a, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[a] = o;
+var Ze = (r, a, o) => Rt(r, typeof a != "symbol" ? a + "" : a, o);
+import { jsxs as c, jsx as t, Fragment as B } from "react/jsx-runtime";
+import { useQueryClient as st, useQueries as oe } from "@tanstack/react-query";
+import { ApiError as re } from "@w6w/sdk";
+import { Modal as Pt, IconButton as L, JsonEditor as xt, useExpressionOptions as It, ExpressionOptionsProvider as At, ExpressionInput as Tt, useW6WApi as ot, W6WUIProvider as Ft, isTestRequired as Xe, requiredParamsFilled as Lt, ExecutionLogPanel as Kt } from "@w6w/ui";
+import { useState as w, Component as Mt, useRef as R, useEffect as A, createElement as ie, useCallback as le, useContext as Wt, useMemo as v, Suspense as qt, lazy as Bt } from "react";
+import { i as Vt, c as Ot } from "./apps-CboASBKr.js";
+import { E as $t, W as jt, K as Dt, Q as Ht, q as Jt, t as Qt, z as _t, y as zt, x as Gt, w as Yt, d as Ut } from "./spec-import-CW6R_Wk1.js";
+import { H as Zt, u as Xt } from "./editor-apps-BUZWld-m.js";
+import { M as de } from "./ConfirmModal-BE-SdX-O.js";
+import { c as en, W as tn, e as nn, R as an, P as sn, b as on, d as rn } from "./editor-tools-B_Lfx3kw.js";
+import { u as ln } from "./client-context-CX61Bgw-.js";
+import { u as cn } from "./use-workflow-draft-DzAyUeA6.js";
+import { a as dn, j as un, r as hn, c as fn, l as pn, h as mn, f as bn, d as yn, w as vn, i as et, v as gn, k as wn } from "./trigger-preview-DKxfjzUY.js";
+import { w as tt } from "./rail-settings-XYGToh00.js";
+import { p as kn, d as Nn } from "./settings-rail--GdRMusb.js";
+import { u as Sn } from "./project-context-Tvp-La7A.js";
+import { j as Cn, e as nt } from "./connections-D7cgXhDS.js";
+import { f as En, a as Rn, c as Pn } from "./spec-export-CBbloO_n.js";
+import { l as at, a as ce } from "./step-tests-CivICmTq.js";
+import { E as xn } from "./theme-context-E2ZhlXDX.js";
+function In({ title: r }) {
+  const { value: a, placeholder: o, maxLength: i, ariaLabel: h, onChange: d, onBlur: p } = r;
+  return /* @__PURE__ */ t(
+    "input",
+    {
+      className: "wf-title-input",
+      value: a,
+      placeholder: o,
+      maxLength: i,
+      size: Math.min(Math.max(a.length, o.length), 80),
+      "aria-label": h,
+      onChange: (u) => d(u.target.value),
+      onBlur: p
+    }
+  );
+}
+function An({
+  onBack: r,
+  backLabel: a,
+  title: o,
+  titleAdornment: i,
+  actions: h
+}) {
+  return /* @__PURE__ */ c("div", { className: "wf-fullbleed-head", children: [
+    /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: "muted wf-back-btn",
+        "data-testid": "wf-editor-back",
+        onClick: r,
+        children: a
+      }
+    ),
+    o.editable ? /* @__PURE__ */ t(In, { title: o }) : /* @__PURE__ */ c("h2", { className: "exec-profile-title", children: [
+      o.value,
+      " ",
+      i
+    ] }),
+    /* @__PURE__ */ t("div", { className: "wf-head-actions", style: { marginLeft: "auto" }, children: h })
+  ] });
+}
+function Tn(r, a, o) {
+  if (!(r !== "workflow" || a === void 0))
+    return (i) => {
+      o(), a(i.id);
+    };
+}
+function Fn(r) {
+  const { kind: a, id: o, onClose: i, onOpenRun: h } = r, [d, p] = w($t), u = Tn(a, h, i);
+  return /* @__PURE__ */ t(
+    Pt,
+    {
+      size: "full",
+      title: "History",
+      subtitle: o,
+      onClose: i,
+      headerRight: /* @__PURE__ */ t(L, { icon: "close", label: "Close", onClick: i }),
+      children: /* @__PURE__ */ t("div", { className: "w6w-modal-body", children: /* @__PURE__ */ t(
+        Zt,
+        {
+          scope: { callable: o },
+          showKind: !1,
+          filters: d,
+          onFiltersChange: p,
+          onOpenInEditor: u
+        }
+      ) })
+    }
+  );
+}
+function rt({
+  hasExecuted: r,
+  onClick: a,
+  buttonRef: o
+}) {
+  return /* @__PURE__ */ t(
+    L,
+    {
+      ref: o,
+      icon: "history",
+      "data-testid": "history-button",
+      label: "Execution history",
+      title: r ? "Execution history" : "No executions yet",
+      disabled: !r,
+      onClick: a
+    }
+  );
+}
+function Ln({ kind: r, id: a, onOpenRun: o }) {
+  const { hasExecuted: i } = Vt(a), [h, d] = w(!1), p = R(null), u = R(!1);
+  return A(() => {
+    var C;
+    u.current && !h && ((C = p.current) == null || C.focus()), u.current = h;
+  }, [h]), /* @__PURE__ */ c(B, { children: [
+    /* @__PURE__ */ t(
+      rt,
+      {
+        hasExecuted: i,
+        buttonRef: p,
+        onClick: () => d(!0)
+      }
+    ),
+    h && /* @__PURE__ */ t(Fn, { kind: r, id: a, onClose: () => d(!1), onOpenRun: o })
+  ] });
+}
+class Kn extends Mt {
+  constructor() {
+    super(...arguments);
+    Ze(this, "state", { failed: !1 });
+  }
+  static getDerivedStateFromError() {
+    return { failed: !0 };
+  }
+  componentDidCatch(o) {
+    console.error("history probe answer was unreadable; disabling the button", o);
+  }
+  render() {
+    return this.state.failed ? /* @__PURE__ */ t(rt, { hasExecuted: !1, onClick: () => {
+    } }) : this.props.children;
+  }
+}
+function Mn(r) {
+  return /* @__PURE__ */ t(Kn, { children: /* @__PURE__ */ t(Ln, { ...r }) });
+}
+function Wn(r) {
+  return /* @__PURE__ */ t(L, { icon: "json", onClick: r.onClick, label: "Edit raw JSON definition" });
+}
+function qn(r) {
+  const {
+    open: a,
+    onClose: o,
+    title: i,
+    mode: h,
+    value: d,
+    onChange: p,
+    onValidityChange: u,
+    invalidReason: C,
+    guard: P,
+    onSave: V,
+    saving: E,
+    error: K,
+    editorLabel: N
+  } = r;
+  if (!a) return null;
+  const b = (P == null ? void 0 : P(d)) ?? null;
+  return /* @__PURE__ */ c(de, { title: i, onClose: o, wide: !0, children: [
+    /* @__PURE__ */ c("div", { className: "modal-body", children: [
+      /* @__PURE__ */ t("p", { className: "muted small", children: h === "synced" ? /* @__PURE__ */ c(B, { children: [
+        "Edit the raw definition (",
+        /* @__PURE__ */ t("code", { children: 'manifestVersion: "2"' }),
+        "). Changes sync live to the visual editor."
+      ] }) : "Save replaces the stored definition." }),
+      /* @__PURE__ */ t(
+        xt,
+        {
+          value: d,
+          onChange: p,
+          onValidityChange: ({ valid: y, error: m }) => u == null ? void 0 : u({ valid: y, error: m ?? null }),
+          minHeight: "420px",
+          "aria-label": N
+        }
+      ),
+      b && /* @__PURE__ */ t("p", { className: "muted small", "data-testid": "json-toggle-reason", children: b }),
+      C && /* @__PURE__ */ c("div", { className: "muted small", children: [
+        "Invalid JSON — ",
+        C
+      ] }),
+      K && /* @__PURE__ */ t("div", { className: "error", children: K })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "modal-actions", children: h === "synced" ? /* @__PURE__ */ t("button", { type: "button", className: "btn ghost", onClick: o, children: "Done" }) : /* @__PURE__ */ c(B, { children: [
+      /* @__PURE__ */ t("button", { type: "button", className: "btn ghost", onClick: o, children: "Cancel" }),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "btn",
+          "data-testid": "json-toggle-save",
+          disabled: b != null || !!E,
+          onClick: V,
+          children: E ? "Saving…" : "Save"
+        }
+      )
+    ] }) })
+  ] });
+}
+function Bn(r) {
+  const { kind: a, problemCount: o, canEnable: i, onEnable: h, pending: d } = r, p = o > 0 ? `This ${a} is disabled and ${o} ${o === 1 ? "step uses" : "steps use"} a connection that no longer exists. Choose another connection, save, then Enable.` : "Connections fixed. Enable to run again.";
+  return ie(
+    "div",
+    { role: "alert", className: "error", "data-testid": "binding-disabled-banner" },
+    ie("span", null, p),
+    " ",
+    ie(
+      "button",
+      {
+        type: "button",
+        "data-testid": "binding-enable",
+        disabled: !i || d === !0,
+        onClick: h
+      },
+      "Enable"
+    )
+  );
+}
+function Vn({
+  project: r,
+  onNavigate: a,
+  rail: o = !0,
+  storageKey: i,
+  tools: h = nn,
+  children: d
+}) {
+  const p = en(), u = /* @__PURE__ */ t(an, { project: r, onNavigate: a, children: /* @__PURE__ */ c(sn, { project: r, children: [
+    d,
+    o && /* @__PURE__ */ t(on, { tools: h, storageKey: i })
+  ] }) });
+  return o || !p ? /* @__PURE__ */ t(tn, { children: u }) : u;
+}
+const On = ["string", "number", "boolean", "object", "array"];
+function $n(r) {
+  const { autoSave: a, savePosition: o, variables: i, onClose: h, onChange: d, onVariablesChange: p } = r, u = It().vars ?? [], [C, P] = w("general");
+  function V() {
+    p([...i, { key: "" }]);
+  }
+  function E(b, y) {
+    p(i.map((m, j) => j === b ? { ...m, ...y } : m));
+  }
+  function K(b) {
+    p(i.filter((y, m) => m !== b));
+  }
+  const N = dn(i);
+  return /* @__PURE__ */ c(de, { title: "Workflow settings", onClose: h, wide: !0, children: [
+    /* @__PURE__ */ c("div", { className: "w6w-subtabs", children: [
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: `w6w-subtab${C === "general" ? " active" : ""}`,
+          onClick: () => P("general"),
+          children: "General"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: `w6w-subtab${C === "variables" ? " active" : ""}`,
+          onClick: () => P("variables"),
+          children: "Variables"
+        }
+      )
+    ] }),
+    C === "general" ? /* @__PURE__ */ c(B, { children: [
+      /* @__PURE__ */ c("div", { className: "modal-body", children: [
+        /* @__PURE__ */ t("p", { className: "muted small", children: "These settings belong to the workflow, so everyone who opens it gets the same behaviour. Both are on unless you turn them off; each change saves straight away." }),
+        /* @__PURE__ */ c(
+          "label",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "var(--w6w-sp-2)",
+              cursor: "pointer"
+            },
+            title: "Save edits as you make them, without pressing Save.",
+            children: [
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: a,
+                  onChange: (b) => d("autoSave", b.target.checked)
+                }
+              ),
+              /* @__PURE__ */ t("span", { className: "muted small", children: "Auto-save edits" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ c(
+          "label",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "var(--w6w-sp-2)",
+              cursor: "pointer"
+            },
+            title: "Keep the arrangement of the canvas — where each node sits, and the view you left it at.",
+            children: [
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: o,
+                  onChange: (b) => d("savePosition", b.target.checked)
+                }
+              ),
+              /* @__PURE__ */ t("span", { className: "muted small", children: "Save node positions and canvas view" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: "modal-actions", children: /* @__PURE__ */ t("button", { type: "button", className: "btn ghost", onClick: h, children: "Done" }) })
+    ] }) : /* @__PURE__ */ c(B, { children: [
+      /* @__PURE__ */ c("div", { className: "modal-body", children: [
+        /* @__PURE__ */ c("p", { className: "muted small", children: [
+          "Declaring variables here defines this workflow's ",
+          /* @__PURE__ */ t("strong", { children: "public input schema" }),
+          ": API and AI (MCP) callers then see exactly these inputs. With none declared, they may send anything."
+        ] }),
+        /* @__PURE__ */ c("div", { className: "row", style: { justifyContent: "space-between", alignItems: "center" }, children: [
+          /* @__PURE__ */ t("span", { className: "muted small", children: i.length === 0 ? "No variables declared." : `${i.length} variable${i.length === 1 ? "" : "s"} declared.` }),
+          /* @__PURE__ */ t("button", { type: "button", className: "btn ghost", onClick: V, children: "+ Add variable" })
+        ] }),
+        i.length > 0 && /* @__PURE__ */ t("ul", { className: "list", "data-testid": "workflow-variables-list", children: i.map((b, y) => /* @__PURE__ */ c(
+          "li",
+          {
+            style: {
+              flexDirection: "column",
+              alignItems: "stretch",
+              gap: "var(--w6w-sp-1)"
+            },
+            children: [
+              /* @__PURE__ */ c("div", { className: "row", style: { alignItems: "center", gap: "var(--w6w-sp-2)" }, children: [
+                /* @__PURE__ */ t(
+                  "input",
+                  {
+                    type: "text",
+                    value: b.key,
+                    placeholder: "key",
+                    "aria-label": "Variable key",
+                    onChange: (m) => E(y, { key: m.target.value })
+                  }
+                ),
+                /* @__PURE__ */ c(
+                  "select",
+                  {
+                    value: b.type ?? "",
+                    "aria-label": "Variable type",
+                    onChange: (m) => E(y, {
+                      type: m.target.value || void 0
+                    }),
+                    children: [
+                      /* @__PURE__ */ t("option", { value: "", children: "(unset)" }),
+                      On.map((m) => /* @__PURE__ */ t("option", { value: m, children: m }, m))
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ c(
+                  "label",
+                  {
+                    className: "row",
+                    style: { gap: "var(--w6w-sp-1)", alignItems: "center" },
+                    children: [
+                      /* @__PURE__ */ t(
+                        "input",
+                        {
+                          type: "checkbox",
+                          checked: b.required ?? !1,
+                          onChange: (m) => E(y, { required: m.target.checked })
+                        }
+                      ),
+                      /* @__PURE__ */ t("span", { className: "muted small", children: "required" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  At,
+                  {
+                    value: { vars: un(i, y, u) },
+                    children: /* @__PURE__ */ t(
+                      Tt,
+                      {
+                        value: b.default,
+                        onChange: (m) => E(y, { default: m }),
+                        placeholder: "default",
+                        "aria-label": "Variable default"
+                      },
+                      `${i.length}:${y}`
+                    )
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  L,
+                  {
+                    danger: !0,
+                    icon: "close",
+                    label: `Remove variable ${b.key || y + 1}`,
+                    onClick: () => K(y)
+                  }
+                )
+              ] }),
+              N.includes(y) && /* @__PURE__ */ t("span", { className: "muted small", "data-testid": "variable-duplicate", children: "Duplicate key — a later row with the same name wins." })
+            ]
+          },
+          y
+        )) })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "modal-actions", children: /* @__PURE__ */ t("button", { type: "button", className: "btn ghost", onClick: h, children: "Done" }) })
+    ] })
+  ] });
+}
+const jn = /^[a-zA-Z0-9][a-zA-Z0-9._-]*$/, Dn = "Untitled workflow", Hn = Bt(
+  () => import("@w6w/ui/flow").then((r) => ({ default: r.WorkflowFlowEditor }))
+);
+function Jn(r) {
+  var Qe, _e, ze, Ge, Ye;
+  const { workflowId: a, project: o, initialRunId: i, onNavigate: h, slots: d } = r, p = ln(), u = ot(), [C, P] = w(!0), [V, E] = w(null), [K, N] = w(null), [b, y] = w(!1), [m, j] = w(!1), [ue, he] = w(!1), [D, fe] = w(void 0), pe = R(!0), me = R(() => null), it = le(
+    (e) => {
+      const n = e;
+      return jn.test(typeof n.id == "string" ? n.id : "") ? tt(D, n.key).reason : "Invalid workflow id.";
+    },
+    [D]
+  ), l = cn({
+    workflowId: a,
+    project: o,
+    autoSave: pe.current,
+    // The expression editor holds uncommitted parts in its own local state until its Save
+    // button, so saving from under it would persist a workflow without the expression the user
+    // is looking at. Read at fire time (opening it changes neither the buffer nor `canSave`).
+    canAutoSave: () => !document.querySelector(".w6w-exprmodal"),
+    saveGuard: it,
+    publishBlockedReason: (e) => me.current(e)
+  }), be = l.json, s = l.parsed, M = l.canSave, lt = l.dirty;
+  A(() => {
+    if (l.loading || l.loadError !== null) {
+      fe(void 0);
+      return;
+    }
+    !l.dirty && s && fe(s.key ?? null);
+  }, [l.loading, l.loadError, l.dirty, s]);
+  const [ct, Y] = w(!1);
+  A(() => {
+    l.stale || Y(!1);
+  }, [l.stale]);
+  const [dt, ye] = w(!1), ve = R(!1);
+  A(() => {
+    l.saving ? ye(!1) : ve.current && l.error === null && ye(!0), ve.current = l.saving;
+  }, [l.saving, l.error]);
+  const [O, x] = w(null), ge = jt(), we = Dt(), T = Ht(O), ke = (Qe = T.data) == null ? void 0 : Qe.status, Ne = T.isError, H = Jt(ke, Ne), Se = Qt(_t(T.data)), Ce = zt(T.data, Se), U = R(!1), [ut, Ee] = w(!1);
+  A(() => {
+    x(null);
+  }, [a]), A(() => {
+    i && x(i);
+  }, [a, i]), A(() => {
+    T.data && T.data.workflowId !== a && x(null);
+  }, [T.data, a]);
+  async function Re(e) {
+    try {
+      const n = await l.flushThen(e);
+      !n.ok && n.outcome.status === "blocked" && N(n.outcome.reason);
+    } catch (n) {
+      N(n instanceof re ? n.message : String(n));
+    }
+  }
+  async function ht() {
+    var e;
+    if (!(!a || H || U.current)) {
+      N(null), U.current = !0, Ee(!0);
+      try {
+        const n = await Yt(
+          (e = Q == null ? void 0 : Q[0]) == null ? void 0 : e.id,
+          (f) => at(p, a, f)
+        );
+        await Re(
+          () => ge.mutateAsync({
+            id: a,
+            variables: {},
+            ...n ? { input: n } : {}
+          }).then((f) => x(f.runId))
+        );
+      } finally {
+        U.current = !1, Ee(!1);
+      }
+    }
+  }
+  function ft() {
+    O && (we.mutate(O, {
+      onError: (e) => {
+        const n = e instanceof re ? e.code : "";
+        Ut(n) === "surface" && N(e instanceof re ? e.message : String(e));
+      }
+    }), x(null));
+  }
+  async function pt() {
+    he(!0);
+    try {
+      await l.reload(), P(!0), E(null), N(null);
+    } finally {
+      he(!1);
+    }
+  }
+  const J = l.stale ? null : l.error ?? l.loadError, Pe = K ?? (J === null ? null : J instanceof Error ? J.message : String(J)), mt = s !== null && (Array.isArray(s.nodes) || Array.isArray(s.steps)), xe = (s == null ? void 0 : s.displayName) ?? "", Z = hn(s == null ? void 0 : s.settings), bt = v(() => fn(s == null ? void 0 : s.variables), [s == null ? void 0 : s.variables]), Ie = tt(D, s == null ? void 0 : s.key), Ae = s !== null && D !== void 0 && !Ie.allowed ? Ie.reason : null, S = v(
+    () => pn(s),
+    [s]
+  ), [k, yt] = w(null);
+  A(() => {
+    let e = !1;
+    return import("@w6w/ui/flow").then((n) => {
+      e || yt({
+        internalNodes: n.INTERNAL_NODES,
+        isInternalApp: n.isInternalApp,
+        internalNodeParams: n.internalNodeParams,
+        isManualTrigger: (f) => f === n.TRIGGER_APP,
+        asFieldDefs: n.asFieldDefs
+      });
+    }), () => {
+      e = !0;
+    };
+  }, []);
+  const Q = v(() => {
+    if (k)
+      return mn(
+        { steps: S },
+        {
+          isManualTrigger: k.isManualTrigger,
+          asFieldDefs: k.asFieldDefs
+        }
+      );
+  }, [k, S]), Te = v(() => {
+    if (!k) return !1;
+    const e = new Set(
+      k.internalNodes.filter((n) => n.group === "trigger").map((n) => `${n.app}::${n.action}`)
+    );
+    return S.some((n) => {
+      const { app: f, action: g } = n.uses ?? {};
+      return !!f && !!g && e.has(`${f}::${g}`);
+    });
+  }, [k, S]), F = v(() => {
+    if (!k) return [];
+    const e = /* @__PURE__ */ new Set();
+    for (const n of S) {
+      const { app: f, action: g } = n.uses ?? {};
+      f && g && !k.isInternalApp(f) && e.add(f);
+    }
+    return [...e];
+  }, [k, S]), { byId: _ } = Xt(F), vt = v(() => [..._.values()], [_]), Fe = oe({
+    queries: F.map((e) => ({
+      queryKey: Ot(e),
+      queryFn: () => u.getAppActions(e)
+    }))
+  }), Le = v(() => {
+    var n, f;
+    const e = {};
+    if (!k) return e;
+    for (const g of S) {
+      const { app: I, action: q } = g.uses ?? {};
+      if (!I || !q) continue;
+      const ae = `${I}::${q}`;
+      if (!(ae in e))
+        if (k.isInternalApp(I))
+          e[ae] = k.internalNodeParams(I, q);
+        else {
+          const Ue = F.indexOf(I), se = Ue >= 0 ? (n = Fe[Ue]) == null ? void 0 : n.data : void 0;
+          e[ae] = ((f = se == null ? void 0 : se.find((Ct) => Ct.key === q)) == null ? void 0 : f.params) ?? [];
+        }
+    }
+    return e;
+  }, [k, S, F, Fe]), $ = v(() => {
+    const e = {};
+    for (const [n, f] of _) e[n] = f;
+    return e;
+  }, [_]), X = v(
+    () => S.filter((e) => {
+      var f;
+      const n = (f = e.uses) == null ? void 0 : f.app;
+      return !!n && n in $ && Xe($[n]);
+    }),
+    [S, $]
+  ), Ke = oe({
+    queries: X.map((e) => ({
+      queryKey: ce(a, e.id),
+      queryFn: () => at(p, a, e.id),
+      enabled: !!a
+    }))
+  }), Me = v(() => {
+    const e = {};
+    return X.forEach((n, f) => {
+      var g, I;
+      e[n.id] = !!((I = (g = Ke[f]) == null ? void 0 : g.data) != null && I.some((q) => q.lastRunStatus === "succeeded"));
+    }), e;
+  }, [X, Ke]), z = En("workflow", a, !!a), ee = Rn("workflow"), We = st(), qe = oe({
+    queries: F.map((e) => ({
+      queryKey: nt(e),
+      queryFn: () => Cn(p, e)
+    }))
+  }), Be = v(() => {
+    const e = /* @__PURE__ */ new Map();
+    return F.forEach((n, f) => {
+      const g = qe[f];
+      g && (g.isError ? e.set(n, { state: "error" }) : g.isSuccess && !g.isFetching ? e.set(n, { state: "ready", ids: new Set((g.data ?? []).map((I) => I.id)) }) : e.set(n, { state: "loading" }));
+    }), e;
+  }, [F, qe]), W = v(
+    () => bn(S, (e) => Be.get(e)),
+    [S, Be]
+  ), gt = v(() => {
+    const e = {};
+    for (const n of W) e[n.siteId] = { code: n.code, connection: n.connection };
+    return e;
+  }, [W]), Ve = R(/* @__PURE__ */ new Set());
+  A(() => {
+    for (const e of W) {
+      const n = `${e.app}|${e.connection}`;
+      Ve.current.has(n) || (Ve.current.add(n), We.invalidateQueries({ queryKey: nt(e.app) }));
+    }
+  }, [W, We]);
+  const G = R({ id: a, had: !1 });
+  G.current.id !== a && (G.current = { id: a, had: !1 }), W.length > 0 && (G.current.had = !0);
+  const Oe = Pn("workflow"), te = yn({
+    enabled: (_e = z.data) == null ? void 0 : _e.enabled,
+    problemCount: W.length,
+    dirty: l.dirty,
+    hadProblems: G.current.had
+  }), ne = v(
+    () => ({
+      hasTrigger: Te,
+      actionParamsByKey: Le,
+      appsById: $,
+      testStatus: Me,
+      requiredParamsFilled: Lt,
+      isTestRequired: Xe
+    }),
+    [Te, Le, $, Me]
+  ), $e = s !== null && vn(s, ne), wt = s !== null ? et(s, ne) : null;
+  me.current = (e) => e !== null && typeof e == "object" ? et(e, ne) : null, pe.current = Z.autoSave;
+  function je(e) {
+    if (!s) return;
+    const n = { ...s, ...e };
+    l.setJson(JSON.stringify(n, null, 2));
+  }
+  function kt(e) {
+    if (!s) return;
+    const n = { ...s, ...e };
+    N(null), l.commit(JSON.stringify(n, null, 2));
+  }
+  const De = R(s);
+  De.current = s;
+  const He = R(l.commit);
+  He.current = l.commit;
+  const Je = R(l.saveNow);
+  Je.current = l.saveNow, A(() => {
+    const e = (n) => {
+      n.altKey || !(n.metaKey || n.ctrlKey) || n.key.toLowerCase() !== "s" || (n.preventDefault(), !document.querySelector(".w6w-exprmodal") && M && Je.current());
+    };
+    return document.addEventListener("keydown", e), () => {
+      document.removeEventListener("keydown", e);
+    };
+  }, [M]);
+  const Nt = v(
+    () => s ? kn(s) : {},
+    [s]
+  ), St = le((e) => {
+    const n = De.current;
+    if (!n) return;
+    const f = Nn(n, e);
+    N(null), He.current(JSON.stringify(f, null, 2));
+  }, []);
+  return rn({
+    kind: "workflow",
+    id: a,
+    label: xe,
+    key: (s == null ? void 0 : s.key) ?? void 0,
+    triggers: Q,
+    policy: Nt,
+    onPolicyChange: St
+  }), /* @__PURE__ */ c("div", { className: "wf-fullbleed", style: { height: "100%", minWidth: 0, flex: 1 }, children: [
+    (d == null ? void 0 : d.header) ?? /* @__PURE__ */ t(
+      An,
+      {
+        onBack: () => h({ type: "list" }),
+        backLabel: (d == null ? void 0 : d.backLabel) ?? "← Workflows",
+        title: {
+          editable: !0,
+          value: xe,
+          placeholder: Dn,
+          maxLength: 80,
+          ariaLabel: "Workflow name",
+          onChange: (e) => je({ displayName: e }),
+          onBlur: () => {
+            M && l.saveNow();
+          }
+        },
+        actions: /* @__PURE__ */ c(B, { children: [
+          /* @__PURE__ */ t(
+            L,
+            {
+              icon: "play",
+              label: Gt(ke, Ne),
+              "data-testid": "wf-run-start",
+              onClick: ht,
+              disabled: !a || H || ut || ge.isPending
+            }
+          ),
+          H && /* @__PURE__ */ t(
+            L,
+            {
+              icon: "stop",
+              label: "Stop this run",
+              "data-testid": "wf-run-stop",
+              onClick: ft,
+              disabled: we.isPending
+            }
+          ),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: `btn ghost wf-publish${((ze = z.data) == null ? void 0 : ze.currentPublishedVersion) != null ? " active" : ""}`,
+              "data-testid": "wf-publish",
+              onClick: () => {
+                a && (N(null), Re(() => ee.mutateAsync(a)));
+              },
+              disabled: o === null || !M || !$e || ee.isPending,
+              title: M && !$e ? wt ?? "Workflow is not valid" : ((Ge = z.data) == null ? void 0 : Ge.currentPublishedVersion) != null ? "Published — click to publish a new version" : "Never published — click to publish",
+              children: ee.isPending ? "Publishing…" : ((Ye = z.data) == null ? void 0 : Ye.currentPublishedVersion) != null ? "● Published" : "Publish"
+            }
+          ),
+          /* @__PURE__ */ t(
+            Mn,
+            {
+              kind: "workflow",
+              id: a,
+              onOpenRun: (e) => {
+                x(e), h({ type: "run", id: a, runId: e });
+              }
+            }
+          ),
+          /* @__PURE__ */ t(Wn, { onClick: () => y(!0) }),
+          /* @__PURE__ */ t(
+            L,
+            {
+              icon: "settings",
+              label: "Workflow settings",
+              onClick: () => j(!0)
+            }
+          ),
+          d == null ? void 0 : d.headerActions
+        ] })
+      }
+    ),
+    te.show && /* @__PURE__ */ t(
+      Bn,
+      {
+        kind: "workflow",
+        problemCount: te.problemCount,
+        canEnable: te.canEnable,
+        pending: Oe.isPending,
+        onEnable: () => Oe.mutate({ id: a, enabled: !0 })
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: "wf-fullbleed-canvas", children: /* @__PURE__ */ c("div", { className: "wf-run-area", children: [
+      /* @__PURE__ */ t("div", { className: "wf-run-canvas", children: /* @__PURE__ */ t(qt, { fallback: /* @__PURE__ */ t("p", { className: "muted", children: "Loading visual editor…" }), children: mt && s ? /* @__PURE__ */ t(
+        Hn,
+        {
+          value: s,
+          onChange: (e) => {
+            l.setJson(JSON.stringify(e, null, 2)), P(!0), E(null), x(null);
+          },
+          apps: vt,
+          project: o ?? void 0,
+          height: "100%",
+          readOnly: H,
+          fitViewKey: O !== null,
+          stepProblems: gt,
+          runState: T.data,
+          onTestRun: () => x(null)
+        }
+      ) : be === "" ? /* @__PURE__ */ t("p", { className: "muted", children: "Loading…" }) : /* @__PURE__ */ t("p", { className: "muted", children: "Fix the JSON to render the visual editor." }) }) }),
+      O && /* @__PURE__ */ t("div", { className: "wf-run-log", "data-testid": "wf-run-log", children: /* @__PURE__ */ t(
+        Kt,
+        {
+          steps: Se,
+          runError: Ce.runError,
+          stepErrors: Ce.stepErrors,
+          onDismiss: () => x(null)
+        }
+      ) })
+    ] }) }),
+    o === null && /* @__PURE__ */ c("div", { role: "alert", className: "error", "data-testid": "wf-project-required", children: [
+      "No project selected — pass a ",
+      /* @__PURE__ */ t("code", { children: "project" }),
+      " prop (or set the provider's project) to edit and save this workflow."
+    ] }),
+    /* @__PURE__ */ c("div", { className: "wf-fullbleed-foot", children: [
+      /* @__PURE__ */ c("div", { className: "row", style: { flexWrap: "wrap", alignItems: "center" }, children: [
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "btn",
+            disabled: o === null || !M || !lt,
+            onClick: l.saveNow,
+            children: l.saving ? "Saving…" : "Save"
+          }
+        ),
+        dt && /* @__PURE__ */ t("span", { className: "ok", children: "Saved." })
+      ] }),
+      Pe && /* @__PURE__ */ t("div", { className: "error", children: Pe }),
+      Ae && /* @__PURE__ */ t("div", { className: "error", "data-testid": "wf-key-guard", children: Ae })
+    ] }),
+    /* @__PURE__ */ t(
+      qn,
+      {
+        open: b,
+        onClose: () => y(!1),
+        title: `JSON — ${(s == null ? void 0 : s.displayName) || "workflow"}`,
+        mode: "synced",
+        value: be,
+        onChange: (e) => {
+          l.setJson(e), x(null);
+        },
+        onValidityChange: ({ valid: e, error: n }) => {
+          P(e), E(n);
+        },
+        invalidReason: C ? null : V,
+        editorLabel: "Workflow definition JSON"
+      }
+    ),
+    l.stale && !ct && /* @__PURE__ */ c(de, { title: "This workflow changed on the server", onClose: () => Y(!0), children: [
+      /* @__PURE__ */ c("div", { className: "modal-body", children: [
+        /* @__PURE__ */ t("p", { className: "muted small", children: "Someone else — another tab, another session — saved this workflow after you opened it. Your save was refused rather than applied, so their work is still intact." }),
+        /* @__PURE__ */ c("p", { className: "muted small", children: [
+          /* @__PURE__ */ t("strong", { children: "Reload from server" }),
+          " replaces what is on this canvas with the saved copy; anything you changed here and have not saved is lost.",
+          " ",
+          /* @__PURE__ */ t("strong", { children: "Keep editing" }),
+          " leaves your version exactly as it is — but every save will be refused the same way until you reload, so copy out anything you need first."
+        ] })
+      ] }),
+      /* @__PURE__ */ c("div", { className: "modal-actions", children: [
+        /* @__PURE__ */ t("button", { type: "button", className: "btn ghost", onClick: () => Y(!0), children: "Keep editing" }),
+        /* @__PURE__ */ t("button", { type: "button", className: "btn", disabled: ue, onClick: pt, children: ue ? "Reloading…" : "Reload from server" })
+      ] })
+    ] }),
+    m && /* @__PURE__ */ t(
+      $n,
+      {
+        autoSave: Z.autoSave,
+        savePosition: Z.savePosition,
+        variables: bt,
+        onClose: () => j(!1),
+        onChange: (e, n) => kt({ settings: wn(s == null ? void 0 : s.settings, e, n) }),
+        onVariablesChange: (e) => je({ variables: gn(e) })
+      }
+    )
+  ] });
+}
+function Qn({ children: r }) {
+  const a = ot(), o = st(), i = Wt(xn), h = v(() => ({ ...a, saveStepTest: (...u) => a.saveStepTest(...u).finally(() => {
+    o.invalidateQueries({ queryKey: ce(u[0], u[1]) });
+  }), recordStepTestRun: (...u) => a.recordStepTestRun(...u).finally(() => {
+    o.invalidateQueries({ queryKey: ce(u[0], u[1]) });
+  }) }), [a, o]);
+  return /* @__PURE__ */ t(Ft, { api: h, theme: i, children: r });
+}
+const _n = () => {
+};
+function ma(r) {
+  const { workflowId: a, initialRunId: o, onNavigate: i = _n, slots: h } = r, d = Sn(r.project), p = le(
+    (u) => {
+      u.type === "list" ? i({ type: "list" }) : u.kind === "workflow" && i({ type: "workflow", id: u.id });
+    },
+    [i]
+  );
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: "w6w-embed-root",
+      style: { display: "flex", width: "100%", height: "100%", minHeight: 0 },
+      children: /* @__PURE__ */ t(
+        Vn,
+        {
+          project: d,
+          onNavigate: p,
+          rail: r.rail,
+          storageKey: d === null ? null : `w6w.rail.embed.${d}`,
+          children: /* @__PURE__ */ t(Qn, { children: /* @__PURE__ */ t(
+            Jn,
+            {
+              workflowId: a,
+              project: d,
+              initialRunId: o,
+              onNavigate: i,
+              slots: h
+            }
+          ) })
+        }
+      )
+    }
+  );
+}
+export {
+  Bn as B,
+  An as E,
+  Mn as H,
+  qn as J,
+  ma as W,
+  Vn as a,
+  Wn as b
+};
+//# sourceMappingURL=WorkflowEditor-CwvmAGp2.js.map