@w6w/embed 0.2.1 → 0.2.19

package/dist/WorkflowEditor-DlbVv6Fs.js

@@ -1,854 +0,0 @@
-var ut = Object.defineProperty;
-var ht = (r, a, o) => a in r ? ut(r, a, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[a] = o;
-var He = (r, a, o) => ht(r, typeof a != "symbol" ? a + "" : a, o);
-import { jsxs as c, jsx as e, Fragment as W } from "react/jsx-runtime";
-import { useQueries as Be } from "@tanstack/react-query";
-import { ApiError as ne } from "@w6w/sdk";
-import { Modal as ft, IconButton as F, JsonEditor as pt, useExpressionOptions as mt, ExpressionOptionsProvider as vt, ExpressionInput as yt, useW6WApi as gt, isTestRequired as Je, requiredParamsFilled as bt, ExecutionLogPanel as wt } from "@w6w/ui";
-import { useState as g, Component as kt, useRef as I, useEffect as x, useCallback as ae, useMemo as k, Suspense as Nt, lazy as St } from "react";
-import { f as Ct, a as Et } from "./apps-1FNUwbGv.js";
-import { E as Rt, U as Pt, F as xt, O as It, o as At, r as Lt, v as Ft, u as Tt, t as Ot, a as Vt } from "./spec-import-CjmxyZDR.js";
-import { H as Wt, a as Dt } from "./editor-apps-BdenSV1o.js";
-import { M as se } from "./ConfirmModal-RLbZT5_k.js";
-import { d as Mt, W as Kt, e as jt, R as Ht, P as Bt, b as Jt, c as $t } from "./editor-tools-RxmY5iyi.js";
-import { u as qt } from "./client-context-CX61Bgw-.js";
-import { u as _t } from "./use-workflow-draft-DzAyUeA6.js";
-import { d as Qt, g as Gt, r as zt, b as Yt, f as Ut, w as Zt, i as $e, v as Xt, h as en } from "./trigger-preview-VPkrryDl.js";
-import { w as qe } from "./rail-settings-XYGToh00.js";
-import { p as tn, d as nn } from "./settings-rail--GdRMusb.js";
-import { u as an } from "./project-context-BiCjv_E3.js";
-import { f as sn, a as on } from "./spec-export-Cf3VQSQS.js";
-import { l as _e, a as rn } from "./step-tests-CivICmTq.js";
-function ln({ title: r }) {
-  const { value: a, placeholder: o, maxLength: l, ariaLabel: u, onChange: d, onBlur: m } = r;
-  return /* @__PURE__ */ e(
-    "input",
-    {
-      className: "wf-title-input",
-      value: a,
-      placeholder: o,
-      maxLength: l,
-      size: Math.min(Math.max(a.length, o.length), 80),
-      "aria-label": u,
-      onChange: (f) => d(f.target.value),
-      onBlur: m
-    }
-  );
-}
-function cn({
-  onBack: r,
-  backLabel: a,
-  title: o,
-  titleAdornment: l,
-  actions: u
-}) {
-  return /* @__PURE__ */ c("div", { className: "wf-fullbleed-head", children: [
-    /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        className: "muted wf-back-btn",
-        "data-testid": "wf-editor-back",
-        onClick: r,
-        children: a
-      }
-    ),
-    o.editable ? /* @__PURE__ */ e(ln, { title: o }) : /* @__PURE__ */ c("h2", { className: "exec-profile-title", children: [
-      o.value,
-      " ",
-      l
-    ] }),
-    /* @__PURE__ */ e("div", { className: "wf-head-actions", style: { marginLeft: "auto" }, children: u })
-  ] });
-}
-function dn(r, a, o) {
-  if (!(r !== "workflow" || a === void 0))
-    return (l) => {
-      o(), a(l.id);
-    };
-}
-function un(r) {
-  const { kind: a, id: o, onClose: l, onOpenRun: u } = r, [d, m] = g(Rt), f = dn(a, u, l);
-  return /* @__PURE__ */ e(
-    ft,
-    {
-      size: "full",
-      title: "History",
-      subtitle: o,
-      onClose: l,
-      headerRight: /* @__PURE__ */ e(F, { icon: "close", label: "Close", onClick: l }),
-      children: /* @__PURE__ */ e("div", { className: "w6w-modal-body", children: /* @__PURE__ */ e(
-        Wt,
-        {
-          scope: { callable: o },
-          showKind: !1,
-          filters: d,
-          onFiltersChange: m,
-          onOpenInEditor: f
-        }
-      ) })
-    }
-  );
-}
-function Qe({
-  hasExecuted: r,
-  onClick: a,
-  buttonRef: o
-}) {
-  return /* @__PURE__ */ e(
-    F,
-    {
-      ref: o,
-      icon: "history",
-      "data-testid": "history-button",
-      label: "Execution history",
-      title: r ? "Execution history" : "No executions yet",
-      disabled: !r,
-      onClick: a
-    }
-  );
-}
-function hn({ kind: r, id: a, onOpenRun: o }) {
-  const { hasExecuted: l } = Ct(a), [u, d] = g(!1), m = I(null), f = I(!1);
-  return x(() => {
-    var N;
-    f.current && !u && ((N = m.current) == null || N.focus()), f.current = u;
-  }, [u]), /* @__PURE__ */ c(W, { children: [
-    /* @__PURE__ */ e(
-      Qe,
-      {
-        hasExecuted: l,
-        buttonRef: m,
-        onClick: () => d(!0)
-      }
-    ),
-    u && /* @__PURE__ */ e(un, { kind: r, id: a, onClose: () => d(!1), onOpenRun: o })
-  ] });
-}
-class fn extends kt {
-  constructor() {
-    super(...arguments);
-    He(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__ */ e(Qe, { hasExecuted: !1, onClick: () => {
-    } }) : this.props.children;
-  }
-}
-function pn(r) {
-  return /* @__PURE__ */ e(fn, { children: /* @__PURE__ */ e(hn, { ...r }) });
-}
-function mn(r) {
-  return /* @__PURE__ */ e(F, { icon: "json", onClick: r.onClick, label: "Edit raw JSON definition" });
-}
-function vn(r) {
-  const {
-    open: a,
-    onClose: o,
-    title: l,
-    mode: u,
-    value: d,
-    onChange: m,
-    onValidityChange: f,
-    invalidReason: N,
-    guard: C,
-    onSave: D,
-    saving: S,
-    error: T,
-    editorLabel: w
-  } = r;
-  if (!a) return null;
-  const v = (C == null ? void 0 : C(d)) ?? null;
-  return /* @__PURE__ */ c(se, { title: l, onClose: o, wide: !0, children: [
-    /* @__PURE__ */ c("div", { className: "modal-body", children: [
-      /* @__PURE__ */ e("p", { className: "muted small", children: u === "synced" ? /* @__PURE__ */ c(W, { children: [
-        "Edit the raw definition (",
-        /* @__PURE__ */ e("code", { children: 'manifestVersion: "2"' }),
-        "). Changes sync live to the visual editor."
-      ] }) : "Save replaces the stored definition." }),
-      /* @__PURE__ */ e(
-        pt,
-        {
-          value: d,
-          onChange: m,
-          onValidityChange: ({ valid: y, error: p }) => f == null ? void 0 : f({ valid: y, error: p ?? null }),
-          minHeight: "420px",
-          "aria-label": w
-        }
-      ),
-      v && /* @__PURE__ */ e("p", { className: "muted small", "data-testid": "json-toggle-reason", children: v }),
-      N && /* @__PURE__ */ c("div", { className: "muted small", children: [
-        "Invalid JSON — ",
-        N
-      ] }),
-      T && /* @__PURE__ */ e("div", { className: "error", children: T })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "modal-actions", children: u === "synced" ? /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: o, children: "Done" }) : /* @__PURE__ */ c(W, { children: [
-      /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: o, children: "Cancel" }),
-      /* @__PURE__ */ e(
-        "button",
-        {
-          type: "button",
-          className: "btn",
-          "data-testid": "json-toggle-save",
-          disabled: v != null || !!S,
-          onClick: D,
-          children: S ? "Saving…" : "Save"
-        }
-      )
-    ] }) })
-  ] });
-}
-function yn({
-  project: r,
-  onNavigate: a,
-  rail: o = !0,
-  storageKey: l,
-  tools: u = jt,
-  children: d
-}) {
-  const m = Mt(), f = /* @__PURE__ */ e(Ht, { project: r, onNavigate: a, children: /* @__PURE__ */ c(Bt, { project: r, children: [
-    d,
-    o && /* @__PURE__ */ e(Jt, { tools: u, storageKey: l })
-  ] }) });
-  return o || !m ? /* @__PURE__ */ e(Kt, { children: f }) : f;
-}
-const gn = ["string", "number", "boolean", "object", "array"];
-function bn(r) {
-  const { autoSave: a, savePosition: o, variables: l, onClose: u, onChange: d, onVariablesChange: m } = r, f = mt().vars ?? [], [N, C] = g("general");
-  function D() {
-    m([...l, { key: "" }]);
-  }
-  function S(v, y) {
-    m(l.map((p, j) => j === v ? { ...p, ...y } : p));
-  }
-  function T(v) {
-    m(l.filter((y, p) => p !== v));
-  }
-  const w = Qt(l);
-  return /* @__PURE__ */ c(se, { title: "Workflow settings", onClose: u, wide: !0, children: [
-    /* @__PURE__ */ c("div", { className: "w6w-subtabs", children: [
-      /* @__PURE__ */ e(
-        "button",
-        {
-          type: "button",
-          className: `w6w-subtab${N === "general" ? " active" : ""}`,
-          onClick: () => C("general"),
-          children: "General"
-        }
-      ),
-      /* @__PURE__ */ e(
-        "button",
-        {
-          type: "button",
-          className: `w6w-subtab${N === "variables" ? " active" : ""}`,
-          onClick: () => C("variables"),
-          children: "Variables"
-        }
-      )
-    ] }),
-    N === "general" ? /* @__PURE__ */ c(W, { children: [
-      /* @__PURE__ */ c("div", { className: "modal-body", children: [
-        /* @__PURE__ */ e("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__ */ e(
-                "input",
-                {
-                  type: "checkbox",
-                  checked: a,
-                  onChange: (v) => d("autoSave", v.target.checked)
-                }
-              ),
-              /* @__PURE__ */ e("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 step sits, and the view you left it at.",
-            children: [
-              /* @__PURE__ */ e(
-                "input",
-                {
-                  type: "checkbox",
-                  checked: o,
-                  onChange: (v) => d("savePosition", v.target.checked)
-                }
-              ),
-              /* @__PURE__ */ e("span", { className: "muted small", children: "Save step positions and canvas view" })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e("div", { className: "modal-actions", children: /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: u, children: "Done" }) })
-    ] }) : /* @__PURE__ */ c(W, { children: [
-      /* @__PURE__ */ c("div", { className: "modal-body", children: [
-        /* @__PURE__ */ c("p", { className: "muted small", children: [
-          "Declaring variables here defines this workflow's ",
-          /* @__PURE__ */ e("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__ */ e("span", { className: "muted small", children: l.length === 0 ? "No variables declared." : `${l.length} variable${l.length === 1 ? "" : "s"} declared.` }),
-          /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: D, children: "+ Add variable" })
-        ] }),
-        l.length > 0 && /* @__PURE__ */ e("ul", { className: "list", "data-testid": "workflow-variables-list", children: l.map((v, 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__ */ e(
-                  "input",
-                  {
-                    type: "text",
-                    value: v.key,
-                    placeholder: "key",
-                    "aria-label": "Variable key",
-                    onChange: (p) => S(y, { key: p.target.value })
-                  }
-                ),
-                /* @__PURE__ */ c(
-                  "select",
-                  {
-                    value: v.type ?? "",
-                    "aria-label": "Variable type",
-                    onChange: (p) => S(y, {
-                      type: p.target.value || void 0
-                    }),
-                    children: [
-                      /* @__PURE__ */ e("option", { value: "", children: "(unset)" }),
-                      gn.map((p) => /* @__PURE__ */ e("option", { value: p, children: p }, p))
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ c(
-                  "label",
-                  {
-                    className: "row",
-                    style: { gap: "var(--w6w-sp-1)", alignItems: "center" },
-                    children: [
-                      /* @__PURE__ */ e(
-                        "input",
-                        {
-                          type: "checkbox",
-                          checked: v.required ?? !1,
-                          onChange: (p) => S(y, { required: p.target.checked })
-                        }
-                      ),
-                      /* @__PURE__ */ e("span", { className: "muted small", children: "required" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  vt,
-                  {
-                    value: { vars: Gt(l, y, f) },
-                    children: /* @__PURE__ */ e(
-                      yt,
-                      {
-                        value: v.default,
-                        onChange: (p) => S(y, { default: p }),
-                        placeholder: "default",
-                        "aria-label": "Variable default"
-                      },
-                      `${l.length}:${y}`
-                    )
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  F,
-                  {
-                    danger: !0,
-                    icon: "close",
-                    label: `Remove variable ${v.key || y + 1}`,
-                    onClick: () => T(y)
-                  }
-                )
-              ] }),
-              w.includes(y) && /* @__PURE__ */ e("span", { className: "muted small", "data-testid": "variable-duplicate", children: "Duplicate key — a later row with the same name wins." })
-            ]
-          },
-          y
-        )) })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "modal-actions", children: /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: u, children: "Done" }) })
-    ] })
-  ] });
-}
-const wn = /^[a-zA-Z0-9][a-zA-Z0-9._-]*$/, kn = "Untitled workflow", Nn = St(
-  () => import("@w6w/ui/flow").then((r) => ({ default: r.WorkflowFlowEditor }))
-);
-function Sn(r) {
-  var Ve, We, De, Me, Ke;
-  const { workflowId: a, project: o, initialRunId: l, onNavigate: u, slots: d } = r, m = qt(), f = gt(), [N, C] = g(!0), [D, S] = g(null), [T, w] = g(null), [v, y] = g(!1), [p, j] = g(!1), [oe, re] = g(!1), [H, le] = g(void 0), ie = I(!0), ce = I(() => null), Ge = ae(
-    (t) => {
-      const n = t;
-      return wn.test(typeof n.id == "string" ? n.id : "") ? qe(H, n.key).reason : "Invalid workflow id.";
-    },
-    [H]
-  ), i = _t({
-    workflowId: a,
-    project: o,
-    autoSave: ie.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: Ge,
-    publishBlockedReason: (t) => ce.current(t)
-  }), de = i.json, s = i.parsed, O = i.canSave, ze = i.dirty;
-  x(() => {
-    if (i.loading || i.loadError !== null) {
-      le(void 0);
-      return;
-    }
-    !i.dirty && s && le(s.key ?? null);
-  }, [i.loading, i.loadError, i.dirty, s]);
-  const [Ye, Q] = g(!1);
-  x(() => {
-    i.stale || Q(!1);
-  }, [i.stale]);
-  const [Ue, ue] = g(!1), he = I(!1);
-  x(() => {
-    i.saving ? ue(!1) : he.current && i.error === null && ue(!0), he.current = i.saving;
-  }, [i.saving, i.error]);
-  const [M, E] = g(null), fe = Pt(), pe = xt(), A = It(M), me = (Ve = A.data) == null ? void 0 : Ve.status, ve = A.isError, B = At(me, ve), ye = Lt(
-    (We = A.data) == null ? void 0 : We.steps
-  ), ge = Ft(A.data, ye), G = I(!1), [Ze, be] = g(!1);
-  x(() => {
-    E(null);
-  }, [a]), x(() => {
-    l && E(l);
-  }, [a, l]), x(() => {
-    A.data && A.data.workflowId !== a && E(null);
-  }, [A.data, a]);
-  async function we(t) {
-    try {
-      const n = await i.flushThen(t);
-      !n.ok && n.outcome.status === "blocked" && w(n.outcome.reason);
-    } catch (n) {
-      w(n instanceof ne ? n.message : String(n));
-    }
-  }
-  async function Xe() {
-    var t;
-    if (!(!a || B || G.current)) {
-      w(null), G.current = !0, be(!0);
-      try {
-        const n = await Ot(
-          (t = $ == null ? void 0 : $[0]) == null ? void 0 : t.id,
-          (h) => _e(m, a, h)
-        );
-        await we(
-          () => fe.mutateAsync({
-            id: a,
-            variables: {},
-            ...n ? { input: n } : {}
-          }).then((h) => E(h.runId))
-        );
-      } finally {
-        G.current = !1, be(!1);
-      }
-    }
-  }
-  function et() {
-    M && (pe.mutate(M, {
-      onError: (t) => {
-        const n = t instanceof ne ? t.code : "";
-        Vt(n) === "surface" && w(t instanceof ne ? t.message : String(t));
-      }
-    }), E(null));
-  }
-  async function tt() {
-    re(!0);
-    try {
-      await i.reload(), C(!0), S(null), w(null);
-    } finally {
-      re(!1);
-    }
-  }
-  const J = i.stale ? null : i.error ?? i.loadError, ke = T ?? (J === null ? null : J instanceof Error ? J.message : String(J)), nt = s !== null && Array.isArray(s.steps), Ne = (s == null ? void 0 : s.displayName) ?? "", z = zt(s == null ? void 0 : s.settings), at = k(() => Yt(s == null ? void 0 : s.variables), [s == null ? void 0 : s.variables]), Se = qe(H, s == null ? void 0 : s.key), Ce = s !== null && H !== void 0 && !Se.allowed ? Se.reason : null, R = k(
-    () => Array.isArray(s == null ? void 0 : s.steps) ? s.steps : [],
-    [s]
-  ), [b, st] = g(null);
-  x(() => {
-    let t = !1;
-    return import("@w6w/ui/flow").then((n) => {
-      t || st({
-        internalNodes: n.INTERNAL_NODES,
-        isInternalApp: n.isInternalApp,
-        internalNodeParams: n.internalNodeParams,
-        isManualTrigger: (h) => h === n.TRIGGER_APP,
-        asFieldDefs: n.asFieldDefs
-      });
-    }), () => {
-      t = !0;
-    };
-  }, []);
-  const $ = k(() => {
-    if (b)
-      return Ut(
-        { steps: R },
-        {
-          isManualTrigger: b.isManualTrigger,
-          asFieldDefs: b.asFieldDefs
-        }
-      );
-  }, [b, R]), Ee = k(() => {
-    if (!b) return !1;
-    const t = new Set(
-      b.internalNodes.filter((n) => n.group === "trigger").map((n) => `${n.app}::${n.action}`)
-    );
-    return R.some((n) => {
-      const { app: h, action: P } = n.uses ?? {};
-      return !!h && !!P && t.has(`${h}::${P}`);
-    });
-  }, [b, R]), q = k(() => {
-    if (!b) return [];
-    const t = /* @__PURE__ */ new Set();
-    for (const n of R) {
-      const { app: h, action: P } = n.uses ?? {};
-      h && P && !b.isInternalApp(h) && t.add(h);
-    }
-    return [...t];
-  }, [b, R]), { byId: _ } = Dt(q), ot = k(() => [..._.values()], [_]), Re = Be({
-    queries: q.map((t) => ({
-      queryKey: Et(t),
-      queryFn: () => f.getAppActions(t)
-    }))
-  }), Pe = k(() => {
-    var n, h;
-    const t = {};
-    if (!b) return t;
-    for (const P of R) {
-      const { app: L, action: V } = P.uses ?? {};
-      if (!L || !V) continue;
-      const ee = `${L}::${V}`;
-      if (!(ee in t))
-        if (b.isInternalApp(L))
-          t[ee] = b.internalNodeParams(L, V);
-        else {
-          const je = q.indexOf(L), te = je >= 0 ? (n = Re[je]) == null ? void 0 : n.data : void 0;
-          t[ee] = ((h = te == null ? void 0 : te.find((dt) => dt.key === V)) == null ? void 0 : h.params) ?? [];
-        }
-    }
-    return t;
-  }, [b, R, q, Re]), K = k(() => {
-    const t = {};
-    for (const [n, h] of _) t[n] = h;
-    return t;
-  }, [_]), Y = k(
-    () => R.filter((t) => {
-      var h;
-      const n = (h = t.uses) == null ? void 0 : h.app;
-      return !!n && n in K && Je(K[n]);
-    }),
-    [R, K]
-  ), xe = Be({
-    queries: Y.map((t) => ({
-      queryKey: rn(a, t.id),
-      queryFn: () => _e(m, a, t.id),
-      enabled: !!a
-    }))
-  }), Ie = k(() => {
-    const t = {};
-    return Y.forEach((n, h) => {
-      var P, L;
-      t[n.id] = !!((L = (P = xe[h]) == null ? void 0 : P.data) != null && L.some((V) => V.lastRunStatus === "succeeded"));
-    }), t;
-  }, [Y, xe]), U = sn("workflow", a, !!a), Z = on("workflow"), X = k(
-    () => ({
-      hasTrigger: Ee,
-      actionParamsByKey: Pe,
-      appsById: K,
-      testStatus: Ie,
-      requiredParamsFilled: bt,
-      isTestRequired: Je
-    }),
-    [Ee, Pe, K, Ie]
-  ), Ae = s !== null && Zt(s, X), rt = s !== null ? $e(s, X) : null;
-  ce.current = (t) => t !== null && typeof t == "object" ? $e(t, X) : null, ie.current = z.autoSave;
-  function Le(t) {
-    if (!s) return;
-    const n = { ...s, ...t };
-    i.setJson(JSON.stringify(n, null, 2));
-  }
-  function lt(t) {
-    if (!s) return;
-    const n = { ...s, ...t };
-    w(null), i.commit(JSON.stringify(n, null, 2));
-  }
-  const Fe = I(s);
-  Fe.current = s;
-  const Te = I(i.commit);
-  Te.current = i.commit;
-  const Oe = I(i.saveNow);
-  Oe.current = i.saveNow, x(() => {
-    const t = (n) => {
-      n.altKey || !(n.metaKey || n.ctrlKey) || n.key.toLowerCase() !== "s" || (n.preventDefault(), !document.querySelector(".w6w-exprmodal") && O && Oe.current());
-    };
-    return document.addEventListener("keydown", t), () => {
-      document.removeEventListener("keydown", t);
-    };
-  }, [O]);
-  const it = k(
-    () => s ? tn(s) : {},
-    [s]
-  ), ct = ae((t) => {
-    const n = Fe.current;
-    if (!n) return;
-    const h = nn(n, t);
-    w(null), Te.current(JSON.stringify(h, null, 2));
-  }, []);
-  return $t({
-    kind: "workflow",
-    id: a,
-    label: Ne,
-    key: (s == null ? void 0 : s.key) ?? void 0,
-    triggers: $,
-    policy: it,
-    onPolicyChange: ct
-  }), /* @__PURE__ */ c("div", { className: "wf-fullbleed", style: { height: "100%", minWidth: 0, flex: 1 }, children: [
-    (d == null ? void 0 : d.header) ?? /* @__PURE__ */ e(
-      cn,
-      {
-        onBack: () => u({ type: "list" }),
-        backLabel: (d == null ? void 0 : d.backLabel) ?? "← Workflows",
-        title: {
-          editable: !0,
-          value: Ne,
-          placeholder: kn,
-          maxLength: 80,
-          ariaLabel: "Workflow name",
-          onChange: (t) => Le({ displayName: t }),
-          onBlur: () => {
-            O && i.saveNow();
-          }
-        },
-        actions: /* @__PURE__ */ c(W, { children: [
-          /* @__PURE__ */ e(
-            F,
-            {
-              icon: "play",
-              label: Tt(me, ve),
-              "data-testid": "wf-run-start",
-              onClick: Xe,
-              disabled: !a || B || Ze || fe.isPending
-            }
-          ),
-          B && /* @__PURE__ */ e(
-            F,
-            {
-              icon: "stop",
-              label: "Stop this run",
-              "data-testid": "wf-run-stop",
-              onClick: et,
-              disabled: pe.isPending
-            }
-          ),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              type: "button",
-              className: `btn ghost wf-publish${((De = U.data) == null ? void 0 : De.currentPublishedVersion) != null ? " active" : ""}`,
-              "data-testid": "wf-publish",
-              onClick: () => {
-                a && (w(null), we(() => Z.mutateAsync(a)));
-              },
-              disabled: o === null || !O || !Ae || Z.isPending,
-              title: O && !Ae ? rt ?? "Workflow is not valid" : ((Me = U.data) == null ? void 0 : Me.currentPublishedVersion) != null ? "Published — click to publish a new version" : "Never published — click to publish",
-              children: Z.isPending ? "Publishing…" : ((Ke = U.data) == null ? void 0 : Ke.currentPublishedVersion) != null ? "● Published" : "Publish"
-            }
-          ),
-          /* @__PURE__ */ e(
-            pn,
-            {
-              kind: "workflow",
-              id: a,
-              onOpenRun: (t) => {
-                E(t), u({ type: "run", id: a, runId: t });
-              }
-            }
-          ),
-          /* @__PURE__ */ e(mn, { onClick: () => y(!0) }),
-          /* @__PURE__ */ e(
-            F,
-            {
-              icon: "settings",
-              label: "Workflow settings",
-              onClick: () => j(!0)
-            }
-          ),
-          d == null ? void 0 : d.headerActions
-        ] })
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: "wf-fullbleed-canvas", children: /* @__PURE__ */ c("div", { className: "wf-run-area", children: [
-      /* @__PURE__ */ e("div", { className: "wf-run-canvas", children: /* @__PURE__ */ e(Nt, { fallback: /* @__PURE__ */ e("p", { className: "muted", children: "Loading visual editor…" }), children: nt && s ? /* @__PURE__ */ e(
-        Nn,
-        {
-          value: s,
-          onChange: (t) => {
-            i.setJson(JSON.stringify(t, null, 2)), C(!0), S(null), E(null);
-          },
-          apps: ot,
-          project: o ?? void 0,
-          height: "100%",
-          readOnly: B,
-          fitViewKey: M !== null,
-          runState: A.data,
-          onTestRun: () => E(null)
-        }
-      ) : de === "" ? /* @__PURE__ */ e("p", { className: "muted", children: "Loading…" }) : /* @__PURE__ */ e("p", { className: "muted", children: "Fix the JSON to render the visual editor." }) }) }),
-      M && /* @__PURE__ */ e("div", { className: "wf-run-log", "data-testid": "wf-run-log", children: /* @__PURE__ */ e(
-        wt,
-        {
-          steps: ye,
-          runError: ge.runError,
-          stepErrors: ge.stepErrors,
-          onDismiss: () => E(null)
-        }
-      ) })
-    ] }) }),
-    o === null && /* @__PURE__ */ c("div", { role: "alert", className: "error", "data-testid": "wf-project-required", children: [
-      "No project selected — pass a ",
-      /* @__PURE__ */ e("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__ */ e(
-          "button",
-          {
-            type: "button",
-            className: "btn",
-            disabled: o === null || !O || !ze,
-            onClick: i.saveNow,
-            children: i.saving ? "Saving…" : "Save"
-          }
-        ),
-        Ue && /* @__PURE__ */ e("span", { className: "ok", children: "Saved." })
-      ] }),
-      ke && /* @__PURE__ */ e("div", { className: "error", children: ke }),
-      Ce && /* @__PURE__ */ e("div", { className: "error", "data-testid": "wf-key-guard", children: Ce })
-    ] }),
-    /* @__PURE__ */ e(
-      vn,
-      {
-        open: v,
-        onClose: () => y(!1),
-        title: `JSON — ${(s == null ? void 0 : s.displayName) || "workflow"}`,
-        mode: "synced",
-        value: de,
-        onChange: (t) => {
-          i.setJson(t), E(null);
-        },
-        onValidityChange: ({ valid: t, error: n }) => {
-          C(t), S(n);
-        },
-        invalidReason: N ? null : D,
-        editorLabel: "Workflow definition JSON"
-      }
-    ),
-    i.stale && !Ye && /* @__PURE__ */ c(se, { title: "This workflow changed on the server", onClose: () => Q(!0), children: [
-      /* @__PURE__ */ c("div", { className: "modal-body", children: [
-        /* @__PURE__ */ e("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__ */ e("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__ */ e("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__ */ e("button", { type: "button", className: "btn ghost", onClick: () => Q(!0), children: "Keep editing" }),
-        /* @__PURE__ */ e("button", { type: "button", className: "btn", disabled: oe, onClick: tt, children: oe ? "Reloading…" : "Reload from server" })
-      ] })
-    ] }),
-    p && /* @__PURE__ */ e(
-      bn,
-      {
-        autoSave: z.autoSave,
-        savePosition: z.savePosition,
-        variables: at,
-        onClose: () => j(!1),
-        onChange: (t, n) => lt({ settings: en(s == null ? void 0 : s.settings, t, n) }),
-        onVariablesChange: (t) => Le({ variables: Xt(t) })
-      }
-    )
-  ] });
-}
-const Cn = () => {
-};
-function $n(r) {
-  const { workflowId: a, initialRunId: o, onNavigate: l = Cn, slots: u } = r, d = an(r.project), m = ae(
-    (f) => {
-      f.type === "list" ? l({ type: "list" }) : f.kind === "workflow" && l({ type: "workflow", id: f.id });
-    },
-    [l]
-  );
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: "w6w-embed-root",
-      style: { display: "flex", width: "100%", height: "100%", minHeight: 0 },
-      children: /* @__PURE__ */ e(
-        yn,
-        {
-          project: d,
-          onNavigate: m,
-          rail: r.rail,
-          storageKey: d === null ? null : `w6w.rail.embed.${d}`,
-          children: /* @__PURE__ */ e(
-            Sn,
-            {
-              workflowId: a,
-              project: d,
-              initialRunId: o,
-              onNavigate: l,
-              slots: u
-            }
-          )
-        }
-      )
-    }
-  );
-}
-export {
-  cn as E,
-  pn as H,
-  vn as J,
-  $n as W,
-  yn as a,
-  mn as b
-};
-//# sourceMappingURL=WorkflowEditor-DlbVv6Fs.js.map