@w6w/ui 0.0.0-stage → 0.1.0

package/dist/flow.mjs

@@ -0,0 +1,1977 @@
+import { jsx as t, jsxs as w, Fragment as B } from "react/jsx-runtime";
+import { addEdge as sn, ReactFlowProvider as on, useNodesState as rn, useEdgesState as an, useReactFlow as ln, ReactFlow as cn, ConnectionLineType as dn, Background as un, Controls as pn, ControlButton as fn, MiniMap as hn, Panel as vt, Position as we, NodeToolbar as wn, Handle as mn } from "@xyflow/react";
+import { u as Vt, b as gn, f as bn, i as vn, J as qe, d as Nn, r as Ft, a as yn, c as Cn, v as Sn, n as le, e as Ge, g as Xe, s as Wt, h as Pe, j as Je, w as kn, k as En, l as xn, m as Nt, o as We, p as yt, q as Rn, t as Ct, x as Tn, y as $t, z as Ce, A as An, B as Pn, C as Ae, D as St, E as In, F as Dn, G as Ln, W as Vn, H as Fn, I as Wn, S as $n, K as On, M as Ot, L as Jn, N as Jt, O as Mt, P as _t, Q as Ye, R as kt, T as Et, U as Ht, V as Bt, X as jt, Y as Ut, Z as xt, _ as Ke, $ as Mn, a0 as _n, a1 as Hn, a2 as Bn, a3 as jn, a4 as Un, a5 as Rt, a6 as zn, a7 as qn, a8 as Kn, a9 as Gn, aa as Xn, ab as Yn, ac as Qn } from "./ConfirmModal-sY1tzkBO.js";
+import { ad as Hs, ae as Bs, af as js, ag as Us, ah as zs, ai as qs, aj as Ks, ak as Gs, al as Xs } from "./ConfirmModal-sY1tzkBO.js";
+import { useMemo as M, useState as S, useRef as me, useEffect as _, useCallback as J, useContext as ge, createContext as Me } from "react";
+import { createPortal as Zn } from "react-dom";
+import { I as ye, C as es } from "./Copyable-1niV9gUa.js";
+const Tt = 220;
+function ts(e) {
+  return e.length <= Tt ? { text: e, clipped: !1, length: e.length } : {
+    text: e.slice(0, Tt).trimEnd(),
+    clipped: !0,
+    length: e.length
+  };
+}
+function ns({
+  params: e,
+  values: n,
+  testStartState: o,
+  view: r = "props"
+}) {
+  const { sampleValues: c } = Vt(), l = M(
+    () => gn(c, o),
+    [c, o]
+  ), u = bn(e), y = (f) => {
+    var a;
+    return n[f] !== void 0 ? n[f] : (a = u.find((g) => g.key === f)) == null ? void 0 : a.default;
+  }, C = u.filter((f) => f.type !== "section" && vn(f, y));
+  if (r === "code") {
+    const f = ss(C, n, l);
+    return /* @__PURE__ */ t("div", { className: "w6w-resolved-params", children: /* @__PURE__ */ t(
+      qe,
+      {
+        value: JSON.stringify(f, null, 2),
+        onChange: () => {
+        },
+        readOnly: !0,
+        minHeight: "260px",
+        height: "100%",
+        "aria-label": "Resolved test values (JSON)"
+      }
+    ) });
+  }
+  const N = C.filter((f) => !Nn(y(f.key), f.default));
+  return C.length === 0 ? /* @__PURE__ */ t("div", { className: "w6w-resolved-params", children: /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "This action takes no parameters." }) }) : N.length === 0 ? /* @__PURE__ */ t("div", { className: "w6w-resolved-params", children: /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "Every configured value matches its default — nothing to show here. Switch to JSON to see the full set." }) }) : (
+    // `.w6w-resolved-table` is the ONE grid this whole row list shares — each
+    // `.w6w-resolved-row` below is `display: contents` and contributes its
+    // two children straight into these column tracks, so every row's key
+    // column lines up with every other row's.
+    /* @__PURE__ */ t("div", { className: "w6w-resolved-params w6w-resolved-table", children: N.map(
+      (f) => f.type === "vars" ? /* @__PURE__ */ t(rs, { param: f, value: n[f.key], scope: l }, f.key) : /* @__PURE__ */ t(
+        os,
+        {
+          label: f.label ?? f.key,
+          segments: Ft(
+            n[f.key] !== void 0 ? n[f.key] : f.default,
+            l
+          )
+        },
+        f.key
+      )
+    ) })
+  );
+}
+function ss(e, n, o) {
+  const r = {};
+  for (const c of e)
+    if (c.type === "vars") {
+      const l = Array.isArray(n[c.key]) ? n[c.key] : Array.isArray(c.default) ? c.default : [];
+      r[c.key] = yn(l, o);
+    } else
+      r[c.key] = Cn(
+        n[c.key] !== void 0 ? n[c.key] : c.default,
+        o
+      );
+  return r;
+}
+function os({ label: e, segments: n }) {
+  return /* @__PURE__ */ w("div", { className: "w6w-resolved-row", children: [
+    /* @__PURE__ */ t("span", { className: "w6w-resolved-label", children: e }),
+    /* @__PURE__ */ t("div", { className: "w6w-resolved-value", children: /* @__PURE__ */ t(zt, { segments: n }) })
+  ] });
+}
+function rs({
+  param: e,
+  value: n,
+  scope: o
+}) {
+  const r = Array.isArray(n) ? n : Array.isArray(e.default) ? e.default : [];
+  return /* @__PURE__ */ w("div", { className: "w6w-resolved-row", children: [
+    /* @__PURE__ */ t("span", { className: "w6w-resolved-label", children: e.label ?? e.key }),
+    r.length === 0 ? /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "None configured." }) : /* @__PURE__ */ t("div", { className: "w6w-stack", children: r.map((c, l) => (
+      // biome-ignore lint/suspicious/noArrayIndexKey: rows have no stable id (mirrors ParamsForm's VarsField)
+      /* @__PURE__ */ w("div", { className: "w6w-resolved-value", children: [
+        /* @__PURE__ */ t("code", { children: c.key || "(no key)" }),
+        " → ",
+        /* @__PURE__ */ t(zt, { segments: Ft(c.value, o) })
+      ] }, l)
+    )) })
+  ] });
+}
+function zt({ segments: e }) {
+  return /* @__PURE__ */ t(B, { children: e.map((n, o) => (
+    // biome-ignore lint/suspicious/noArrayIndexKey: segments are a positional, immutable render of one value's parts
+    /* @__PURE__ */ t(as, { segment: n }, o)
+  )) });
+}
+function as({ segment: e }) {
+  switch (e.status) {
+    case "resolved":
+      return e.ref ? /* @__PURE__ */ w(B, { children: [
+        /* @__PURE__ */ t($e, { kind: "var", refName: e.ref }),
+        /* @__PURE__ */ t(At, { value: e.value })
+      ] }) : /* @__PURE__ */ t(At, { value: e.value });
+    case "unresolved":
+      return /* @__PURE__ */ w(B, { children: [
+        /* @__PURE__ */ t($e, { kind: "var", refName: e.ref }),
+        /* @__PURE__ */ t("span", { className: "w6w-param-unresolved", children: "unresolved" })
+      ] });
+    case "not-evaluated":
+      return /* @__PURE__ */ w(B, { children: [
+        /* @__PURE__ */ t($e, { kind: "expr" }),
+        /* @__PURE__ */ t("span", { className: "w6w-param-unevaluated", children: "not evaluated" })
+      ] });
+    case "masked":
+      return /* @__PURE__ */ t($e, { kind: "secret", refName: e.ref });
+  }
+}
+function At({ value: e }) {
+  const [n, o] = S(!1), r = ls(e), c = ts(r);
+  return c.clipped ? /* @__PURE__ */ w(B, { children: [
+    /* @__PURE__ */ t("span", { className: n ? "w6w-resolved-text-full" : void 0, children: n ? r : `${c.text}…` }),
+    /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: "w6w-resolved-more",
+        "aria-expanded": n,
+        onClick: () => o((l) => !l),
+        children: n ? "Show less" : `Show all (${c.length.toLocaleString()} characters)`
+      }
+    )
+  ] }) : /* @__PURE__ */ t("span", { children: r });
+}
+const is = { var: "◆", secret: "🔒", expr: "ƒ" };
+function $e({ kind: e, refName: n }) {
+  const o = e === "expr" ? "expr" : Sn(n ?? "");
+  return /* @__PURE__ */ w("span", { className: `w6w-expr-chip w6w-expr-chip-${e}`, children: [
+    /* @__PURE__ */ t("span", { className: "w6w-expr-chip-sigil", children: is[e] }),
+    /* @__PURE__ */ t("span", { className: "w6w-expr-chip-label", children: o })
+  ] });
+}
+function ls(e) {
+  if (e === null) return "null";
+  if (e === void 0) return "(not set)";
+  if (e === "") return '""';
+  if (typeof e == "string" || typeof e == "number" || typeof e == "boolean")
+    return String(e);
+  try {
+    return JSON.stringify(e);
+  } catch {
+    return String(e);
+  }
+}
+function ee(e) {
+  var n;
+  return ((n = e.data) == null ? void 0 : n.when) === "error" ? "error" : "success";
+}
+function qt(e, n) {
+  var o;
+  return ((o = e.find((r) => r.id === n)) == null ? void 0 : o.id) ?? null;
+}
+function Kt(e, n, o, r, c) {
+  var N, f;
+  if (!e || !n || e === n || r.some((a) => a.source === e && a.target === n)) return !1;
+  const l = (N = o.find((a) => a.id === e)) == null ? void 0 : N.data.step, u = (f = o.find((a) => a.id === n)) == null ? void 0 : f.data.step;
+  if (!l || !u) return !1;
+  const y = le(l, c), C = le(u, c);
+  return y.out >= 1 && C.in >= 1;
+}
+function Qe(e, n, o, r, c, l) {
+  var P, R;
+  if (!Kt(e, n, o, r, l) || !e || !n) return null;
+  const u = (P = o.find((V) => V.id === e)) == null ? void 0 : P.data.step, y = (R = o.find((V) => V.id === n)) == null ? void 0 : R.data.step;
+  if (!u || !y) return null;
+  const C = le(u, l), N = le(y, l);
+  let f = r;
+  if (f.filter((V) => V.source === e && ee(V) === c).length >= C.out)
+    return { next: r, conflict: null, refusal: { refused: "out_cap", cap: C.out } };
+  const g = f.filter((V) => V.target === n);
+  if (g.length >= N.in) {
+    const V = new Set(g.slice(0, g.length - N.in + 1).map((d) => d.id));
+    f = f.filter((d) => !V.has(d.id));
+  }
+  const E = Ge(e, n, c);
+  return {
+    next: sn(
+      {
+        source: e,
+        target: n,
+        id: E,
+        sourceHandle: Wt(c),
+        data: { when: c },
+        // No run state: this mints a freshly DRAWN edge, never a run-taken
+        // one — the live run-aware repaint is a separate effect
+        // (WorkflowFlowEditor.tsx, T1.1.1), not this creation path.
+        ...Xe(c, void 0)
+      },
+      f
+    ),
+    conflict: qt(f, E),
+    refusal: null
+  };
+}
+function Oe(e, n, o, r, c = "success", l) {
+  const u = Qe(e, n, o, r, c, l);
+  return !u || u.conflict || u.refusal ? null : u.next;
+}
+function cs(e, n, o, r, c = "success", l) {
+  var u;
+  return ((u = Qe(e, n, o, r, c, l)) == null ? void 0 : u.conflict) ?? null;
+}
+function ds(e, n, o, r, c = "success", l) {
+  var u;
+  return ((u = Qe(e, n, o, r, c, l)) == null ? void 0 : u.refusal) ?? null;
+}
+function Ze(e, n, o, r, c) {
+  var P;
+  const l = e.filter((R) => R.id === n);
+  if (l.length !== 1) return null;
+  const u = l[0], y = (P = r.find((R) => R.id === u.source)) == null ? void 0 : P.data.step;
+  if (!y) return null;
+  const C = le(y, c).out, N = e.filter((R) => R.id !== n);
+  if ((ee(u) === o ? [] : N.filter((R) => R.source === u.source && ee(R) === o)).length >= C)
+    return { next: e, conflict: null, refusal: { refused: "out_cap", cap: C } };
+  const a = Xe(o, void 0), g = {
+    ...u,
+    id: Ge(u.source, u.target, o),
+    data: { ...u.data, when: o },
+    className: a.className,
+    label: a.label,
+    sourceHandle: Wt(o)
+  }, E = qt(N, g.id);
+  return {
+    // `edgeId` is single-owner (guarded above), so this replaces exactly one edge.
+    next: e.map((R) => R.id === n ? g : R),
+    conflict: E,
+    refusal: null
+  };
+}
+function us(e, n, o, r, c) {
+  const l = Ze(e, n, o, r, c);
+  return !l || l.conflict || l.refusal ? null : l.next;
+}
+function ps(e, n, o, r, c) {
+  var l;
+  return ((l = Ze(e, n, o, r, c)) == null ? void 0 : l.conflict) ?? null;
+}
+function fs(e, n, o, r, c) {
+  var l;
+  return ((l = Ze(e, n, o, r, c)) == null ? void 0 : l.refusal) ?? null;
+}
+function hs(e, n, o) {
+  return e.map((r) => {
+    const c = r.source === n ? o : r.source, l = r.target === n ? o : r.target;
+    return { ...r, source: c, target: l, id: Ge(c, l, ee(r)) };
+  });
+}
+function ws(e, n) {
+  const o = { success: 0, error: 0 };
+  for (const c of n) c.source === e && o[ee(c)]++;
+  const r = Math.max(o.success, o.error);
+  return { enabled: r >= 2, count: r };
+}
+function ms(e, n) {
+  const { fanOut: o, ...r } = e;
+  return n === "parallel" ? { ...r, fanOut: "parallel" } : r;
+}
+function gs(e, n) {
+  return `Runs these ${e} steps in ${n === "parallel" ? "parallel" : "sequence"}`;
+}
+const bs = /* @__PURE__ */ new Set(["succeeded", "failed", "canceled"]);
+function vs(e, n) {
+  var o;
+  return e ? ((o = e.steps[n]) == null ? void 0 : o.status) ?? "pending" : "no-run";
+}
+const Pt = {
+  borderColor: "var(--w6w-border)",
+  borderStyle: "solid",
+  borderWidth: 1,
+  opacity: 1
+};
+function Gt(e, n) {
+  const o = n !== void 0 && bs.has(n);
+  switch (e) {
+    case "no-run":
+      return Pt;
+    case "pending":
+      return o ? { borderColor: "var(--w6w-muted)", borderStyle: "dashed", borderWidth: 1, opacity: 0.5 } : { borderColor: "var(--w6w-border)", borderStyle: "dashed", borderWidth: 1, opacity: 1 };
+    case "running":
+      return { borderColor: "var(--w6w-accent)", borderStyle: "solid", borderWidth: 2, opacity: 1 };
+    case "succeeded":
+      return {
+        borderColor: "var(--w6w-success)",
+        borderStyle: "solid",
+        borderWidth: 2,
+        opacity: 1
+      };
+    case "failed":
+      return { borderColor: "var(--w6w-danger)", borderStyle: "solid", borderWidth: 2, opacity: 1 };
+    case "skipped":
+      return {
+        borderColor: "var(--w6w-muted)",
+        borderStyle: "dashed",
+        borderWidth: 1,
+        opacity: 0.7
+      };
+    default:
+      return Pt;
+  }
+}
+function Ns(e, n, o) {
+  if (!e) return;
+  const r = e.steps[n];
+  if (!r) return;
+  const c = o ?? "success";
+  if (r.status === "succeeded") return c === "success" ? "taken" : "skipped";
+  if (r.status === "failed") return c === "error" ? "taken" : "skipped";
+  if (r.status === "skipped") return "skipped";
+}
+function ys(e, n) {
+  const [o, r] = S({}), c = me(/* @__PURE__ */ new Set()), l = JSON.stringify(
+    [...new Set(n.map((u) => u.data.step.uses.app))].filter((u) => u && !Pe(u)).sort()
+  );
+  return _(() => {
+    const u = JSON.parse(l).filter(
+      (y) => !c.current.has(y)
+    );
+    if (u.length !== 0) {
+      for (const y of u) c.current.add(y);
+      Promise.all(
+        u.map(async (y) => {
+          try {
+            return [y, await e.getAppActions(y)];
+          } catch {
+            return c.current.delete(y), null;
+          }
+        })
+      ).then((y) => {
+        const C = y.filter((N) => N !== null);
+        C.length !== 0 && r((N) => ({ ...N, ...Object.fromEntries(C) }));
+      });
+    }
+  }, [e, l]), o;
+}
+function Cs(e) {
+  return (n, o) => {
+    var r, c;
+    return (c = (r = e[n]) == null ? void 0 : r.find((l) => l.key === o)) == null ? void 0 : c.ports;
+  };
+}
+const Ss = "Which outcome of the source step this edge carries. An error edge is drawn by dragging from the step's error exit port; use this control to re-lane an edge already drawn. An error edge overrides the step’s “On error” policy.";
+function It(e, n, o, r) {
+  const c = e.find((l) => l.id === n);
+  return [o, r, c == null ? void 0 : c.source, c == null ? void 0 : c.target];
+}
+const et = Me(void 0), tt = Me(/* @__PURE__ */ new Map());
+function Dt(e) {
+  return `Can’t draw that edge: this node allows at most ${e} outgoing edge${e === 1 ? "" : "s"} per lane.`;
+}
+const nt = Me(/* @__PURE__ */ new Map()), Xt = Me(null);
+function Js(e) {
+  return /* @__PURE__ */ t(on, { children: /* @__PURE__ */ t(ks, { ...e }) });
+}
+function ks({
+  value: e,
+  onChange: n,
+  readOnly: o,
+  height: r = 480,
+  apps: c,
+  exprOptions: l,
+  project: u,
+  runState: y,
+  onTestRun: C,
+  fitViewKey: N
+}) {
+  var mt, gt, bt;
+  const f = Je(), a = M(() => new Map((c ?? []).map((s) => [s.id, s])), [c]), [g, E] = S(null), P = M(() => kn(e), [e.id]), R = M(() => En(e), [e.id]), V = ((mt = e.settings) == null ? void 0 : mt.savePosition) !== !1, [d, I, ce] = rn(P.nodes), ne = ys(f, d), W = M(() => Cs(ne), [ne]), [b, A, de] = an(P.edges);
+  _(() => {
+    I(
+      (s) => s.map((i) => {
+        const p = vs(y, i.id);
+        return i.data.stepStatus === p && i.data.runStatus === (y == null ? void 0 : y.status) ? i : { ...i, data: { ...i.data, stepStatus: p, runStatus: y == null ? void 0 : y.status } };
+      })
+    ), A(
+      (s) => s.map((i) => {
+        const p = ee(i), m = Ns(y, i.source, p), v = Xe(p, m);
+        return i.className === v.className && i.label === v.label ? i : { ...i, className: v.className, label: v.label };
+      })
+    );
+  }, [y, I, A]);
+  const [K, G] = S(null), [x, z] = S(null), [$, te] = S(!1), [O, se] = S(null), [be, oe] = S("props"), [re, ke] = S(null), ue = me(!1), Ie = me(null), [H, X] = S(null), { screenToFlowPosition: De, fitView: j } = ln(), _e = xn();
+  _(() => {
+    I(P.nodes), A(P.edges), G(null), se(null);
+  }, [P, I, A]);
+  const D = J(
+    (s, i) => {
+      n(Nt(e, s, i));
+    },
+    [e, n]
+  ), ie = J(
+    (s) => Kt(s.source, s.target, d, b, W),
+    [d, b, W]
+  ), ae = J(
+    (s) => {
+      if (o) return;
+      const i = Oe(
+        s.source,
+        s.target,
+        d,
+        b,
+        We(s.sourceHandle),
+        W
+      );
+      if (!i) {
+        const p = We(s.sourceHandle), m = ds(
+          s.source,
+          s.target,
+          d,
+          b,
+          p,
+          W
+        );
+        if (m) {
+          const k = b.find((T) => T.source === s.source && ee(T) === p);
+          k && (A(b.map((T) => ({ ...T, selected: T.id === k.id }))), z(k.id), F({ edgeId: k.id, message: Dt(m.cap) }));
+          return;
+        }
+        const v = cs(
+          s.source,
+          s.target,
+          d,
+          b,
+          We(s.sourceHandle)
+        );
+        if (!v) return;
+        A(b.map((k) => ({ ...k, selected: k.id === v }))), z(v), F({
+          edgeId: v,
+          message: yt(
+            "Can’t draw that edge",
+            v,
+            It(b, v, s.source, s.target)
+          )
+        });
+        return;
+      }
+      F(null), A(i), D(d, i);
+    },
+    [b, d, A, D, o, W]
+  ), He = J(
+    (s, i) => {
+      var U, L, Q;
+      if (o || i.isValid) return;
+      const p = i.fromNode;
+      if (!p) return;
+      const m = ((U = i.fromHandle) == null ? void 0 : U.type) === "target" ? "target" : "source", v = (L = d.find((Z) => Z.id === p.id)) == null ? void 0 : L.data.step;
+      if (v) {
+        const Z = le(v, W);
+        if ((m === "source" ? Z.out : Z.in) < 1) return;
+      }
+      const k = "changedTouches" in s ? s.changedTouches[0] : s, T = De({ x: k.clientX, y: k.clientY });
+      X({
+        nodeId: p.id,
+        handleType: m,
+        position: T,
+        lane: We((Q = i.fromHandle) == null ? void 0 : Q.id)
+      }), te(!0);
+    },
+    [o, De, d, W]
+  ), ve = J(
+    (s) => {
+      o || ke(s);
+    },
+    [o]
+  ), Le = J(
+    (s) => {
+      if (o) return;
+      const i = d.filter((m) => m.id !== s), p = b.filter((m) => m.source !== s && m.target !== s);
+      I(i), A(p), K === s && G(null), O === s && se(null), D(i, p);
+    },
+    [d, b, I, A, D, o, K, O]
+  ), Ee = J(() => {
+    if (o) return;
+    const s = Rn(d, b);
+    I(s), ue.current = !0, D(s, b);
+  }, [d, b, I, D, o]), xe = J(() => {
+    o || Ee();
+  }, [o, Ee]);
+  _(() => {
+    ue.current && (ue.current = !1, j({ duration: 300 }));
+  }, [d, j]);
+  const Re = me(N);
+  _(() => {
+    Object.is(Re.current, N) || (Re.current = N, j({ duration: 300 }));
+  }, [N, j]);
+  const [pe, F] = S(null), fe = M(
+    () => b.find((s) => s.id === x) ?? null,
+    [b, x]
+  ), Be = J(
+    (s) => {
+      if (o || !x) return;
+      const i = b.find((T) => T.id === x);
+      if (!i || ee(i) === s) return;
+      const p = ps(b, x, s, d), m = fs(b, x, s, d, W), v = p || m ? null : us(b, x, s, d, W);
+      if (!v) {
+        if (m) {
+          F({ edgeId: x, message: Dt(m.cap) });
+          return;
+        }
+        F({
+          edgeId: x,
+          message: p ? yt(
+            "Can’t switch this edge",
+            p,
+            It(b, p, i.source, i.target)
+          ) : "This edge can’t be switched right now."
+        });
+        return;
+      }
+      F(null), A(v);
+      const k = v.find(
+        (T) => T.source === i.source && T.target === i.target && ee(T) === s
+      );
+      z((k == null ? void 0 : k.id) ?? null), D(d, v);
+    },
+    [b, d, A, D, o, x, W]
+  ), Ve = J(
+    (s) => {
+      if (o) return;
+      const i = b.filter((p) => p.id !== s);
+      i.length !== b.length && (A(i), x === s && z(null), D(d, i));
+    },
+    [d, b, A, D, o, x]
+  ), h = J(
+    (s) => {
+      if (o) return;
+      const i = d.find((T) => T.id === s);
+      if (!i) return;
+      const p = Ct(
+        d.map((T) => T.id),
+        `${i.data.step.id}_copy`
+      ), m = { ...structuredClone(i.data.step), id: p }, v = {
+        id: p,
+        type: i.type,
+        position: { x: i.position.x + 40, y: i.position.y + 60 },
+        data: { step: m, isInternal: i.data.isInternal }
+      }, k = [...d, v];
+      I(k), G(p), D(k, b);
+    },
+    [d, b, I, D, o]
+  ), q = J(
+    (s) => {
+      if (o) return;
+      const i = Pe(s.uses.app), p = Ct(
+        d.map((U) => U.id),
+        Tn($t(s.uses.app, s.uses.action))
+      ), m = {
+        id: p,
+        uses: s.uses,
+        ...s.with && Object.keys(s.with).length > 0 ? { with: s.with } : {}
+      }, v = {
+        id: p,
+        type: i ? "control" : "step",
+        // Drop point when spawned from a dragged connection; else a light cascade.
+        position: (H == null ? void 0 : H.position) ?? { x: 80, y: 80 + d.length * 24 },
+        data: { step: m, isInternal: i }
+      }, k = [...d, v];
+      let T = b;
+      if (H) {
+        const [U, L] = H.handleType === "target" ? [p, H.nodeId] : [H.nodeId, p];
+        T = Oe(U, L, k, b, H.lane, W) ?? b;
+      } else {
+        const U = d.find((L) => Ce(L.data.step.uses.app));
+        if (Ce(s.uses.app)) {
+          if (!U) {
+            const L = An(d, b);
+            L && (T = Oe(p, L.id, k, b, "success", W) ?? b);
+          }
+        } else {
+          const Q = (U && !b.some((Z) => Z.source === U.id) ? U : void 0) ?? Pn(d, b);
+          Q && (T = Oe(Q.id, p, k, b, "success", W) ?? b);
+        }
+      }
+      return I(k), T !== b && A(T), G(p), D(k, T), p;
+    },
+    [d, b, I, A, D, o, H, W]
+  ), Y = J(
+    (s, i) => {
+      const p = i.id !== s;
+      if (p && d.some((v) => v.id === i.id)) return;
+      const m = d.map(
+        (v) => v.id === s ? {
+          ...v,
+          id: i.id,
+          data: { step: i, isInternal: Pe(i.uses.app) }
+        } : v
+      );
+      if (p) {
+        const v = hs(b, s, i.id);
+        I(m), A(v), K === s && G(i.id), O === s && se(i.id), D(m, v);
+        return;
+      }
+      I(m), D(m, b);
+    },
+    [d, b, I, A, K, O, D]
+  ), he = J(
+    (s, i, p) => {
+      (async () => {
+        const m = await f.saveStepTest(e.id, s, i).catch((v) => (console.error("step run fixture save failed", v), null));
+        await f.recordStepTestRun(e.id, s, {
+          stepTestId: (m == null ? void 0 : m.id) ?? null,
+          status: p.status,
+          input: i.input,
+          output: p.output,
+          error: p.error,
+          ...p.meta ? { meta: p.meta } : {}
+        });
+      })().catch((m) => {
+        console.error("step run persist failed", m);
+      });
+    },
+    [f, e.id]
+  ), Te = J(
+    (s) => {
+      const i = d.find((p) => p.id === s);
+      !i || Ae(i.data.step.uses.app) || E({ stepId: s, status: "collect" });
+    },
+    [d]
+  ), en = J(
+    async (s, i, p) => {
+      C == null || C();
+      const m = d.find((L) => L.id === s);
+      if (!m) return;
+      const v = m.data.step, k = Ce(v.uses.app), T = k ? { input: i } : { ...v.with ?? {}, ...i }, U = k ? { input: i, with: i } : { input: i, with: T };
+      E({ stepId: s, status: "running" });
+      try {
+        const L = await f.invokeAction(v.uses.app, v.uses.action, T, {
+          ...v.uses.connection ? { connectionId: v.uses.connection } : {},
+          // Scope document expressions to the workflow's selected project (T2.1.2).
+          project: u,
+          // Omitted when nothing upstream has a saved output, so a run with no
+          // seed sends exactly the request it sent before.
+          ...p ? { state: p } : {}
+        }), Q = L.logs, Z = L.meta;
+        E({
+          stepId: s,
+          status: "done",
+          value: L.value,
+          logs: Q,
+          ...Z ? { meta: Z } : {}
+        }), he(s, U, {
+          status: "succeeded",
+          output: L.value,
+          ...Z ? { meta: Z } : {}
+        });
+      } catch (L) {
+        const Q = L;
+        E({
+          stepId: s,
+          status: "error",
+          error: Q.message ?? String(L),
+          errorCode: Q.code
+        }), he(s, U, { status: "failed", error: Q.message ?? String(L) });
+      }
+    },
+    [d, f, he, u, C]
+  ), je = M(
+    () => ({
+      onEdit: (s) => {
+        oe("props"), se(s);
+      },
+      onEditJson: (s) => {
+        oe("json"), se(s);
+      },
+      onRun: Te,
+      onDuplicate: h,
+      onDelete: ve,
+      readOnly: o
+    }),
+    [Te, h, ve, o]
+  );
+  _(() => {
+    const s = Ie.current;
+    if (!s) return;
+    const i = (p) => {
+      const m = p.target.closest(".react-flow__node");
+      if (!m) return;
+      const v = m.getAttribute("data-id");
+      v && (p.stopPropagation(), je.onEdit(v));
+    };
+    return s.addEventListener("dblclick", i, !0), () => s.removeEventListener("dblclick", i, !0);
+  }, [je]);
+  const ot = ((gt = d.find((s) => s.id === O)) == null ? void 0 : gt.data.step) ?? null, Ue = g ? ((bt = d.find((s) => s.id === g.stepId)) == null ? void 0 : bt.data.step) ?? null : null, ze = (g == null ? void 0 : g.status) === "collect" && !!Ue, tn = M(
+    () => g ? St(g.stepId, d, b).steps : [],
+    [g, d, b]
+  ), rt = M(() => {
+    const s = /* @__PURE__ */ new Map();
+    for (const i of d) s.set(i.id, ws(i.id, b).count);
+    return s;
+  }, [d, b]), nn = M(
+    () => ({
+      step: xs,
+      control: Rs
+    }),
+    []
+  ), [Fe, at] = S({}), [it, lt] = S({}), ct = M(
+    () => ({
+      actionDef: (s, i) => {
+        var p;
+        return (p = ne[s]) == null ? void 0 : p.find((m) => m.key === i);
+      },
+      testOutputs: Fe
+    }),
+    [ne, Fe]
+  ), [dt, ut] = S(null), Ne = M(() => {
+    const s = St(O, d, b, ct);
+    return { ...s, steps: In(s.steps, O ?? dt) };
+  }, [O, dt, d, b, ct]), pt = JSON.stringify(Ne.steps.map((s) => s.id));
+  _(() => {
+    const s = JSON.parse(pt);
+    if (!O || s.length === 0) {
+      at({}), lt({});
+      return;
+    }
+    let i = !1;
+    return Promise.all(
+      s.map(async (p) => {
+        try {
+          const m = await f.listStepTests(e.id, p), v = m.length ? m[m.length - 1] : null;
+          return v ? { id: p, output: v.lastRunOutput, meta: v.lastRunMeta } : null;
+        } catch {
+          return null;
+        }
+      })
+    ).then((p) => {
+      if (i) return;
+      const m = {}, v = {};
+      for (const k of p)
+        k != null && k.meta && (v[k.id] = k.meta), !(!k || k.output === void 0 || k.output === null) && (m[k.id] = k.output);
+      at(m), lt(v);
+    }), () => {
+      i = !0;
+    };
+  }, [f, e.id, O, pt]);
+  const ft = M(() => {
+    const s = {};
+    for (const i of Ne.steps) {
+      Object.assign(s, Dn(i.id, it[i.id]));
+      const p = Fe[i.id];
+      if (p !== void 0) {
+        if (s[`steps.${i.id}.output`] = p, typeof p == "object" && p !== null && !Array.isArray(p))
+          for (const [m, v] of Object.entries(p))
+            s[`steps.${i.id}.output.${m}`] = v;
+        for (const m of i.outputs ?? []) {
+          if (!m.path || !m.key.includes(".")) continue;
+          const v = Ln(p, m.key);
+          v !== void 0 && (s[`steps.${i.id}.output.${m.key}`] = v);
+        }
+      }
+    }
+    return s;
+  }, [Ne.steps, Fe, it]), ht = Vt(), wt = M(
+    () => ({
+      ...l ?? {},
+      steps: Ne.steps,
+      hasTrigger: Ne.hasTrigger,
+      sampleValues: {
+        ...ht.sampleValues ?? {},
+        ...(l == null ? void 0 : l.sampleValues) ?? {},
+        ...ft
+      }
+    }),
+    [l, ht.sampleValues, Ne, ft]
+  );
+  return /* @__PURE__ */ t(Xt.Provider, { value: je, children: /* @__PURE__ */ t(et.Provider, { value: W, children: /* @__PURE__ */ t(tt.Provider, { value: rt, children: /* @__PURE__ */ t(nt.Provider, { value: a, children: /* @__PURE__ */ t(Vn, { project: u, children: /* @__PURE__ */ t(Fn, { value: wt, children: /* @__PURE__ */ w(
+    "div",
+    {
+      ref: Ie,
+      className: "w6w-flow",
+      style: { width: "100%", height: r, position: "relative" },
+      onKeyDown: (s) => {
+        if (s.key !== "Backspace" && s.key !== "Delete" || O || $ || !K && !x) return;
+        const i = s.target;
+        i.isContentEditable || i.tagName === "INPUT" || i.tagName === "TEXTAREA" || i.tagName === "SELECT" || i.closest("dialog, .w6w-modal") !== null || (s.preventDefault(), K ? ve(K) : x && Ve(x));
+      },
+      children: [
+        /* @__PURE__ */ w(
+          cn,
+          {
+            nodes: d,
+            edges: b,
+            defaultEdgeOptions: { type: "smoothstep" },
+            connectionLineType: dn.SmoothStep,
+            onNodesChange: ce,
+            onEdgesChange: de,
+            onConnect: ae,
+            onConnectEnd: He,
+            isValidConnection: ie,
+            onNodeDragStop: () => {
+              V && D(d, b);
+            },
+            onMoveEnd: (s, i) => {
+              if (!s || o) return;
+              const p = Nt(e, d, b), m = Wn(p, i);
+              m !== p && n(m);
+            },
+            onSelectionChange: ({ nodes: s, edges: i }) => {
+              var p, m;
+              G(((p = s[0]) == null ? void 0 : p.id) ?? null), z(((m = i[0]) == null ? void 0 : m.id) ?? null);
+            },
+            nodeTypes: nn,
+            nodesDraggable: !o,
+            nodesConnectable: !o,
+            elementsSelectable: !0,
+            ...R ? { defaultViewport: R } : { fitView: !0 },
+            deleteKeyCode: null,
+            colorMode: _e,
+            proOptions: { hideAttribution: !0 },
+            children: [
+              /* @__PURE__ */ t(un, { gap: 16 }),
+              /* @__PURE__ */ t(pn, { showInteractive: !1, children: !o && /* @__PURE__ */ t(
+                fn,
+                {
+                  onClick: xe,
+                  title: "Auto-layout — re-flow the graph into columns",
+                  "aria-label": "Auto-layout the graph",
+                  children: /* @__PURE__ */ t(ye, { name: "layout" })
+                }
+              ) }),
+              /* @__PURE__ */ t(hn, { pannable: !0, zoomable: !0, style: { background: "var(--w6w-panel-2)" } }),
+              !o && /* @__PURE__ */ t(vt, { position: "top-left", children: /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  className: "w6w-btn",
+                  onClick: () => te(!0),
+                  children: "+ Step"
+                }
+              ) }),
+              !o && fe && /* @__PURE__ */ t(vt, { position: "top-right", children: /* @__PURE__ */ w("div", { className: "w6w-edge-lane", children: [
+                /* @__PURE__ */ t("span", { className: "w6w-muted w6w-small", children: "Run on" }),
+                ["success", "error"].map((s) => /* @__PURE__ */ t(
+                  "button",
+                  {
+                    type: "button",
+                    className: `w6w-btn w6w-btn-sm w6w-btn-ghost${ee(fe) === s ? " active" : ""}`,
+                    "aria-pressed": ee(fe) === s,
+                    title: Ss,
+                    onClick: () => Be(s),
+                    children: s === "success" ? "Success" : "Error"
+                  },
+                  s
+                )),
+                (pe == null ? void 0 : pe.edgeId) === fe.id && /* @__PURE__ */ t("span", { className: "w6w-edge-lane-err w6w-small", role: "alert", children: pe.message })
+              ] }) })
+            ]
+          }
+        ),
+        $ && /* @__PURE__ */ t(
+          $n,
+          {
+            onClose: () => {
+              te(!1), X(null), ut(null);
+            },
+            onAdd: (s) => {
+              const i = q(s);
+              return i && ut(i), i;
+            },
+            onDraftChange: (s, i) => Y(s, { id: s, ...i }),
+            workflowId: e.id,
+            upstreamSteps: On(H, d, b)
+          }
+        ),
+        ot && O && // No `key` on purpose: renaming a step updates `editingId`, and a keyed
+        // remount would drop focus mid-keystroke. The modal seeds its own state
+        // once and unmounts (editingId → null) between edits of different nodes.
+        /* @__PURE__ */ t(
+          Ts,
+          {
+            workflowId: e.id,
+            step: ot,
+            upstreamSteps: wt.steps ?? [],
+            readOnly: o,
+            fanOutCount: rt.get(O) ?? 0,
+            initialView: be,
+            onChange: (s) => Y(O, s),
+            onClose: () => se(null),
+            onTestRun: C
+          }
+        ),
+        g && /* @__PURE__ */ w(
+          Ot,
+          {
+            title: `${ze ? "Run step" : "Test run"}: ${g.stepId}`,
+            onClose: () => E(null),
+            children: [
+              ze && Ue && /* @__PURE__ */ t(
+                Es,
+                {
+                  workflowId: e.id,
+                  step: Ue,
+                  upstreamSteps: tn,
+                  onCancel: () => E(null),
+                  onRun: (s, i) => en(g.stepId, s, i)
+                },
+                g.stepId
+              ),
+              !ze && /* @__PURE__ */ w(B, { children: [
+                /* @__PURE__ */ w("div", { className: "w6w-modal-body", children: [
+                  g.status === "running" && /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "Running…" }),
+                  g.status === "error" && /* @__PURE__ */ w("div", { className: "w6w-result w6w-error", children: [
+                    g.errorCode && /* @__PURE__ */ t(
+                      "div",
+                      {
+                        className: "w6w-small",
+                        style: { opacity: 0.75, marginBottom: 4 },
+                        children: /* @__PURE__ */ t("code", { children: g.errorCode })
+                      }
+                    ),
+                    g.error || "The step failed with no error message."
+                  ] }),
+                  g.status === "done" && /* @__PURE__ */ w("div", { children: [
+                    /* @__PURE__ */ t("div", { className: "w6w-muted w6w-small", style: { marginBottom: 6 }, children: "Result" }),
+                    /* @__PURE__ */ t(
+                      "pre",
+                      {
+                        className: "w6w-result",
+                        style: {
+                          whiteSpace: "pre-wrap",
+                          maxHeight: 360,
+                          overflow: "auto",
+                          margin: 0
+                        },
+                        children: JSON.stringify(g.value, null, 2)
+                      }
+                    ),
+                    g.meta && /* @__PURE__ */ w(B, { children: [
+                      /* @__PURE__ */ t(
+                        "div",
+                        {
+                          className: "w6w-muted w6w-small",
+                          style: { margin: "10px 0 6px" },
+                          children: "Metadata"
+                        }
+                      ),
+                      /* @__PURE__ */ t(
+                        "pre",
+                        {
+                          className: "w6w-result",
+                          style: {
+                            whiteSpace: "pre-wrap",
+                            maxHeight: 360,
+                            overflow: "auto",
+                            margin: 0
+                          },
+                          children: JSON.stringify(g.meta, null, 2)
+                        }
+                      )
+                    ] })
+                  ] }),
+                  g.logs && g.logs.length > 0 && /* @__PURE__ */ w("div", { children: [
+                    /* @__PURE__ */ t(
+                      "div",
+                      {
+                        className: "w6w-muted w6w-small",
+                        style: { margin: "10px 0 6px" },
+                        children: "Console output"
+                      }
+                    ),
+                    /* @__PURE__ */ t(
+                      "pre",
+                      {
+                        className: "w6w-result",
+                        style: {
+                          whiteSpace: "pre-wrap",
+                          maxHeight: 200,
+                          overflow: "auto",
+                          margin: 0
+                        },
+                        children: g.logs.join(`
+`)
+                      }
+                    )
+                  ] })
+                ] }),
+                /* @__PURE__ */ t("div", { className: "w6w-modal-actions", children: /* @__PURE__ */ t(
+                  "button",
+                  {
+                    type: "button",
+                    className: "w6w-btn",
+                    onClick: () => E(null),
+                    children: "Close"
+                  }
+                ) })
+              ] })
+            ]
+          }
+        ),
+        re !== null && /* @__PURE__ */ t(
+          Jn,
+          {
+            title: "Delete step",
+            message: `Delete step "${re}"? Its connections are removed too.`,
+            confirmLabel: "Delete",
+            onConfirm: () => {
+              Le(re), ke(null);
+            },
+            onClose: () => ke(null)
+          }
+        )
+      ]
+    }
+  ) }) }) }) }) }) });
+}
+function st(e) {
+  try {
+    const n = JSON.parse(e);
+    return n && typeof n == "object" && !Array.isArray(n) ? n : null;
+  } catch {
+    return null;
+  }
+}
+function Yt({
+  text: e,
+  onChange: n,
+  seeds: o,
+  readOnly: r
+}) {
+  const c = st(e), l = c ? Object.keys(c).length : 0, u = l > 0, [y, C] = S(u);
+  _(() => {
+    u && C(!0);
+  }, [u]);
+  const N = (f) => {
+    n(JSON.stringify(f.lastRunOutput ?? f.input ?? {}, null, 2)), C(!0);
+  };
+  return /* @__PURE__ */ w("div", { className: "w6w-field w6w-incoming-state", children: [
+    /* @__PURE__ */ t("span", { children: "Incoming state" }),
+    o.length > 0 && /* @__PURE__ */ t("div", { className: "w6w-seed-picker", children: /* @__PURE__ */ t("div", { className: "w6w-seed-chips", children: o.map((f) => /* @__PURE__ */ w(
+      "button",
+      {
+        type: "button",
+        className: "w6w-chip w6w-seed-chip",
+        title: `Use ${f.label}'s saved test as the incoming state`,
+        disabled: r,
+        onClick: () => N(f.test),
+        children: [
+          /* @__PURE__ */ t("code", { children: f.label }),
+          f.test.lastRunStatus ? /* @__PURE__ */ w("span", { className: "w6w-muted w6w-small", children: [
+            " · ",
+            f.test.lastRunStatus
+          ] }) : null
+        ]
+      },
+      f.stepId
+    )) }) }),
+    /* @__PURE__ */ w(
+      "details",
+      {
+        className: "w6w-state-override",
+        open: y,
+        onToggle: (f) => C(f.currentTarget.open),
+        children: [
+          /* @__PURE__ */ w("summary", { children: [
+            "Override the incoming state",
+            l > 0 ? ` · ${l} key${l === 1 ? "" : "s"} set` : ""
+          ] }),
+          /* @__PURE__ */ t(
+            "textarea",
+            {
+              rows: 3,
+              value: e,
+              readOnly: r,
+              spellCheck: !1,
+              "aria-label": "Incoming state override (JSON)",
+              onChange: (f) => n(f.target.value)
+            }
+          ),
+          /* @__PURE__ */ w("span", { className: "w6w-hint", children: [
+            "JSON merged into the call (e.g. a script's ",
+            /* @__PURE__ */ t("code", { children: "input" }),
+            "). Reach for this to test against a state the flow cannot currently produce — a field no upstream step returns yet, or a case you can't reproduce by running the flow."
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function Es({
+  workflowId: e,
+  step: n,
+  upstreamSteps: o,
+  onRun: r,
+  onCancel: c
+}) {
+  const l = Je(), u = Ce(n.uses.app), y = Pe(n.uses.app), C = M(
+    () => {
+      var x;
+      return u ? Rt((x = n.with) == null ? void 0 : x.fields) : [];
+    },
+    [u, n.with]
+  ), N = M(() => u ? zn(C) : y ? Ht(n.uses.app, n.uses.action) : null, [u, y, C, n.uses.app, n.uses.action]), [f, a] = S(null), g = N ?? f;
+  _(() => {
+    if (N) return;
+    if (!n.uses.app || !n.uses.action) {
+      a([]);
+      return;
+    }
+    let x = !1;
+    return a(null), l.getAppActions(n.uses.app).then((z) => {
+      var $;
+      x || a((($ = z.find((te) => te.key === n.uses.action)) == null ? void 0 : $.params) ?? []);
+    }).catch(() => !x && a([])), () => {
+      x = !0;
+    };
+  }, [l, N, n.uses.app, n.uses.action]);
+  const [E, P] = S(
+    () => {
+      var x;
+      return u ? qn(Rt((x = n.with) == null ? void 0 : x.fields)) : {};
+    }
+  ), [R, V] = S("{}"), d = Bt(e, o, !u), I = jt(d), [ce, ne] = S(!1);
+  _(() => {
+    let x = !1;
+    return l.listStepTests(e, n.id).then((z) => {
+      if (x) return;
+      const $ = z.length ? z[z.length - 1] : null;
+      u ? $ != null && $.with && P((te) => ({ ...te, ...$.with })) : $ != null && $.input && Object.keys($.input).length > 0 && V(JSON.stringify($.input, null, 2)), ne(!0);
+    }).catch(() => {
+      x || ne(!0);
+    }), () => {
+      x = !0;
+    };
+  }, [l, e, n.id, u]);
+  const [W, b] = S(!0), A = st(R), de = u ? W : A !== null, K = u ? E : { ...n.with ?? {}, ...A ?? {} }, G = !!g && ce && de && Ut(g, K);
+  return (
+    // `.w6w-stepconfig` frame + body + pinned footer (D-3): this component is a
+    // direct <Modal> child, so the frame's `height:100%` resolves against the
+    // dialog and only the form scrolls. The `.w6w-stack` keeps its own spacing.
+    /* @__PURE__ */ w("div", { className: "w6w-stepconfig", children: [
+      /* @__PURE__ */ t("div", { className: "w6w-modal-body", children: /* @__PURE__ */ t("div", { className: "w6w-stack", children: g === null || !ce ? /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: g === null ? "Loading parameters…" : "Loading saved values…" }) : u ? /* @__PURE__ */ w(B, { children: [
+        /* @__PURE__ */ t(
+          Kn,
+          {
+            params: g,
+            values: E,
+            onChange: P,
+            onValidityChange: b
+          }
+        ),
+        g.length === 0 && /* @__PURE__ */ w("span", { className: "w6w-hint", children: [
+          "This trigger declares no fields — provide a sample payload to run with. It becomes the trigger's output state (",
+          /* @__PURE__ */ t("code", { children: "input" }),
+          ")."
+        ] })
+      ] }) : /* @__PURE__ */ w(B, { children: [
+        /* @__PURE__ */ w("p", { className: "w6w-muted w6w-small", children: [
+          "Runs ",
+          /* @__PURE__ */ t("code", { children: n.uses.action }),
+          " with the configuration saved on this step — only the incoming state changes per run. Edit the step to change how it is configured."
+        ] }),
+        /* @__PURE__ */ t(Yt, { text: R, onChange: V, seeds: d })
+      ] }) }) }),
+      /* @__PURE__ */ w("div", { className: "w6w-modal-actions", children: [
+        /* @__PURE__ */ t("button", { type: "button", className: "w6w-btn w6w-btn-ghost", onClick: c, children: "Cancel" }),
+        !G && g !== null && ce && /* @__PURE__ */ t("span", { className: "w6w-muted w6w-small", children: de ? u ? "Fill the required fields to test." : "This step is missing required configuration — set it on the Configure tab." : u ? "The payload must be a JSON object to run." : "The incoming state must be a JSON object to run." }),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "w6w-btn",
+            disabled: !G,
+            onClick: () => r(u ? E : A ?? {}, u ? void 0 : I),
+            children: "▶ Run"
+          }
+        )
+      ] })
+    ] })
+  );
+}
+function Se({
+  type: e,
+  position: n,
+  multiple: o,
+  id: r,
+  variant: c
+}) {
+  return /* @__PURE__ */ t(
+    mn,
+    {
+      type: e,
+      position: n,
+      id: r,
+      className: c === "error" ? "w6w-handle-error" : o ? "w6w-handle-multi" : void 0,
+      style: o ? { height: 22, borderRadius: 3, width: 8 } : void 0,
+      title: c === "error" ? "On error — drag to route this step's failure separately" : o ? e === "target" ? "Accepts multiple incoming connections" : "Multiple outgoing connections" : void 0
+    }
+  );
+}
+function Qt({ id: e, runnable: n }) {
+  const o = ge(Xt);
+  return !o || o.readOnly ? null : /* @__PURE__ */ w(wn, { position: we.Top, className: "w6w-node-toolbar", children: [
+    n && /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: "w6w-node-toolbar-btn",
+        title: "Test-run this step",
+        "aria-label": "Test-run this step",
+        onClick: () => o.onRun(e),
+        children: /* @__PURE__ */ t(ye, { name: "run", size: 15 })
+      }
+    ),
+    /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: "w6w-node-toolbar-btn",
+        title: "Edit",
+        "aria-label": "Edit step",
+        onClick: () => o.onEdit(e),
+        children: /* @__PURE__ */ t(ye, { name: "edit", size: 15 })
+      }
+    ),
+    /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: "w6w-node-toolbar-btn",
+        title: "Duplicate",
+        "aria-label": "Duplicate step",
+        onClick: () => o.onDuplicate(e),
+        children: /* @__PURE__ */ t(ye, { name: "copy", size: 15 })
+      }
+    ),
+    /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: "w6w-node-toolbar-btn danger",
+        title: "Delete",
+        "aria-label": "Delete step",
+        onClick: () => o.onDelete(e),
+        children: /* @__PURE__ */ t(ye, { name: "trash", size: 15 })
+      }
+    )
+  ] });
+}
+function Zt({ step: e, count: n }) {
+  if (n < 2) return null;
+  const o = e.fanOut === "parallel", r = gs(n, o ? "parallel" : "sequential");
+  return /* @__PURE__ */ w("div", { className: "w6w-fanout-badge", role: "img", "aria-label": r, title: r, children: [
+    /* @__PURE__ */ t("span", { "aria-hidden": "true", children: o ? "⇉" : "→" }),
+    " ",
+    n
+  ] });
+}
+function xs({ id: e, data: n, selected: o }) {
+  const r = n.step, l = ge(nt).get(r.uses.app), u = (l == null ? void 0 : l.displayName) || r.uses.app || "—", y = le(r, ge(et)), C = Gt(n.stepStatus ?? "no-run", n.runStatus), N = /* @__PURE__ */ t(Zt, { step: r, count: ge(tt).get(e) ?? 0 });
+  return /* @__PURE__ */ w("div", { children: [
+    /* @__PURE__ */ t(Qt, { id: e, runnable: !0 }),
+    /* @__PURE__ */ w(
+      "div",
+      {
+        "data-run-status": n.stepStatus ?? "no-run",
+        style: {
+          // `relative` so the Handles center on the CARD, not the whole node
+          // (which also spans the meta line below) — keeps ports vertically centered.
+          position: "relative",
+          // Selection always wins the BORDER COLOUR (unchanged from before
+          // T1.1.1 — the ternary this extends); width/style/opacity keep
+          // reflecting the run status underneath so a selected running/failed
+          // step is still distinguishable from a selected idle one.
+          border: `${C.borderWidth}px ${C.borderStyle} ${o ? "var(--w6w-accent)" : C.borderColor}`,
+          opacity: o ? 1 : C.opacity,
+          background: "var(--w6w-panel)",
+          color: "var(--w6w-text)",
+          borderRadius: 4,
+          padding: "8px 12px",
+          minWidth: 180,
+          fontSize: 13,
+          display: "flex",
+          alignItems: "center",
+          gap: 10
+        },
+        children: [
+          y.in > 0 && /* @__PURE__ */ t(Se, { type: "target", position: we.Left, multiple: y.in > 1 }),
+          /* @__PURE__ */ t(
+            Ye,
+            {
+              src: l == null ? void 0 : l.iconSvg,
+              srcDark: l == null ? void 0 : l.iconSvgDark,
+              brandColor: l == null ? void 0 : l.brandColor,
+              name: u,
+              size: 28
+            }
+          ),
+          /* @__PURE__ */ w("div", { style: { minWidth: 0 }, children: [
+            /* @__PURE__ */ t("div", { style: { fontWeight: 600 }, children: u }),
+            /* @__PURE__ */ t("div", { className: "w6w-muted w6w-small", style: { marginTop: 2 }, children: /* @__PURE__ */ t("code", { children: r.uses.action || "—" }) })
+          ] }),
+          y.out > 0 && /* @__PURE__ */ w(B, { children: [
+            /* @__PURE__ */ t(Se, { type: "source", position: we.Right, multiple: y.out > 1 }),
+            /* @__PURE__ */ t(
+              Se,
+              {
+                type: "source",
+                position: we.Bottom,
+                multiple: !1,
+                id: _t,
+                variant: "error"
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    N,
+    /* @__PURE__ */ w(
+      "div",
+      {
+        className: "w6w-muted",
+        style: { marginTop: 3, fontSize: 10, opacity: 0.75, paddingLeft: 2 },
+        children: [
+          r.id,
+          l != null && l.version ? ` - v${l.version}` : ""
+        ]
+      }
+    ),
+    r.notes && /* @__PURE__ */ t("div", { className: "w6w-muted w6w-node-notes", title: r.notes, children: r.notes })
+  ] });
+}
+function Rs({ id: e, data: n, selected: o }) {
+  const r = n.step, c = $t(r.uses.app, r.uses.action), l = Jt(r.uses.app, r.uses.action), u = le(r, ge(et)), y = Ce(r.uses.app), C = Gt(n.stepStatus ?? "no-run", n.runStatus), N = /* @__PURE__ */ t(Zt, { step: r, count: ge(tt).get(e) ?? 0 });
+  return /* @__PURE__ */ w("div", { children: [
+    /* @__PURE__ */ t(Qt, { id: e, runnable: !Ae(r.uses.app) }),
+    /* @__PURE__ */ w(
+      "div",
+      {
+        "data-run-status": n.stepStatus ?? "no-run",
+        style: {
+          // `relative` so the Handles center on the CARD, not the whole node
+          // (which also spans the meta line below) — keeps ports vertically centered.
+          position: "relative",
+          border: `${C.borderWidth}px ${C.borderStyle} ${o ? "var(--w6w-accent)" : C.borderColor}`,
+          opacity: o ? 1 : C.opacity,
+          background: "var(--w6w-panel-2)",
+          color: "var(--w6w-text)",
+          borderRadius: 4,
+          padding: "6px 14px 6px 8px",
+          minWidth: 140,
+          fontSize: 13,
+          display: "flex",
+          alignItems: "center",
+          gap: 10
+        },
+        children: [
+          u.in > 0 && /* @__PURE__ */ t(Se, { type: "target", position: we.Left, multiple: u.in > 1 }),
+          l && /* @__PURE__ */ t(Mt, { icon: l }),
+          /* @__PURE__ */ w("div", { style: { minWidth: 0, textAlign: "left" }, children: [
+            /* @__PURE__ */ t("div", { style: { fontWeight: 600 }, children: c }),
+            /* @__PURE__ */ t("div", { className: "w6w-muted w6w-small", style: { marginTop: 2 }, children: /* @__PURE__ */ t("code", { children: r.uses.action || "—" }) })
+          ] }),
+          u.out > 0 && /* @__PURE__ */ w(B, { children: [
+            /* @__PURE__ */ t(Se, { type: "source", position: we.Right, multiple: u.out > 1 }),
+            !y && /* @__PURE__ */ t(
+              Se,
+              {
+                type: "source",
+                position: we.Bottom,
+                multiple: !1,
+                id: _t,
+                variant: "error"
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    N,
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: "w6w-muted",
+        style: { marginTop: 3, fontSize: 10, opacity: 0.75, paddingLeft: 2 },
+        children: r.id
+      }
+    ),
+    r.notes && /* @__PURE__ */ t("div", { className: "w6w-muted w6w-node-notes", title: r.notes, children: r.notes })
+  ] });
+}
+function Ts({
+  workflowId: e,
+  step: n,
+  upstreamSteps: o,
+  onChange: r,
+  onClose: c,
+  readOnly: l,
+  initialView: u = "props",
+  fanOutCount: y = 0,
+  onTestRun: C
+}) {
+  var Ve;
+  const N = Je(), f = ge(nt), [a, g] = S(n), [E, P] = S(
+    "configure"
+  ), [R, V] = S(
+    u === "json" ? "code" : u === "settings" ? "config" : "props"
+  ), [d, I] = S("props"), [ce, ne] = S(() => kt(n)), [W, b] = S(() => Et(n)), [A, de] = S("{}"), K = me(null), [G, x] = S(!1), [z, $] = S(!1), [te, O] = S(a.id), [se, be] = S(null), [oe, re] = S(null), [ke, ue] = S(null), [Ie, H] = S(null), X = Pe(a.uses.app);
+  _(() => {
+    if (X) {
+      re(Ht(a.uses.app, a.uses.action)), ue(null);
+      return;
+    }
+    if (!a.uses.app) {
+      ue(null), re([]);
+      return;
+    }
+    let h = !1;
+    return re(null), N.getAppActions(a.uses.app).then((q) => {
+      var Y;
+      h || (ue(q), re(
+        a.uses.action ? ((Y = q.find((he) => he.key === a.uses.action)) == null ? void 0 : Y.params) ?? [] : []
+      ));
+    }).catch(() => !h && re([])), () => {
+      h = !0;
+    };
+  }, [N, a.uses.app, a.uses.action, X]);
+  const De = J(() => {
+    X || !a.uses.app || N.listConnectionsForApp(a.uses.app).then((h) => H(h)).catch(() => H([]));
+  }, [N, a.uses.app, X]);
+  _(() => {
+    if (X || !a.uses.app) return;
+    let h = !1;
+    return N.listConnectionsForApp(a.uses.app).then((q) => !h && H(q)).catch(() => !h && H([])), () => {
+      h = !0;
+    };
+  }, [N, a.uses.app, X]);
+  const j = J(
+    (h) => {
+      g(h), r(h);
+    },
+    [r]
+  ), _e = (h) => {
+    h === "code" ? ne(kt(a)) : h === "params-code" && b(Et(a)), V(h);
+  }, D = () => {
+    const h = te.trim(), q = h && h !== a.id ? Qn(h) : null;
+    if (q) {
+      be(q);
+      return;
+    }
+    h && h !== a.id && j({ ...a, id: h }), be(null), $(!1);
+  }, ie = !!a.uses.app && !!a.uses.action && !Ae(a.uses.app), ae = Ce(a.uses.app), He = E === "test" && ie && !ae, ve = Bt(e, o, ie && !ae), Le = jt(ve);
+  _(() => {
+    if (!ie || ae) return;
+    let h = !1;
+    return N.listStepTests(e, a.id).then((q) => {
+      if (h) return;
+      const Y = q.length ? q[q.length - 1] : null;
+      if (!(Y != null && Y.input) || Object.keys(Y.input).length === 0) return;
+      const he = JSON.stringify(Y.input, null, 2);
+      de((Te) => Te.trim() === "{}" ? he : Te);
+    }).catch(() => {
+    }), () => {
+      h = !0;
+    };
+  }, [N, e, a.id, ie, ae]);
+  const Ee = st(A), xe = { ...a.with ?? {}, ...Ee ?? {} }, Re = Ee ?? {}, pe = !!oe && Ut(oe, xe), F = f.get(a.uses.app), fe = X ? Jt(a.uses.app, a.uses.action) : null, Be = X ? fe ? /* @__PURE__ */ t(Mt, { icon: fe }) : null : /* @__PURE__ */ t(
+    Ye,
+    {
+      src: F == null ? void 0 : F.iconSvg,
+      srcDark: F == null ? void 0 : F.iconSvgDark,
+      brandColor: F == null ? void 0 : F.brandColor,
+      name: F == null ? void 0 : F.displayName
+    }
+  );
+  return /* @__PURE__ */ t(
+    Ot,
+    {
+      ariaLabel: "Edit step",
+      titleIcon: Be,
+      title: /* @__PURE__ */ w("span", { className: "w6w-step-rename", children: [
+        z && !l ? /* @__PURE__ */ t(
+          "input",
+          {
+            autoFocus: !0,
+            value: te,
+            onChange: (h) => {
+              O(h.target.value), be(null);
+            },
+            onBlur: D,
+            onKeyDown: (h) => {
+              h.key === "Enter" && D(), h.key === "Escape" && (O(a.id), be(null), $(!1));
+            }
+          }
+        ) : /* @__PURE__ */ w(B, { children: [
+          /* @__PURE__ */ t("code", { children: a.id }),
+          !l && /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: "w6w-icon-btn w6w-btn-sm",
+              title: "Rename step",
+              "aria-label": "Rename step",
+              onClick: () => {
+                O(a.id), $(!0);
+              },
+              children: /* @__PURE__ */ t(ye, { name: "edit", size: 15 })
+            }
+          )
+        ] }),
+        se && /* @__PURE__ */ t("span", { className: "w6w-hint", role: "alert", style: { color: "var(--w6w-danger)" }, children: se })
+      ] }),
+      onClose: c,
+      size: "wide",
+      children: /* @__PURE__ */ w("div", { className: "w6w-stepconfig", children: [
+        /* @__PURE__ */ w("div", { className: "w6w-tabsbar", children: [
+          /* @__PURE__ */ t("div", { className: "w6w-subtabs", children: ["setup", "configure", "test"].map((h) => /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: `w6w-subtab${E === h ? " active" : ""}`,
+              onClick: () => P(h),
+              children: h === "setup" ? "Setup" : h === "configure" ? "Configure" : "Test"
+            },
+            h
+          )) }),
+          He ? /* @__PURE__ */ t(
+            xt,
+            {
+              view: d,
+              views: ["props", "code"],
+              onChange: (h) => I(h)
+            }
+          ) : /* @__PURE__ */ t(
+            xt,
+            {
+              view: R,
+              onChange: _e,
+              disabled: E !== "configure"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ w("div", { className: "w6w-stepconfig-body", children: [
+          E === "setup" && /* @__PURE__ */ t(
+            Ds,
+            {
+              step: a,
+              app: F,
+              actions: ke,
+              conns: Ie,
+              isInternal: X,
+              readOnly: l,
+              onChangeAction: (h) => j({ ...a, uses: { ...a.uses, action: h }, with: {} }),
+              onChangeConnection: (h) => j({ ...a, uses: { ...a.uses, connection: h } }),
+              onConnectionCreated: De,
+              onChangeApp: (h) => (
+                // D-1: a genuinely different app clears `uses.action`/`with` and
+                // drops the connection; reselecting the SAME app is a no-op —
+                // still committed (so the field always collapses cleanly), but
+                // with `step` itself, unchanged.
+                j(
+                  h === a.uses.app ? a : {
+                    ...a,
+                    uses: { app: h, action: "", connection: void 0 },
+                    with: {}
+                  }
+                )
+              )
+            }
+          ),
+          E === "configure" && /* @__PURE__ */ w(B, { children: [
+            a.uses.app === Ke && N.listSubscriptionsForWorkflow && N.createSubscription && /* @__PURE__ */ t(Is, { workflowId: e, step: a, readOnly: l }),
+            oe === null ? /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "Loading parameters…" }) : R === "props" ? a.uses.action === "wait" && Ae(a.uses.app) ? /* @__PURE__ */ t(
+              Mn,
+              {
+                values: a.with ?? {},
+                readOnly: l,
+                onChange: (h) => j({ ...a, with: h })
+              }
+            ) : /* @__PURE__ */ t(
+              _n,
+              {
+                params: oe,
+                values: a.with ?? {},
+                readOnly: l,
+                onChange: (h) => j({ ...a, with: h })
+              }
+            ) : R === "code" ? (
+              // Full step, read-only (D-3) — `stepToJson` is the ONE serializer,
+              // shared with the two other code-view hosts.
+              /* @__PURE__ */ t(
+                qe,
+                {
+                  value: ce,
+                  onChange: () => {
+                  },
+                  readOnly: !0,
+                  minHeight: "260px",
+                  height: "100%",
+                  "aria-label": `Step ${a.id} JSON`,
+                  copyable: !0
+                }
+              )
+            ) : R === "params-code" ? /* @__PURE__ */ t(
+              qe,
+              {
+                value: W,
+                onChange: b,
+                readOnly: l,
+                minHeight: "260px",
+                height: "100%",
+                "aria-label": `Step ${a.id} params JSON`,
+                copyable: !0,
+                onValidChange: (h) => h && typeof h == "object" && !Array.isArray(h) && j({ ...a, with: h })
+              }
+            ) : /* @__PURE__ */ w("div", { className: "w6w-stack", children: [
+              /* @__PURE__ */ t(
+                Hn,
+                {
+                  config: { retry: a.retry, onError: a.onError, notes: a.notes },
+                  onChange: (h) => j({ ...a, ...h }),
+                  readOnly: l,
+                  failureHandling: !ae,
+                  retryControls: !Ae(a.uses.app) && a.uses.app !== Bn
+                }
+              ),
+              As,
+              /* @__PURE__ */ t(
+                Ps,
+                {
+                  step: a,
+                  count: y,
+                  readOnly: l,
+                  onChange: j
+                }
+              )
+            ] })
+          ] }),
+          E === "test" && /* @__PURE__ */ t("div", { className: "w6w-stack", children: ie ? ae ? /* @__PURE__ */ t(
+            jn,
+            {
+              app: a.uses.app,
+              action: a.uses.action,
+              fields: (Ve = a.with) == null ? void 0 : Ve.fields,
+              persist: { workflowId: e, stepId: a.id, input: Re }
+            }
+          ) : /* @__PURE__ */ w(B, { children: [
+            /* @__PURE__ */ w("p", { className: "w6w-muted w6w-small", children: [
+              "Tests ",
+              /* @__PURE__ */ t("code", { children: a.uses.action }),
+              " with the configuration saved on this step — only the incoming state changes per run."
+            ] }),
+            /* @__PURE__ */ t(
+              Yt,
+              {
+                text: A,
+                onChange: de,
+                seeds: ve,
+                readOnly: l
+              }
+            ),
+            oe === null ? /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "Loading parameters…" }) : /* @__PURE__ */ t(
+              ns,
+              {
+                params: oe,
+                values: xe,
+                testStartState: Le,
+                view: d
+              }
+            ),
+            /* @__PURE__ */ t(
+              Un,
+              {
+                ref: K,
+                app: a.uses.app,
+                action: a.uses.action,
+                connectionId: a.uses.connection ?? void 0,
+                values: xe,
+                state: Le,
+                canRun: pe,
+                hideRunButton: !0,
+                persist: { workflowId: e, stepId: a.id, input: Re },
+                onBusyChange: x
+              }
+            )
+          ] }) : /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "Flow-control nodes can't be tested on their own." }) })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "w6w-modal-actions w6w-stepconfig-footer", children: E !== "test" ? /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "w6w-btn",
+            onClick: () => P(E === "setup" ? "configure" : "test"),
+            children: "Next →"
+          }
+        ) : /* @__PURE__ */ w(B, { children: [
+          /* @__PURE__ */ t("button", { type: "button", className: "w6w-btn w6w-btn-ghost", onClick: c, children: "Done" }),
+          ie && !ae && // Runs the step and persists the outcome (records a run + saves
+          // the fixture) via the body's <StepTestRun>, so a step test is
+          // saved and re-runnable. `readOnly` viewers can't write tests.
+          /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: "w6w-btn",
+              disabled: l || !pe || G,
+              onClick: () => {
+                var h;
+                C == null || C(), (h = K.current) == null || h.run();
+              },
+              children: G ? "Testing…" : "Test"
+            }
+          )
+        ] }) })
+      ] })
+    }
+  );
+}
+const As = !1;
+function Ps({
+  step: e,
+  count: n,
+  readOnly: o,
+  onChange: r
+}) {
+  const c = n >= 2, l = e.fanOut === "parallel" ? "parallel" : "sequential";
+  return /* @__PURE__ */ w("label", { className: "w6w-field", children: [
+    /* @__PURE__ */ t("span", { children: "Run next steps" }),
+    /* @__PURE__ */ w(
+      "select",
+      {
+        "aria-label": "Run next steps",
+        value: l,
+        disabled: o || !c,
+        onChange: (u) => r(ms(e, u.target.value)),
+        children: [
+          /* @__PURE__ */ t("option", { value: "sequential", children: "In sequence" }),
+          /* @__PURE__ */ t("option", { value: "parallel", children: "In parallel" })
+        ]
+      }
+    ),
+    !c && /* @__PURE__ */ t("span", { className: "w6w-muted w6w-small", children: "Connect two or more steps after this one to choose how they run." })
+  ] });
+}
+function Is({
+  workflowId: e,
+  step: n,
+  readOnly: o
+}) {
+  const r = Je(), [c, l] = S(void 0), [u, y] = S(null), [C, N] = S(!1);
+  _(() => {
+    const a = r.listSubscriptionsForWorkflow;
+    if (!a) return;
+    let g = !1;
+    return a(e).then((E) => {
+      g || l(E.find((P) => P.appId === Ke) ?? null);
+    }).catch((E) => !g && y(E.message)), () => {
+      g = !0;
+    };
+  }, [r, e]);
+  const f = () => {
+    const a = r.createSubscription;
+    a && (y(null), N(!0), a(Ke, n.uses.action, {
+      workflowId: e,
+      connectionId: null,
+      params: n.with ?? {}
+    }).then((g) => {
+      N(!1), l(g);
+    }).catch((g) => {
+      N(!1), y(g instanceof Error ? g.message : String(g));
+    }));
+  };
+  return /* @__PURE__ */ w("div", { className: "w6w-stack", children: [
+    /* @__PURE__ */ w("p", { className: "w6w-muted w6w-small", children: [
+      /* @__PURE__ */ t("strong", { children: "Webhook URL" }),
+      " — the address a third party posts to."
+    ] }),
+    u && /* @__PURE__ */ t("div", { className: "w6w-result w6w-error", children: u }),
+    c != null && c.webhookUrl ? /* @__PURE__ */ t(es, { value: c.webhookUrl, readOnly: !0, children: /* @__PURE__ */ t("input", { type: "text", readOnly: !0, value: c.webhookUrl, "aria-label": "Webhook URL" }) }) : c === void 0 ? /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "Loading…" }) : !o && /* @__PURE__ */ t("button", { type: "button", className: "w6w-btn", disabled: C, onClick: f, children: C ? "Creating…" : "Create webhook URL" })
+  ] });
+}
+function Lt({
+  anchorRef: e,
+  onClose: n,
+  children: o
+}) {
+  const r = me(null), [c, l] = S(null), [u, y] = S(null);
+  return _(() => {
+    const C = e.current;
+    if (!C) return;
+    const N = C.getBoundingClientRect();
+    l({ top: N.bottom + 6, left: N.left, width: N.width }), y(C.closest("dialog") ?? document.body);
+  }, [e]), _(() => {
+    function C(f) {
+      var g, E;
+      const a = f.target;
+      (g = r.current) != null && g.contains(a) || (E = e.current) != null && E.contains(a) || n();
+    }
+    function N(f) {
+      f.key === "Escape" && n();
+    }
+    return document.addEventListener("mousedown", C), document.addEventListener("keydown", N), () => {
+      document.removeEventListener("mousedown", C), document.removeEventListener("keydown", N);
+    };
+  }, [n, e]), !c || !u ? null : Zn(
+    /* @__PURE__ */ t(
+      "div",
+      {
+        ref: r,
+        className: "w6w-flyout",
+        style: { top: c.top, left: c.left, width: c.width },
+        children: o
+      }
+    ),
+    u
+  );
+}
+function Ds({
+  step: e,
+  app: n,
+  actions: o,
+  conns: r,
+  isInternal: c,
+  readOnly: l,
+  onChangeAction: u,
+  onChangeConnection: y,
+  onChangeApp: C,
+  onConnectionCreated: N
+}) {
+  var V;
+  const [f, a] = S(null), [g, E] = S(!1), P = me(null), R = e.uses.connection ? ((V = (r ?? []).find((d) => d.id === e.uses.connection)) == null ? void 0 : V.displayName) ?? e.uses.connection : "No connection";
+  return /* @__PURE__ */ w("div", { className: "w6w-stack", children: [
+    /* @__PURE__ */ w("div", { className: "w6w-field", children: [
+      /* @__PURE__ */ t("span", { children: "App" }),
+      /* @__PURE__ */ w("div", { className: "w6w-app-conn-row", ref: P, children: [
+        /* @__PURE__ */ w(
+          "button",
+          {
+            type: "button",
+            className: "w6w-app-conn-btn",
+            "aria-label": "App",
+            "aria-expanded": f === "app",
+            disabled: l,
+            onClick: () => a((d) => d === "app" ? null : "app"),
+            children: [
+              !c && n && /* @__PURE__ */ t(
+                Ye,
+                {
+                  src: n.iconSvg,
+                  srcDark: n.iconSvgDark,
+                  brandColor: n.brandColor,
+                  name: n.displayName,
+                  size: 20
+                }
+              ),
+              /* @__PURE__ */ t("span", { className: "w6w-conn-label-name", children: c ? e.uses.app : (n == null ? void 0 : n.displayName) ?? e.uses.app })
+            ]
+          }
+        ),
+        !c && /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "w6w-app-conn-btn",
+            "aria-label": "Connection",
+            "aria-expanded": f === "conn",
+            disabled: l,
+            onClick: () => a((d) => d === "conn" ? null : "conn"),
+            children: /* @__PURE__ */ t("span", { className: "w6w-conn-label-name", children: R })
+          }
+        )
+      ] }),
+      f === "app" && /* @__PURE__ */ t(Lt, { anchorRef: P, onClose: () => a(null), children: /* @__PURE__ */ t(
+        Gn,
+        {
+          onSelectApp: (d) => {
+            const I = d.id === e.uses.app;
+            C(d.id), a(I ? "conn" : null);
+          }
+        }
+      ) }),
+      f === "conn" && /* @__PURE__ */ t(Lt, { anchorRef: P, onClose: () => a(null), children: /* @__PURE__ */ w("div", { className: "w6w-stack", children: [
+        /* @__PURE__ */ t("div", { className: "w6w-stepbuilder-list", children: (r ?? []).map((d) => /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "w6w-stepbuilder-item",
+            onClick: () => {
+              y(d.id), a(null);
+            },
+            children: /* @__PURE__ */ w("span", { className: "w6w-stepbuilder-item-main", children: [
+              /* @__PURE__ */ t("strong", { children: d.displayName || d.id }),
+              d.state && /* @__PURE__ */ t("span", { className: "w6w-muted w6w-small", children: d.state })
+            ] })
+          },
+          d.id
+        )) }),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "w6w-btn",
+            disabled: l,
+            onClick: () => {
+              E(!0), a(null);
+            },
+            children: "+ New connection"
+          }
+        )
+      ] }) })
+    ] }),
+    !c && g && /* @__PURE__ */ t(
+      Xn,
+      {
+        initialAppId: e.uses.app,
+        onClose: () => E(!1),
+        onCreated: ({ connectionId: d }) => {
+          E(!1), y(d), N(), a(null);
+        }
+      }
+    ),
+    c ? /* @__PURE__ */ w("div", { className: "w6w-field", children: [
+      /* @__PURE__ */ t("span", { children: "Action" }),
+      /* @__PURE__ */ t("div", { className: "w6w-muted w6w-small", children: /* @__PURE__ */ t("code", { children: e.uses.action }) })
+    ] }) : (
+      // biome-ignore lint/a11y/noLabelWithoutControl: Combobox renders its own <select>/<input> INSIDE this label, so the field text labels the control at runtime; the rule cannot see through the component boundary.
+      /* @__PURE__ */ w("label", { className: "w6w-field", children: [
+        /* @__PURE__ */ t("span", { children: "Action" }),
+        /* @__PURE__ */ t(
+          Yn,
+          {
+            value: e.uses.action,
+            disabled: l || o === null,
+            onChange: u,
+            options: o === null ? [{ value: e.uses.action, label: e.uses.action }] : o.map((d) => ({ value: d.key, label: d.title ?? d.key }))
+          }
+        )
+      ] })
+    )
+  ] });
+}
+export {
+  Bn as CALL_APP,
+  Hs as CONTROL_APP,
+  Bs as DATA_APP,
+  Fn as ExpressionOptionsProvider,
+  js as INTERNAL_NODES,
+  Us as SCHEDULER_APP,
+  zs as SCRIPT_APP,
+  qs as TRIGGER_APP,
+  Ke as WEBHOOK_APP,
+  Js as WorkflowFlowEditor,
+  Rt as asFieldDefs,
+  Ks as coerceDefault,
+  Gs as fieldWidget,
+  zn as fieldsToParams,
+  Nt as flowToWorkflow,
+  Xs as internalNodeDefaults,
+  Jt as internalNodeIcon,
+  $t as internalNodeLabel,
+  Ht as internalNodeParams,
+  Ae as isControlApp,
+  Pe as isInternalApp,
+  Ce as isTriggerApp,
+  qn as seedValues,
+  kn as workflowToFlow
+};
+//# sourceMappingURL=flow.mjs.map