@w6w/embed 0.2.11 → 0.2.19

package/dist/WorkflowEditor-CwvmAGp2.js

@@ -1,925 +0,0 @@
-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