@w6w/embed 0.1.1 → 0.2.0

package/dist/WorkflowEditor-DlbVv6Fs.js

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