@w6w/embed 0.2.1 → 0.2.19

package/dist/WorkflowEditor-CmhXHRxi.js

@@ -0,0 +1,1109 @@
+import { jsxs as g, jsx as a, Fragment as le } from "react/jsx-runtime";
+import { useQueryClient as Ot, useQueries as Re } from "@tanstack/react-query";
+import { ApiError as Ce } from "@w6w/sdk";
+import { Modal as fn, IconButton as ce, JsonEditor as pn, useExpressionOptions as hn, ExpressionEditorModal as mn, useW6WApi as It, W6WUIProvider as bn, isTestRequired as Ct, requiredParamsFilled as gn, ExecutionLogPanel as yn, testInputSavesSettled as vn } from "@w6w/ui";
+import { useState as y, useMemo as v, createElement as J, useId as wn, useCallback as E, useContext as Sn, useRef as w, useEffect as T, Suspense as kn, lazy as Nn } from "react";
+import { E as En, $ as Rn, W as Cn, Q as Pn, V as An, q as Tn, X as jn, v as On, B as In, A as Fn, N as Ln, a as Mn, z as Jn, n as Dn, y as Bn, t as Wn, b as $n } from "./workflows-BZN4Hyz1.js";
+import { H as xn, a as Kn } from "./editor-apps-DkkC7wOQ.js";
+import { M as ue } from "./ConfirmModal-Pv2-A_3U.js";
+import { d as Qn, W as _n, e as qn, R as Vn, P as Hn, b as zn, c as Gn } from "./editor-tools-BR27RGto.js";
+import { u as Yn } from "./client-context-CX61Bgw-.js";
+import { u as Un } from "./use-workflow-draft-l3P5KZzw.js";
+import { r as Xn, h as Zn, e as es, f as ts, a as ns, d as ss, b as os, p as is, i as rs, g as as } from "./setup-incomplete-BHs3Lpfy.js";
+import { g as Pt, r as ls, c as cs, v as us } from "./document-sources-DNmBojx6.js";
+import { n as At } from "./import-bindings-EUtxZ9Ti.js";
+import { p as ds, d as fs } from "./settings-rail--GdRMusb.js";
+import { u as ps, b as hs } from "./project-context-Tvp-La7A.js";
+import { i as ms, d as Tt } from "./connections-CzsCyIxY.js";
+import { h as bs, b as gs, g as ys, d as vs, u as ws, e as Ss } from "./spec-export-DGy5ijps.js";
+import { l as jt, a as Pe, w as ks } from "./step-tests-B4E4W3ly.js";
+import { i as Ns, f as Es } from "./vault-BSEWhMYC.js";
+import { i as Rs } from "./data-stores-UeQvwVCa.js";
+import { e as Cs } from "./apps-ItBvnWX3.js";
+import { E as Ps } from "./theme-context-E2ZhlXDX.js";
+import { validateInitialState as As } from "@w6w/expr";
+function Ts({ title: s }) {
+  const { value: e, placeholder: r, maxLength: i, ariaLabel: n, onChange: l, onBlur: u } = s;
+  return /* @__PURE__ */ a(
+    "input",
+    {
+      className: "wf-title-input",
+      value: e,
+      placeholder: r,
+      maxLength: i,
+      size: Math.min(Math.max(e.length, r.length), 80),
+      "aria-label": n,
+      onChange: (d) => l(d.target.value),
+      onBlur: u
+    }
+  );
+}
+function js({
+  onBack: s,
+  backLabel: e,
+  title: r,
+  titleAdornment: i,
+  actions: n
+}) {
+  return /* @__PURE__ */ g("div", { className: "wf-fullbleed-head", children: [
+    e !== null && /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        className: "muted wf-back-btn",
+        "data-testid": "wf-editor-back",
+        onClick: s,
+        children: e
+      }
+    ),
+    r.editable ? /* @__PURE__ */ a(Ts, { title: r }) : /* @__PURE__ */ g("h2", { className: "exec-profile-title", children: [
+      r.value,
+      " ",
+      i
+    ] }),
+    /* @__PURE__ */ g("div", { className: "wf-head-actions", style: { marginLeft: "auto" }, children: [
+      r.editable && i,
+      n
+    ] })
+  ] });
+}
+function Os(s, e, r) {
+  if (!(s !== "workflow" || e === void 0))
+    return (i) => {
+      r(), e(i.id);
+    };
+}
+function Is(s) {
+  const { kind: e, id: r, onClose: i, onOpenRun: n } = s, [l, u] = y(En), d = Os(e, n, i);
+  return /* @__PURE__ */ a(
+    fn,
+    {
+      size: "full",
+      title: "History",
+      subtitle: r,
+      onClose: i,
+      headerRight: /* @__PURE__ */ a(ce, { icon: "close", label: "Close", onClick: i }),
+      children: /* @__PURE__ */ a("div", { className: "w6w-modal-body", children: /* @__PURE__ */ a(
+        xn,
+        {
+          scope: { callable: r },
+          showKind: !1,
+          filters: l,
+          onFiltersChange: u,
+          onOpenInEditor: d
+        }
+      ) })
+    }
+  );
+}
+function Fs(s) {
+  return /* @__PURE__ */ a(ce, { icon: "json", onClick: s.onClick, label: "Edit raw JSON definition" });
+}
+function Ls(s) {
+  return s.open ? s.mode === "apply" ? /* @__PURE__ */ a(Ms, { ...s }) : /* @__PURE__ */ a(Js, { ...s }) : null;
+}
+function Ft(s) {
+  return /* @__PURE__ */ a("div", { className: "json-toggle-editor", children: /* @__PURE__ */ a(
+    pn,
+    {
+      value: s.value,
+      onChange: s.onChange,
+      minHeight: "120px",
+      "aria-label": s.label
+    }
+  ) });
+}
+function Ms(s) {
+  const { onClose: e, title: r, value: i, prepareApply: n, onApply: l, editorLabel: u } = s, [d, S] = y(i), [h, m] = y(i), [j, z] = y([]), [de, I] = y(!1), C = v(
+    () => (n == null ? void 0 : n(d)) ?? { ok: !0, text: d, restored: [] },
+    [n, d]
+  ), D = d !== h, G = () => D ? I(!0) : e(), Y = () => {
+    !C.ok || !D || (l == null || l(C.text), S(C.text), m(C.text), z(C.restored), I(!1));
+  };
+  return /* @__PURE__ */ g(ue, { title: r, onClose: G, wide: !0, className: "modal-json", children: [
+    /* @__PURE__ */ g("div", { className: "modal-body", children: [
+      /* @__PURE__ */ g("p", { className: "muted small", children: [
+        "Edit the raw definition (",
+        /* @__PURE__ */ a("code", { children: 'manifestVersion: "2"' }),
+        "). Apply updates the visual editor; Save stores it."
+      ] }),
+      /* @__PURE__ */ a(
+        Ft,
+        {
+          value: d,
+          onChange: (U) => {
+            S(U), I(!1);
+          },
+          label: u
+        }
+      ),
+      !C.ok && /* @__PURE__ */ a("p", { className: "error small", role: "alert", "data-testid": "json-toggle-error", children: C.error }),
+      j.length > 0 && /* @__PURE__ */ g("p", { className: "muted small", "data-testid": "json-toggle-restored", children: [
+        "Restored ",
+        j.join(", "),
+        ": ",
+        j.length > 1 ? "these fields" : "this field",
+        " ",
+        "can't be changed in JSON."
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "modal-actions", children: de ? /* @__PURE__ */ g(le, { children: [
+      /* @__PURE__ */ a("span", { className: "muted small json-toggle-confirm", children: "Discard unapplied changes?" }),
+      /* @__PURE__ */ a("button", { type: "button", className: "btn ghost", onClick: () => I(!1), children: "Keep editing" }),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: "btn danger",
+          "data-testid": "json-toggle-discard",
+          onClick: e,
+          children: "Discard"
+        }
+      )
+    ] }) : /* @__PURE__ */ g(le, { children: [
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: "btn ghost",
+          "data-testid": "json-toggle-close",
+          onClick: G,
+          children: "Close"
+        }
+      ),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: "btn",
+          "data-testid": "json-toggle-apply",
+          disabled: !C.ok || !D,
+          onClick: Y,
+          children: "Apply"
+        }
+      )
+    ] }) })
+  ] });
+}
+function Js(s) {
+  const { onClose: e, title: r, value: i, onChange: n, guard: l, onSave: u, saving: d, error: S, editorLabel: h } = s, m = (l == null ? void 0 : l(i)) ?? null;
+  return /* @__PURE__ */ g(ue, { title: r, onClose: e, wide: !0, className: "modal-json", children: [
+    /* @__PURE__ */ g("div", { className: "modal-body", children: [
+      /* @__PURE__ */ a("p", { className: "muted small", children: "Save replaces the stored definition." }),
+      /* @__PURE__ */ a(Ft, { value: i, onChange: (j) => n == null ? void 0 : n(j), label: h }),
+      m && /* @__PURE__ */ a("p", { className: "muted small", "data-testid": "json-toggle-reason", children: m }),
+      S && /* @__PURE__ */ a("div", { className: "error", children: S })
+    ] }),
+    /* @__PURE__ */ g("div", { className: "modal-actions", children: [
+      /* @__PURE__ */ a("button", { type: "button", className: "btn ghost", onClick: e, children: "Cancel" }),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: "btn",
+          "data-testid": "json-toggle-save",
+          disabled: m != null || !!d,
+          onClick: u,
+          children: d ? "Saving…" : "Save"
+        }
+      )
+    ] })
+  ] });
+}
+function Ds(s, e) {
+  const r = (n) => Array.isArray(n) ? n.map(r) : n !== null && typeof n == "object" ? Object.fromEntries(
+    Object.entries(n).sort(([l], [u]) => l.localeCompare(u)).map(([l, u]) => [l, r(u)])
+  ) : n, i = (n) => {
+    if (n === null || typeof n != "object" || Array.isArray(n)) return n;
+    const { status: l, ...u } = n;
+    return { ...u, key: u.key ?? null, tags: u.tags ?? [] };
+  };
+  return JSON.stringify(r(i(s))) === JSON.stringify(r(i(e)));
+}
+function Bs(s) {
+  const { kind: e, problemCount: r, canEnable: i, onEnable: n, pending: l } = s, u = r > 0 ? `This ${e} is disabled and ${r} ${r === 1 ? "step uses" : "steps use"} a connection that no longer exists. Choose another connection, save, then Enable.` : "Connections fixed. Enable to run again.";
+  return J(
+    "div",
+    { role: "alert", className: "error", "data-testid": "binding-disabled-banner" },
+    J("span", null, u),
+    " ",
+    J(
+      "button",
+      {
+        type: "button",
+        "data-testid": "binding-enable",
+        disabled: !i || l === !0,
+        onClick: n
+      },
+      "Enable"
+    )
+  );
+}
+function Ws({
+  project: s,
+  onNavigate: e,
+  rail: r = !0,
+  storageKey: i,
+  tools: n = qn,
+  children: l
+}) {
+  const u = Qn(), d = /* @__PURE__ */ a(Vn, { project: s, onNavigate: e, children: /* @__PURE__ */ g(Hn, { project: s, children: [
+    l,
+    r && /* @__PURE__ */ a(zn, { tools: n, storageKey: i })
+  ] }) });
+  return r || !u ? /* @__PURE__ */ a(_n, { children: d }) : d;
+}
+function $s({
+  message: s,
+  disabled: e = !1,
+  children: r
+}) {
+  const i = wn(), [n, l] = y(!1);
+  return /* @__PURE__ */ g(
+    "fieldset",
+    {
+      className: "wf-publish-tooltip",
+      "aria-label": "Publish workflow",
+      "aria-describedby": i,
+      tabIndex: e ? 0 : void 0,
+      onMouseEnter: () => l(!0),
+      onMouseLeave: () => l(!1),
+      onFocus: () => l(!0),
+      onBlur: (u) => {
+        u.currentTarget.contains(u.relatedTarget) || l(!1);
+      },
+      onKeyDown: (u) => {
+        u.key === "Escape" && l(!1);
+      },
+      children: [
+        r(i),
+        n && /* @__PURE__ */ a("span", { id: i, role: "tooltip", className: "wf-publish-hint", children: s })
+      ]
+    }
+  );
+}
+function xs(s) {
+  const { problems: e, nodeLabel: r } = s, i = Object.entries(e).filter(([, l]) => l.length > 0);
+  if (i.length === 0) return null;
+  const n = i.length;
+  return J(
+    "div",
+    { role: "status", className: "error", "data-testid": "setup-incomplete-banner" },
+    J(
+      "span",
+      null,
+      `Setup incomplete: ${n} ${n === 1 ? "step needs" : "steps need"} attention. The workflow can still run.`
+    ),
+    J(
+      "ul",
+      { "data-testid": "setup-incomplete-list" },
+      ...i.map(
+        ([l, u]) => J("li", { key: l }, `${r ? r(l) : l}: ${u.join(", ")}`)
+      )
+    )
+  );
+}
+const Ks = {
+  invalid_json: "This isn't valid JSON yet, so it isn't saved. Fix it to save.",
+  not_object: 'Starting state must be a JSON object, like {"region": "us"}. Not saved.',
+  too_large: "Starting state is over the 64 KiB limit. Not saved."
+};
+function Qs(s) {
+  const e = hn();
+  return /* @__PURE__ */ a(
+    mn,
+    {
+      mode: "json-binding",
+      startingState: !0,
+      title: "Starting state",
+      fieldLabel: "initialState",
+      value: void 0,
+      options: e,
+      jsonValue: s.initialState,
+      jsonProblem: (r) => {
+        const i = Pt(r);
+        if (!i.ok) return Ks[i.reason];
+        const n = i.value === void 0 ? void 0 : As(i.value)[0];
+        return n ? `${n.message} Not saved.` : null;
+      },
+      onSaveJson: (r) => {
+        const i = Pt(r === void 0 ? "" : JSON.stringify(r));
+        i.ok && s.onChange(i.value);
+      },
+      onClose: s.onClose
+    }
+  );
+}
+const Lt = /^[a-zA-Z0-9][a-zA-Z0-9._-]*$/, _s = "Untitled workflow", qs = ["id", "key", "manifestVersion"];
+function Vs(s) {
+  let e = 0;
+  const r = () => {
+    for (; e < s.length && ` 	
+\r`.includes(s[e]); ) e++;
+  }, i = () => {
+    throw e;
+  }, n = (h) => {
+    for (const m of h)
+      s[e] !== m && i(), e++;
+  }, l = () => {
+    for (e++; s[e] !== '"'; ) {
+      const h = s[e];
+      if ((h === void 0 || h < " ") && i(), h === "\\")
+        if (e++, s[e] === "u")
+          for (let m = 0; m < 4; m++)
+            e++, /[0-9a-fA-F]/.test(s[e] ?? "") || i();
+        else '"\\/bfnrt'.includes(s[e] ?? "x") || i();
+      e++;
+    }
+    e++;
+  }, u = /-?(0|[1-9]\d*)(\.\d+)?([eE][+-]?\d+)?/y, d = () => {
+    u.lastIndex = e, u.test(s) || i(), e = u.lastIndex;
+  }, S = () => {
+    r();
+    const h = s[e];
+    if (h === "{" || h === "[") {
+      const m = h === "{" ? "}" : "]";
+      if (e++, r(), s[e] === m) {
+        e++;
+        return;
+      }
+      for (; ; )
+        if (m === "}" && (r(), s[e] !== '"' && i(), l(), r(), s[e] !== ":" && i(), e++), S(), r(), s[e] === ",") e++;
+        else if (s[e] === m) {
+          e++;
+          return;
+        } else i();
+    }
+    h === '"' ? l() : h === "t" ? n("true") : h === "f" ? n("false") : h === "n" ? n("null") : d();
+  };
+  try {
+    return S(), r(), e < s.length ? e : null;
+  } catch (h) {
+    return typeof h == "number" ? Math.min(h, s.length) : 0;
+  }
+}
+function Hs(s, e) {
+  const r = e instanceof Error ? e.message : String(e), i = Vs(s);
+  if (i === null) return r;
+  const n = s.slice(0, i), l = n.split(`
+`).length, u = i - n.lastIndexOf(`
+`);
+  return `Line ${l}, column ${u}: ${r}`;
+}
+const ae = (s) => typeof s == "object" && s !== null && !Array.isArray(s);
+function zs(s) {
+  if (typeof s.name != "string" || s.name.length === 0) return "`name` is required.";
+  const e = s.nodes ?? s.steps;
+  if (!Array.isArray(e)) return "`nodes` must be an array.";
+  const r = /* @__PURE__ */ new Set();
+  for (let i = 0; i < e.length; i++) {
+    const n = e[i];
+    if (!ae(n)) return `\`nodes[${i}]\` must be an object.`;
+    if (typeof n.id != "string" || n.id.length === 0)
+      return `\`nodes[${i}].id\` must be a non-empty string.`;
+    if (n.id.includes(".")) return `Node id "${n.id}" may not contain ".".`;
+    if (r.has(n.id)) return `Node id "${n.id}" is used twice.`;
+    r.add(n.id);
+    const l = n.position;
+    if (l !== void 0 && (!ae(l) || !Number.isFinite(l.x) || !Number.isFinite(l.y)))
+      return `\`nodes[${i}].position\` must be { "x": number, "y": number }.`;
+  }
+  if (s.edges !== void 0) {
+    if (!Array.isArray(s.edges)) return "`edges` must be an array.";
+    for (let i = 0; i < s.edges.length; i++) {
+      const n = s.edges[i];
+      if (!ae(n)) return `\`edges[${i}]\` must be an object.`;
+      for (const l of ["from", "to"])
+        if (typeof n[l] != "string" || !r.has(n[l]))
+          return `\`edges[${i}].${l}\` does not name an existing node.`;
+    }
+  }
+  return null;
+}
+function Gs(s, e) {
+  let r;
+  try {
+    r = JSON.parse(s);
+  } catch (d) {
+    return { ok: !1, error: Hs(s, d) };
+  }
+  if (!ae(r)) return { ok: !1, error: "The definition must be a JSON object." };
+  const i = [];
+  let n = r;
+  const l = {};
+  if (e) {
+    for (const d of qs) {
+      const S = Object.hasOwn(e, d), h = Object.hasOwn(n, d);
+      if (!(S === h && JSON.stringify(e[d]) === JSON.stringify(n[d])))
+        if (i.push(d), S)
+          h ? n = { ...n, [d]: e[d] } : l[d] = e[d];
+        else {
+          const { [d]: m, ...j } = n;
+          n = j;
+        }
+    }
+    n = { ...l, ...n };
+  }
+  if (typeof n.id == "string" && !Lt.test(n.id))
+    return { ok: !1, error: "Invalid workflow id." };
+  const u = zs(n);
+  return u !== null ? { ok: !1, error: u } : { ok: !0, text: i.length > 0 ? JSON.stringify(n, null, 2) : s, restored: i };
+}
+function Ys(s, e, r, i) {
+  const n = {};
+  for (const l of s) {
+    const u = { code: l.code, connection: l.connection };
+    n[l.siteId] = [...Object.hasOwn(n, l.siteId) ? n[l.siteId] : [], u];
+  }
+  for (const l of [e, r, i])
+    for (const [u, d] of Object.entries(l ?? {}))
+      d.length > 0 && (n[u] = [...Object.hasOwn(n, u) ? n[u] : [], ...d]);
+  return n;
+}
+const Us = Nn(
+  () => import("@w6w/ui/flow").then((s) => ({ default: s.WorkflowFlowEditor }))
+);
+function Xs(s) {
+  var wt, St, kt, Nt, Et;
+  const { workflowId: e, project: r, projectPending: i, initialRunId: n, onNavigate: l, slots: u } = s, d = Yn(), S = It(), [h, m] = y(null), [j, z] = y(!1), [de, I] = y(0), [C, D] = y(!1), [G, Y] = y(!1), [U, Ae] = y(!1), [X, Te] = y(void 0), je = w(!0), Oe = w(() => null), Mt = E(
+    (t) => {
+      const o = t;
+      return Lt.test(typeof o.id == "string" ? o.id : "") ? At(X, o.key).reason : "Invalid workflow id.";
+    },
+    [X]
+  ), f = Un({
+    workflowId: e,
+    project: r,
+    autoSave: je.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: Mt,
+    publishBlockedReason: (t) => Oe.current(t)
+  }), Ie = f.json, c = f.parsed, B = f.canSave, Jt = f.dirty;
+  T(() => {
+    if (f.loading || f.loadError !== null) {
+      Te(void 0);
+      return;
+    }
+    !f.dirty && c && Te(c.key ?? null);
+  }, [f.loading, f.loadError, f.dirty, c]);
+  const [Dt, fe] = y(!1);
+  T(() => {
+    f.stale || fe(!1);
+  }, [f.stale]);
+  const [Bt, Fe] = y(!1), Le = w(!1);
+  T(() => {
+    f.saving ? Fe(!1) : Le.current && f.error === null && Fe(!0), Le.current = f.saving;
+  }, [f.saving, f.error]);
+  const [O, N] = y(null), Me = Rn(), Je = Cn(), De = Pn(), P = An(O), K = (wt = P.data) == null ? void 0 : wt.status, Be = P.isError, Z = Tn(K, Be), Wt = jn(O, K), We = On(
+    In(P.data),
+    (St = Wt.data) == null ? void 0 : St.writes
+  ), $e = Fn(P.data, We), pe = w(!1), [$t, xe] = y(!1);
+  T(() => {
+    N(null);
+  }, [e]), T(() => {
+    n && N(n);
+  }, [e, n]), T(() => {
+    P.data && P.data.workflowId !== e && N(null);
+  }, [P.data, e]);
+  async function Ke(t) {
+    try {
+      const o = await f.flushThen(t);
+      !o.ok && o.outcome.status === "blocked" && m(o.outcome.reason);
+    } catch (o) {
+      m(o instanceof Ce ? o.message : String(o));
+    }
+  }
+  async function xt() {
+    if (!(!e || Z || pe.current)) {
+      m(null), pe.current = !0, xe(!0);
+      try {
+        const t = b ? Dn(R, b.isManualTrigger, b.isEntryTrigger) : (Q == null ? void 0 : Q[0]) && { id: Q[0].id, manual: !0 };
+        await vn();
+        const o = await Bn(
+          t == null ? void 0 : t.id,
+          (p) => jt(d, e, p),
+          () => Wn(d, e)
+        );
+        await Ke(
+          () => t && !t.manual ? (
+            // A webhook / schedule / app trigger entry runs FROM that trigger: the server takes
+            // the payload as the event that fired it (its output and `trigger.event`), which a
+            // plain run's `input` — the Manual trigger's slot — never reaches.
+            Je.mutateAsync({
+              id: e,
+              nodeId: t.id,
+              body: { stopAt: [], ...o ? { input: o } : {} }
+            }).then((p) => N(p.runId))
+          ) : Me.mutateAsync({
+            id: e,
+            variables: {},
+            ...o ? { input: o } : {}
+          }).then((p) => N(p.runId))
+        );
+      } finally {
+        pe.current = !1, xe(!1);
+      }
+    }
+  }
+  async function Kt(t, o) {
+    if (!e) return;
+    m(null);
+    const p = await f.flushThen(
+      () => {
+        var k;
+        return Je.mutateAsync({
+          id: e,
+          nodeId: t,
+          body: {
+            stopAt: o.stopAt,
+            ...(k = o.state) != null && k.steps ? { nodes: o.state.steps } : {},
+            ...o.input ? { input: o.input } : {}
+          }
+        });
+      }
+    );
+    if (!p.ok)
+      throw new Error(
+        p.outcome.status === "blocked" ? p.outcome.reason : "The workflow could not be saved, so it was not run."
+      );
+    N(p.value.runId);
+  }
+  function Qt() {
+    O && (De.mutate(O, {
+      onError: (t) => {
+        const o = t instanceof Ce ? t.code : "";
+        $n(o) === "surface" && m(t instanceof Ce ? t.message : String(t));
+      }
+    }), N(null));
+  }
+  async function _t() {
+    Ae(!0);
+    try {
+      await f.reload(), I((t) => t + 1), m(null);
+    } finally {
+      Ae(!1);
+    }
+  }
+  const ee = f.stale ? null : f.error ?? f.loadError, Qe = h ?? (ee === null ? null : ee instanceof Error ? ee.message : String(ee)), qt = c !== null && (Array.isArray(c.nodes) || Array.isArray(c.steps)), _e = (c == null ? void 0 : c.displayName) ?? "", he = Xn(c == null ? void 0 : c.settings), te = ls(c == null ? void 0 : c.initialState), Vt = v(() => cs(c == null ? void 0 : c.variables), [c == null ? void 0 : c.variables]), qe = At(X, c == null ? void 0 : c.key), Ve = c !== null && X !== void 0 && !qe.allowed ? qe.reason : null, R = v(
+    () => Zn(c),
+    [c]
+  ), [b, Ht] = y(null);
+  T(() => {
+    let t = !1;
+    return import("@w6w/ui/flow").then((o) => {
+      t || Ht({
+        internalNodes: o.INTERNAL_NODES,
+        isInternalApp: o.isInternalApp,
+        internalNodeParams: o.internalNodeParams,
+        isManualTrigger: (p) => p === o.TRIGGER_APP,
+        isEntryTrigger: o.isTriggerStep,
+        asFieldDefs: o.asFieldDefs,
+        findLoopProblems: o.findLoopProblems,
+        findStateWriteProblems: o.findStateWriteProblems
+      });
+    }), () => {
+      t = !0;
+    };
+  }, []);
+  const Q = v(() => {
+    if (b)
+      return es(
+        { steps: R },
+        {
+          isManualTrigger: b.isManualTrigger,
+          asFieldDefs: b.asFieldDefs
+        }
+      );
+  }, [b, R]), F = v(() => {
+    if (!b) return [];
+    const t = /* @__PURE__ */ new Set();
+    for (const o of R) {
+      const { app: p, action: k } = o.uses ?? {};
+      p && k && !b.isInternalApp(p) && t.add(p);
+    }
+    return [...t];
+  }, [b, R]), { byId: ne } = Kn(F), zt = v(() => [...ne.values()], [ne]), He = Re({
+    queries: F.map((t) => ({
+      queryKey: Cs(t),
+      queryFn: () => S.getAppActions(t)
+    }))
+  }), ze = v(() => {
+    var o, p;
+    const t = {};
+    if (!b) return t;
+    for (const k of R) {
+      const { app: A, action: x } = k.uses ?? {};
+      if (!A || !x) continue;
+      const Ne = `${A}::${x}`;
+      if (!(Ne in t))
+        if (b.isInternalApp(A))
+          t[Ne] = b.internalNodeParams(A, x);
+        else {
+          const Rt = F.indexOf(A), Ee = Rt >= 0 ? (o = He[Rt]) == null ? void 0 : o.data : void 0;
+          t[Ne] = ((p = Ee == null ? void 0 : Ee.find((dn) => dn.key === x)) == null ? void 0 : p.params) ?? [];
+        }
+    }
+    return t;
+  }, [b, R, F, He]), _ = v(() => {
+    const t = {};
+    for (const [o, p] of ne) t[o] = p;
+    return t;
+  }, [ne]), me = v(
+    () => R.filter((t) => {
+      var p;
+      const o = (p = t.uses) == null ? void 0 : p.app;
+      return !!o && o in _ && Ct(_[o]);
+    }),
+    [R, _]
+  ), Ge = Re({
+    queries: me.map((t) => ({
+      queryKey: Pe(e, t.id),
+      queryFn: () => jt(d, e, t.id),
+      enabled: !!e
+    }))
+  }), Ye = v(() => {
+    const t = {};
+    return me.forEach((o, p) => {
+      var k, A;
+      t[o.id] = !!((A = (k = Ge[p]) == null ? void 0 : k.data) != null && A.some((x) => x.lastRunStatus === "succeeded"));
+    }), t;
+  }, [me, Ge]), q = bs("workflow", e, !!e), be = gs("workflow"), L = ((kt = q.data) == null ? void 0 : kt.currentPublishedVersion) ?? null, V = ys("workflow", e, L, !!e), Ue = V.data !== void 0 && c !== null && Ds(c, V.data.definition), M = q.data === void 0 ? void 0 : L === null ? "unpublished" : V.data === void 0 || f.loading ? void 0 : Ue ? "published" : "draft", [Gt, Xe] = y(!1), Yt = vs("workflow");
+  async function Ze(t) {
+    Xe(!0), m(null);
+    try {
+      await f.discardThen(() => Yt.mutateAsync({ id: e, versionNumber: t })), I((o) => o + 1), N(null);
+    } finally {
+      Xe(!1);
+    }
+  }
+  const se = Ot(), et = w(null);
+  T(() => {
+    var t;
+    if (!(!e || !O || et.current === O) && Ln(K, (t = P.data) == null ? void 0 : t.workflowId, e)) {
+      et.current = O;
+      for (const o of Mn)
+        setTimeout(
+          () => void se.invalidateQueries({ queryKey: ks(e) }),
+          o
+        );
+    }
+  }, [e, O, K, (Nt = P.data) == null ? void 0 : Nt.workflowId, se]);
+  const tt = Re({
+    queries: F.map((t) => ({
+      queryKey: Tt(t),
+      queryFn: () => ms(d, t)
+    }))
+  }), nt = v(() => {
+    const t = /* @__PURE__ */ new Map();
+    return F.forEach((o, p) => {
+      const k = tt[p];
+      k && (k.isError ? t.set(o, { state: "error" }) : k.isSuccess && !k.isFetching ? t.set(o, { state: "ready", ids: new Set((k.data ?? []).map((A) => A.id)) }) : t.set(o, { state: "loading" }));
+    }), t;
+  }, [F, tt]), W = v(
+    () => ts(R, (t) => nt.get(t), c == null ? void 0 : c.connections),
+    [R, nt, c == null ? void 0 : c.connections]
+  ), st = Ns(r ?? void 0, r !== null), ot = Es(), it = ws(), rt = Rs(r ?? void 0), ge = v(() => {
+    if (!c) return {};
+    const t = (o) => ({
+      names: (o.data ?? []).map((p) => p.name),
+      ready: o.isSuccess
+    });
+    return ns({
+      workflow: c,
+      lists: {
+        vars: t(st),
+        secrets: t(ot),
+        constants: t(it),
+        stores: t(rt)
+      }
+    });
+  }, [c, st, ot, it, rt]), at = v(() => {
+    const t = {};
+    for (const [o, p] of Object.entries(ge))
+      t[o] = [{ code: "setup_incomplete", items: p }];
+    return t;
+  }, [ge]), Ut = v(
+    () => Ys(
+      W,
+      b == null ? void 0 : b.findLoopProblems(c),
+      c ? b == null ? void 0 : b.findStateWriteProblems(c) : void 0,
+      at
+    ),
+    [W, b, c, at]
+  ), lt = w(/* @__PURE__ */ new Set());
+  T(() => {
+    for (const t of W) {
+      const o = `${t.app}|${t.connection}`;
+      lt.current.has(o) || (lt.current.add(o), se.invalidateQueries({ queryKey: Tt(t.app) }));
+    }
+  }, [W, se]);
+  const oe = w({ id: e, had: !1 });
+  oe.current.id !== e && (oe.current = { id: e, had: !1 }), W.length > 0 && (oe.current.had = !0);
+  const ct = Ss("workflow"), ye = ss({
+    enabled: (Et = q.data) == null ? void 0 : Et.enabled,
+    problemCount: W.length,
+    dirty: f.dirty,
+    hadProblems: oe.current.had
+  }), ve = v(
+    () => ({
+      actionParamsByKey: ze,
+      appsById: _,
+      testStatus: Ye,
+      requiredParamsFilled: gn,
+      isTestRequired: Ct
+    }),
+    [ze, _, Ye]
+  ), Xt = v(
+    () => c !== null && b !== null ? os(c, ve) : [],
+    [c, b, ve]
+  ), [ut, dt] = y(!1), we = w(!1), H = is({
+    projectMissing: r === null,
+    loading: !B,
+    saveBlockedReason: f.saveBlockedReason ?? (B && c === null ? "the workflow JSON does not parse." : null),
+    catalogLoading: c !== null && b === null,
+    problems: Xt,
+    publishing: ut || be.isPending
+  }) ?? (q.isPending || L !== null && V.isPending ? "Checking the published version…" : q.isError || L !== null && V.isError ? "Can't check the published version. Reload to try again." : Ue ? "Already published. Make a change before publishing again." : null);
+  async function Se() {
+    if (!(!e || H !== null || we.current)) {
+      we.current = !0, dt(!0), m(null);
+      try {
+        await Ke(() => be.mutateAsync(e));
+      } finally {
+        we.current = !1, dt(!1);
+      }
+    }
+  }
+  Oe.current = (t) => t !== null && typeof t == "object" ? rs(t, ve) : null, je.current = he.autoSave;
+  const Zt = E(
+    (t) => Gs(t, re.current),
+    []
+  );
+  function ie(t) {
+    if (!c) return;
+    const o = { ...c, ...t };
+    f.setJson(JSON.stringify(o, null, 2));
+  }
+  function ft(t) {
+    if (!c) return;
+    const o = { ...c, ...t };
+    m(null), f.commit(JSON.stringify(o, null, 2));
+  }
+  const re = w(c);
+  re.current = c;
+  const pt = w(f.commit);
+  pt.current = f.commit;
+  const ht = w(f.saveNow);
+  ht.current = f.saveNow, T(() => {
+    const t = (o) => {
+      o.altKey || !(o.metaKey || o.ctrlKey) || o.key.toLowerCase() !== "s" || (o.preventDefault(), !document.querySelector(".w6w-exprmodal") && B && ht.current());
+    };
+    return document.addEventListener("keydown", t), () => {
+      document.removeEventListener("keydown", t);
+    };
+  }, [B]);
+  const en = v(
+    () => c ? ds(c) : {},
+    [c]
+  ), tn = E((t) => {
+    const o = re.current;
+    if (!o) return;
+    const p = fs(o, t);
+    m(null), pt.current(JSON.stringify(p, null, 2));
+  }, []), nn = E(() => Y(!0), []), mt = w(() => {
+  });
+  mt.current = (t) => {
+    N(t), l({ type: "run", id: e, runId: t });
+  };
+  const bt = E((t) => mt.current(t), []), gt = w(Ze);
+  gt.current = Ze;
+  const sn = E((t) => gt.current(t), []), yt = w(Se);
+  yt.current = Se;
+  const on = E(() => yt.current(), []), ke = w({ saveMeta: ft, patchMeta: ie });
+  ke.current = { saveMeta: ft, patchMeta: ie };
+  const rn = E(
+    (t, o) => {
+      var p;
+      ke.current.saveMeta({
+        settings: as((p = re.current) == null ? void 0 : p.settings, t, o)
+      });
+    },
+    []
+  ), an = E((t) => {
+    ke.current.patchMeta({ variables: us(t) });
+  }, []), [$, ln] = y(null), vt = w($);
+  vt.current = $;
+  const cn = E(
+    (t) => {
+      var o;
+      (o = vt.current) == null || o.edit(t);
+    },
+    []
+  ), un = E(() => D(!0), []);
+  return Gn({
+    kind: "workflow",
+    id: e,
+    connectionResources: ($ == null ? void 0 : $.workflowId) === e ? { ...$, edit: cn } : void 0,
+    label: _e,
+    key: (c == null ? void 0 : c.key) ?? void 0,
+    triggers: Q,
+    onRestoreVersion: sn,
+    definitionStatus: M,
+    onPublish: on,
+    publishDisabled: H !== null,
+    policy: en,
+    onPolicyChange: tn,
+    hasStartingState: te !== void 0 && Object.keys(te).length > 0,
+    startingState: te,
+    onOpenStartingState: nn,
+    onOpenRun: bt,
+    authoringSettings: { autoSave: he.autoSave, savePosition: he.savePosition },
+    onAuthoringSettingChange: rn,
+    variables: Vt,
+    onVariablesChange: an,
+    onOpenHistory: un
+  }), /* @__PURE__ */ g("div", { className: "wf-fullbleed", style: { height: "100%", minWidth: 0, flex: 1 }, children: [
+    (u == null ? void 0 : u.header) ?? /* @__PURE__ */ a(
+      js,
+      {
+        onBack: () => l({ type: "list" }),
+        backLabel: (u == null ? void 0 : u.backLabel) === null ? null : (u == null ? void 0 : u.backLabel) ?? "← Workflows",
+        title: {
+          editable: !0,
+          value: _e,
+          placeholder: _s,
+          maxLength: 80,
+          ariaLabel: "Workflow name",
+          onChange: (t) => ie({ displayName: t }),
+          onBlur: () => {
+            B && f.saveNow();
+          }
+        },
+        titleAdornment: M && /* @__PURE__ */ a(
+          "span",
+          {
+            className: `badge wf-definition-status ${M}`,
+            "data-testid": "wf-definition-status",
+            "aria-live": "polite",
+            title: M === "published" ? "This workflow matches the published version. Edits create a separate draft." : M === "draft" ? "You are editing a draft. The published version stays unchanged until you publish." : "You are editing a draft. This workflow has not been published.",
+            children: M === "published" ? "Live" : "Draft"
+          }
+        ),
+        actions: /* @__PURE__ */ g(le, { children: [
+          /* @__PURE__ */ a(
+            ce,
+            {
+              icon: "play",
+              label: Jn(K, Be),
+              "data-testid": "wf-run-start",
+              onClick: xt,
+              disabled: !e || Z || $t || Me.isPending
+            }
+          ),
+          Z && /* @__PURE__ */ a(
+            ce,
+            {
+              icon: "stop",
+              label: "Stop this run",
+              "data-testid": "wf-run-stop",
+              onClick: Qt,
+              disabled: De.isPending
+            }
+          ),
+          /* @__PURE__ */ a(
+            $s,
+            {
+              disabled: H !== null,
+              message: H ?? (L !== null ? "Republish this draft as a new live version" : "Publish this draft as a new live version"),
+              children: (t) => /* @__PURE__ */ a(le, { children: /* @__PURE__ */ a(
+                "button",
+                {
+                  type: "button",
+                  className: "btn ghost wf-publish",
+                  "data-testid": "wf-publish",
+                  onClick: () => void Se(),
+                  disabled: H !== null,
+                  "aria-describedby": t,
+                  children: ut || be.isPending ? L !== null ? "Republishing…" : "Publishing…" : L !== null ? M === "draft" ? "Republish" : "Published" : "Publish"
+                }
+              ) })
+            }
+          ),
+          /* @__PURE__ */ a(Fs, { onClick: () => z(!0) }),
+          u == null ? void 0 : u.headerActions
+        ] })
+      }
+    ),
+    /* @__PURE__ */ a(xs, { problems: ge }),
+    ye.show && /* @__PURE__ */ a(
+      Bs,
+      {
+        kind: "workflow",
+        problemCount: ye.problemCount,
+        canEnable: ye.canEnable,
+        pending: ct.isPending,
+        onEnable: () => ct.mutate({ id: e, enabled: !0 })
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: "wf-fullbleed-canvas", children: /* @__PURE__ */ g("div", { className: "wf-run-area", children: [
+      /* @__PURE__ */ a("div", { className: "wf-run-canvas", children: /* @__PURE__ */ a(kn, { fallback: /* @__PURE__ */ a("p", { className: "muted", children: "Loading visual editor…" }), children: qt && c ? /* @__PURE__ */ a(
+        Us,
+        {
+          onConnectionResourcesChange: ln,
+          value: c,
+          onChange: (t, o) => {
+            f.setJson(JSON.stringify(t, null, 2)), o != null && o.viewportOnly || N(null);
+          },
+          apps: zt,
+          project: r ?? void 0,
+          height: "100%",
+          readOnly: Z,
+          stepProblems: Ut,
+          runState: P.data,
+          onTestRun: () => N(null),
+          onRunFromNode: Kt
+        },
+        de
+      ) : Ie === "" ? /* @__PURE__ */ a("p", { className: "muted", children: "Loading…" }) : /* @__PURE__ */ a("p", { className: "muted", children: "Fix the JSON to render the visual editor." }) }) }),
+      O && /* @__PURE__ */ a("div", { className: "wf-run-log", "data-testid": "wf-run-log", children: /* @__PURE__ */ a(
+        yn,
+        {
+          steps: We,
+          runError: $e.runError,
+          stepErrors: $e.stepErrors,
+          onDismiss: () => N(null)
+        }
+      ) })
+    ] }) }),
+    r === null && !i && /* @__PURE__ */ g("div", { role: "alert", className: "error", "data-testid": "wf-project-required", children: [
+      "No project selected — pass a ",
+      /* @__PURE__ */ a("code", { children: "project" }),
+      " prop (or set the provider's project) to edit and save this workflow."
+    ] }),
+    /* @__PURE__ */ g("div", { className: "wf-fullbleed-foot", children: [
+      /* @__PURE__ */ g("div", { className: "row", style: { flexWrap: "wrap", alignItems: "center" }, children: [
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: "btn",
+            disabled: r === null || !B || !Jt,
+            onClick: f.saveNow,
+            children: f.saving ? "Saving…" : "Save"
+          }
+        ),
+        Bt && /* @__PURE__ */ a("span", { className: "ok", children: "Saved." })
+      ] }),
+      Qe && /* @__PURE__ */ a("div", { className: "error", children: Qe }),
+      Ve && /* @__PURE__ */ a("div", { className: "error", "data-testid": "wf-key-guard", children: Ve })
+    ] }),
+    Gt && /* @__PURE__ */ a(ue, { title: "Restoring version…", onClose: () => {
+    }, children: /* @__PURE__ */ a("div", { className: "modal-body", children: "Replacing the draft…" }) }),
+    /* @__PURE__ */ a(
+      Ls,
+      {
+        open: j,
+        onClose: () => z(!1),
+        title: `JSON — ${(c == null ? void 0 : c.displayName) || "workflow"}`,
+        mode: "apply",
+        value: Ie,
+        prepareApply: Zt,
+        onApply: (t) => {
+          f.setJson(t), I((o) => o + 1), N(null);
+        },
+        editorLabel: "Workflow definition JSON"
+      }
+    ),
+    f.stale && !Dt && /* @__PURE__ */ g(ue, { title: "This workflow changed on the server", onClose: () => fe(!0), children: [
+      /* @__PURE__ */ g("div", { className: "modal-body", children: [
+        /* @__PURE__ */ a("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__ */ g("p", { className: "muted small", children: [
+          /* @__PURE__ */ a("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__ */ a("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__ */ g("div", { className: "modal-actions", children: [
+        /* @__PURE__ */ a("button", { type: "button", className: "btn ghost", onClick: () => fe(!0), children: "Keep editing" }),
+        /* @__PURE__ */ a("button", { type: "button", className: "btn", disabled: U, onClick: _t, children: U ? "Reloading…" : "Reload from server" })
+      ] })
+    ] }),
+    C && /* @__PURE__ */ a(
+      Is,
+      {
+        kind: "workflow",
+        id: e,
+        onClose: () => D(!1),
+        onOpenRun: bt
+      }
+    ),
+    G && /* @__PURE__ */ a(
+      Qs,
+      {
+        initialState: te,
+        onChange: (t) => ie({ initialState: t }),
+        onClose: () => Y(!1)
+      }
+    )
+  ] });
+}
+function Zs({ children: s }) {
+  const e = It(), r = Ot(), i = Sn(Ps), n = v(() => ({ ...e, saveStepTest: (...d) => e.saveStepTest(...d).finally(() => {
+    r.invalidateQueries({ queryKey: Pe(d[0], d[1]) });
+  }), recordStepTestRun: (...d) => e.recordStepTestRun(...d).finally(() => {
+    r.invalidateQueries({ queryKey: Pe(d[0], d[1]) });
+  }) }), [e, r]);
+  return /* @__PURE__ */ a(bn, { api: n, theme: i, children: s });
+}
+const eo = () => {
+};
+function Po(s) {
+  const { workflowId: e, initialRunId: r, onNavigate: i = eo, slots: n } = s, l = ps(s.project), u = hs().status, d = s.project === void 0 && u === "resolving", S = E(
+    (h) => {
+      h.type === "list" ? i({ type: "list" }) : h.kind === "workflow" && i({ type: "workflow", id: h.id });
+    },
+    [i]
+  );
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: "w6w-embed-root",
+      style: { display: "flex", width: "100%", height: "100%", minHeight: 0 },
+      children: /* @__PURE__ */ a(
+        Ws,
+        {
+          project: l,
+          onNavigate: S,
+          rail: s.rail,
+          storageKey: l === null ? null : `w6w.rail.embed.${l}`,
+          children: /* @__PURE__ */ a(Zs, { children: /* @__PURE__ */ a(
+            Xs,
+            {
+              workflowId: e,
+              project: l,
+              projectPending: d,
+              initialRunId: r,
+              onNavigate: i,
+              slots: n
+            }
+          ) })
+        }
+      )
+    }
+  );
+}
+export {
+  Bs as B,
+  js as E,
+  Is as H,
+  Ls as J,
+  Po as W,
+  Ws as a,
+  Fs as b
+};
+//# sourceMappingURL=WorkflowEditor-CmhXHRxi.js.map