@w6w/ui 0.1.1 → 0.2.11

package/dist/flow.mjs

@@ -1,38 +1,117 @@
 "use client";
-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 { useMemo as M, useState as S, useRef as me, useEffect as _, useCallback as J, useContext as ge, createContext as Je } from "react";
-import { createPortal as gn } from "react-dom";
-import { u as Vt, b as bn, f as vn, i as Nn, J as qe, d as yn, r as Ft, a as Cn, c as Sn, v as kn, n as le, e as Ge, g as Xe, s as Wt, h as Pe, j as Me, w as En, k as xn, l as Rn, m as Nt, o as We, p as yt, q as Tn, t as Ct, x as An, y as $t, z as Ce, A as Pn, B as In, C as Ae, D as St, E as Dn, F as Ln, G as Vn, W as Fn, H as Wn, I as $n, S as On, K as Jn, M as Ot, L as Mn, 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 _n, a0 as Hn, a1 as Bn, a2 as jn, a3 as Un, a4 as zn, a5 as Rt, a6 as qn, a7 as Kn, a8 as Gn, a9 as Xn, aa as Yn, ab as Qn, ac as Zn } from "./ConfirmModal-CD-P8mhN.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-CD-P8mhN.js";
-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(),
+import { jsx as o, jsxs as m, Fragment as U } from "react/jsx-runtime";
+import { addEdge as _n, ReactFlowProvider as Wn, useNodesState as Bn, useEdgesState as Jn, useReactFlow as zn, ReactFlow as Hn, ConnectionLineType as jn, Background as On, Controls as Un, ControlButton as qn, MiniMap as Kn, Panel as Vt, Position as Ne, NodeToolbar as Xn, useNodeId as Gn, Handle as Yn } from "@xyflow/react";
+import { useMemo as O, useState as S, useRef as Ce, useEffect as z, useCallback as F, useContext as he, createContext as Ye } from "react";
+import { createPortal as Qn } from "react-dom";
+import { u as an, b as Zn, f as es, i as ts, J as it, d as ns, r as cn, a as ss, c as os, v as is, n as we, e as at, g as ct, s as ln, h as Je, j as Qe, w as rs, k as as, l as cs, m as $t, o as We, p as _t, q as ls, t as Wt, x as ds, y as dn, z as Ie, A as us, B as ps, C as Be, D as Bt, E as fs, F as hs, G as ws, W as ms, H as gs, I as Jt, K as bs, L as ys, M as zt, S as vs, N as Ns, O as un, P as pn, Q as fn, R as hn, T as lt, U as Ht, V as jt, X as wn, Y as mn, Z as gn, _ as bn, $ as Ot, a0 as rt, a1 as Cs, a2 as Ss, a3 as xs, a4 as ks, a5 as Es, a6 as Ps, a7 as Ut, a8 as Rs, a9 as Ts, aa as As, ab as Is, ac as Ds, ad as Ls, ae as Ms } from "./ConfirmModal-Ln99S9NT.js";
+import { af as Vo, ag as $o, ah as _o, ai as Wo, aj as Bo, ak as Jo, al as zo, am as Ho, an as jo, ao as Oo } from "./ConfirmModal-Ln99S9NT.js";
+import { I as ve, C as Fs } from "./Copyable-F4NTaG77.js";
+const Vs = 200, $s = 200, _s = 10240;
+function qt(e) {
+  const t = {};
+  for (const [s, r] of Object.entries(e)) t[s] = Math.round(r);
+  return t;
+}
+const Ws = (e) => !!e && Number.isFinite(e.x) && Number.isFinite(e.y), Bs = (e) => !!e && Number.isFinite(e.width) && Number.isFinite(e.height);
+function Kt(e, t, s) {
+  return e && e.map((r) => {
+    const a = t == null ? void 0 : t[r.id], c = Ws(a == null ? void 0 : a.position) ? a.position : r.position, u = Bs(a == null ? void 0 : a.size) ? a.size : r.size;
+    return { ...r, position: qt(c), size: qt(u) };
+  });
+}
+function Js(e, t, s) {
+  if (!t) return e;
+  const r = { ...e };
+  return e.notes && (r.notes = Kt(e.notes, s)), e.sections && (r.sections = Kt(e.sections, s)), r;
+}
+function Xt(e, t) {
+  return e.sections ? {
+    ...e,
+    sections: e.sections.map((s) => ({
+      ...s,
+      nodes: s.nodes.filter((r) => r !== t)
+    }))
+  } : e;
+}
+function zs(e, t, s) {
+  return e.sections ? {
+    ...e,
+    sections: e.sections.map((r) => ({
+      ...r,
+      nodes: r.nodes.map((a) => a === t ? s : a)
+    }))
+  } : e;
+}
+function Gt(e, t, s) {
+  if (!e.sections) return e;
+  const r = new Set(s);
+  return {
+    ...e,
+    sections: e.sections.map((a) => {
+      const c = a.nodes.filter((u) => !r.has(u));
+      return a.id === t ? { ...a, nodes: [.../* @__PURE__ */ new Set([...c, ...s])] } : { ...a, nodes: c };
+    })
+  };
+}
+function Hs(e, t) {
+  return (e.sections ?? []).filter((s) => s.nodes.includes(t)).map((s) => s.id);
+}
+function js(e, t) {
+  const s = new TextEncoder();
+  if (s.encode(e).length <= t) return e;
+  let r = "", a = 0;
+  for (const c of e) {
+    const u = s.encode(c).length;
+    if (a + u > t) break;
+    r += c, a += u;
+  }
+  return r;
+}
+function Yt(e) {
+  const t = { ...e };
+  return e.notes && (t.notes = e.notes.slice(0, Vs).map((s) => ({ ...s, content: js(s.content, _s) }))), e.sections && (t.sections = e.sections.slice(0, $s)), t;
+}
+function Os(e, t, s) {
+  const r = {};
+  for (const u of [...e.notes ?? [], ...e.sections ?? []])
+    r[u.id] = { position: u.position, size: u.size };
+  const a = (u, b) => u == null ? void 0 : u.map((N) => {
+    const C = b == null ? void 0 : b.find((h) => h.id === N.id);
+    return C ? { ...N, position: C.position, size: C.size } : N;
+  }), c = s ? e : {
+    ...e,
+    ...e.notes ? { notes: a(e.notes, t == null ? void 0 : t.notes) } : {},
+    ...e.sections ? { sections: a(e.sections, t == null ? void 0 : t.sections) } : {}
+  };
+  return Js(c, s, r);
+}
+const Qt = 220;
+function Us(e) {
+  return e.length <= Qt ? { text: e, clipped: !1, length: e.length } : {
+    text: e.slice(0, Qt).trimEnd(),
     clipped: !0,
     length: e.length
   };
 }
-function ns({
+function qs({
   params: e,
-  values: n,
-  testStartState: o,
+  values: t,
+  testStartState: s,
   view: r = "props"
 }) {
-  const { sampleValues: c } = Vt(), l = M(
-    () => bn(c, o),
-    [c, o]
-  ), u = vn(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" && Nn(f, y));
+  const { sampleValues: a } = an(), c = O(
+    () => Zn(a, s),
+    [a, s]
+  ), u = es(e), b = (h) => {
+    var k;
+    return t[h] !== void 0 ? t[h] : (k = u.find((l) => l.key === h)) == null ? void 0 : k.default;
+  }, N = u.filter((h) => h.type !== "section" && ts(h, b));
   if (r === "code") {
-    const f = ss(C, n, l);
-    return /* @__PURE__ */ t("div", { className: "w6w-resolved-params", children: /* @__PURE__ */ t(
-      qe,
+    const h = Ks(N, t, c);
+    return /* @__PURE__ */ o("div", { className: "w6w-resolved-params", children: /* @__PURE__ */ o(
+      it,
       {
-        value: JSON.stringify(f, null, 2),
+        value: JSON.stringify(h, null, 2),
         onChange: () => {
         },
         readOnly: !0,
@@ -42,116 +121,116 @@ function ns({
       }
     ) });
   }
-  const N = C.filter((f) => !yn(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." }) }) : (
+  const C = N.filter((h) => !ns(b(h.key), h.default));
+  return N.length === 0 ? /* @__PURE__ */ o("div", { className: "w6w-resolved-params", children: /* @__PURE__ */ o("p", { className: "w6w-muted w6w-small", children: "This action takes no parameters." }) }) : C.length === 0 ? /* @__PURE__ */ o("div", { className: "w6w-resolved-params", children: /* @__PURE__ */ o("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,
+    /* @__PURE__ */ o("div", { className: "w6w-resolved-params w6w-resolved-table", children: C.map(
+      (h) => h.type === "vars" ? /* @__PURE__ */ o(Gs, { param: h, value: t[h.key], scope: c }, h.key) : /* @__PURE__ */ o(
+        Xs,
         {
-          label: f.label ?? f.key,
-          segments: Ft(
-            n[f.key] !== void 0 ? n[f.key] : f.default,
-            l
+          label: h.label ?? h.key,
+          segments: cn(
+            t[h.key] !== void 0 ? t[h.key] : h.default,
+            c
           )
         },
-        f.key
+        h.key
       )
     ) })
   );
 }
-function ss(e, n, o) {
+function Ks(e, t, s) {
   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] = Cn(l, o);
+  for (const a of e)
+    if (a.type === "vars") {
+      const c = Array.isArray(t[a.key]) ? t[a.key] : Array.isArray(a.default) ? a.default : [];
+      r[a.key] = ss(c, s);
     } else
-      r[c.key] = Sn(
-        n[c.key] !== void 0 ? n[c.key] : c.default,
-        o
+      r[a.key] = os(
+        t[a.key] !== void 0 ? t[a.key] : a.default,
+        s
       );
   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 Xs({ label: e, segments: t }) {
+  return /* @__PURE__ */ m("div", { className: "w6w-resolved-row", children: [
+    /* @__PURE__ */ o("span", { className: "w6w-resolved-label", children: e }),
+    /* @__PURE__ */ o("div", { className: "w6w-resolved-value", children: /* @__PURE__ */ o(yn, { segments: t }) })
   ] });
 }
-function rs({
+function Gs({
   param: e,
-  value: n,
-  scope: o
+  value: t,
+  scope: s
 }) {
-  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) => (
+  const r = Array.isArray(t) ? t : Array.isArray(e.default) ? e.default : [];
+  return /* @__PURE__ */ m("div", { className: "w6w-resolved-row", children: [
+    /* @__PURE__ */ o("span", { className: "w6w-resolved-label", children: e.label ?? e.key }),
+    r.length === 0 ? /* @__PURE__ */ o("p", { className: "w6w-muted w6w-small", children: "None configured." }) : /* @__PURE__ */ o("div", { className: "w6w-stack", children: r.map((a, c) => (
       // 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__ */ m("div", { className: "w6w-resolved-value", children: [
+        /* @__PURE__ */ o("code", { children: a.key || "(no key)" }),
         " → ",
-        /* @__PURE__ */ t(zt, { segments: Ft(c.value, o) })
-      ] }, l)
+        /* @__PURE__ */ o(yn, { segments: cn(a.value, s) })
+      ] }, c)
     )) })
   ] });
 }
-function zt({ segments: e }) {
-  return /* @__PURE__ */ t(B, { children: e.map((n, o) => (
+function yn({ segments: e }) {
+  return /* @__PURE__ */ o(U, { children: e.map((t, s) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: segments are a positional, immutable render of one value's parts
-    /* @__PURE__ */ t(as, { segment: n }, o)
+    /* @__PURE__ */ o(Ys, { segment: t }, s)
   )) });
 }
-function as({ segment: e }) {
+function Ys({ 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 });
+      return e.ref ? /* @__PURE__ */ m(U, { children: [
+        /* @__PURE__ */ o(Xe, { kind: "var", refName: e.ref }),
+        /* @__PURE__ */ o(Zt, { value: e.value })
+      ] }) : /* @__PURE__ */ o(Zt, { 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" })
+      return /* @__PURE__ */ m(U, { children: [
+        /* @__PURE__ */ o(Xe, { kind: "var", refName: e.ref }),
+        /* @__PURE__ */ o("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" })
+      return /* @__PURE__ */ m(U, { children: [
+        /* @__PURE__ */ o(Xe, { kind: "expr" }),
+        /* @__PURE__ */ o("span", { className: "w6w-param-unevaluated", children: "not evaluated" })
       ] });
     case "masked":
-      return /* @__PURE__ */ t($e, { kind: "secret", refName: e.ref });
+      return /* @__PURE__ */ o(Xe, { 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(
+function Zt({ value: e }) {
+  const [t, s] = S(!1), r = Zs(e), a = Us(r);
+  return a.clipped ? /* @__PURE__ */ m(U, { children: [
+    /* @__PURE__ */ o("span", { className: t ? "w6w-resolved-text-full" : void 0, children: t ? r : `${a.text}…` }),
+    /* @__PURE__ */ o(
       "button",
       {
         type: "button",
         className: "w6w-resolved-more",
-        "aria-expanded": n,
-        onClick: () => o((l) => !l),
-        children: n ? "Show less" : `Show all (${c.length.toLocaleString()} characters)`
+        "aria-expanded": t,
+        onClick: () => s((c) => !c),
+        children: t ? "Show less" : `Show all (${a.length.toLocaleString()} characters)`
       }
     )
-  ] }) : /* @__PURE__ */ t("span", { children: r });
-}
-const is = { var: "◆", secret: "🔒", expr: "ƒ" };
-function $e({ kind: e, refName: n }) {
-  const o = e === "expr" ? "expr" : kn(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 })
+  ] }) : /* @__PURE__ */ o("span", { children: r });
+}
+const Qs = { var: "◆", secret: "🔒", expr: "ƒ" };
+function Xe({ kind: e, refName: t }) {
+  const s = e === "expr" ? "expr" : is(t ?? "");
+  return /* @__PURE__ */ m("span", { className: `w6w-expr-chip w6w-expr-chip-${e}`, children: [
+    /* @__PURE__ */ o("span", { className: "w6w-expr-chip-sigil", children: Qs[e] }),
+    /* @__PURE__ */ o("span", { className: "w6w-expr-chip-label", children: s })
   ] });
 }
-function ls(e) {
+function Zs(e) {
   if (e === null) return "null";
   if (e === void 0) return "(not set)";
   if (e === "") return '""';
@@ -163,141 +242,145 @@ function ls(e) {
     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));
+function oe(e) {
+  var t;
+  return ((t = e.data) == null ? void 0 : t.when) === "error" ? "error" : "success";
+}
+function vn(e, t) {
+  var s;
+  return ((s = e.find((r) => r.id === t)) == null ? void 0 : s.id) ?? null;
+}
+function Nn(e, t, s, r, a) {
+  var C, h;
+  if (!e || !t || e === t || r.some((k) => k.source === e && k.target === t)) return !1;
+  const c = (C = s.find((k) => k.id === e)) == null ? void 0 : C.data.step, u = (h = s.find((k) => k.id === t)) == null ? void 0 : h.data.step;
+  if (!c || !u) return !1;
+  const b = we(c, a), N = we(u, a);
+  return b.out >= 1 && N.in >= 1;
+}
+function dt(e, t, s, r, a, c) {
+  var D, T;
+  if (!Nn(e, t, s, r, c) || !e || !t) return null;
+  const u = (D = s.find((_) => _.id === e)) == null ? void 0 : D.data.step, b = (T = s.find((_) => _.id === t)) == null ? void 0 : T.data.step;
+  if (!u || !b) return null;
+  const N = we(u, c), C = we(b, c);
+  let h = r;
+  if (h.filter((_) => _.source === e && oe(_) === a).length >= N.out)
+    return { next: r, conflict: null, refusal: { refused: "out_cap", cap: N.out } };
+  const l = h.filter((_) => _.target === t);
+  if (l.length >= C.in) {
+    const _ = new Set(l.slice(0, l.length - C.in + 1).map((A) => A.id));
+    h = h.filter((A) => !_.has(A.id));
   }
-  const E = Ge(e, n, c);
+  const x = at(e, t, a);
   return {
-    next: sn(
+    next: _n(
       {
         source: e,
-        target: n,
-        id: E,
-        sourceHandle: Wt(c),
-        data: { when: c },
+        target: t,
+        id: x,
+        sourceHandle: ln(a),
+        data: { when: a },
         // 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)
+        ...ct(a, void 0)
       },
-      f
+      h
     ),
-    conflict: qt(f, E),
+    conflict: vn(h, x),
     refusal: null
   };
 }
-function Oe(e, n, o, r, c = "success", l) {
-  const u = Qe(e, n, o, r, c, l);
+function Ge(e, t, s, r, a = "success", c) {
+  const u = dt(e, t, s, r, a, c);
   return !u || u.conflict || u.refusal ? null : u.next;
 }
-function cs(e, n, o, r, c = "success", l) {
+function eo(e, t, s, r, a = "success", c) {
   var u;
-  return ((u = Qe(e, n, o, r, c, l)) == null ? void 0 : u.conflict) ?? null;
+  return ((u = dt(e, t, s, r, a, c)) == null ? void 0 : u.conflict) ?? null;
 }
-function ds(e, n, o, r, c = "success", l) {
+function to(e, t, s, r, a = "success", c) {
   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 = {
+  return ((u = dt(e, t, s, r, a, c)) == null ? void 0 : u.refusal) ?? null;
+}
+function ut(e, t, s, r, a) {
+  var D;
+  const c = e.filter((T) => T.id === t);
+  if (c.length !== 1) return null;
+  const u = c[0], b = (D = r.find((T) => T.id === u.source)) == null ? void 0 : D.data.step;
+  if (!b) return null;
+  const N = we(b, a).out, C = e.filter((T) => T.id !== t);
+  if ((oe(u) === s ? [] : C.filter((T) => T.source === u.source && oe(T) === s)).length >= N)
+    return { next: e, conflict: null, refusal: { refused: "out_cap", cap: N } };
+  const k = ct(s, void 0), l = {
     ...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);
+    id: at(u.source, u.target, s),
+    data: { ...u.data, when: s },
+    className: k.className,
+    label: k.label,
+    sourceHandle: ln(s)
+  }, x = vn(C, l.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,
+    next: e.map((T) => T.id === t ? l : T),
+    conflict: x,
     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 no(e, t, s, r, a) {
+  const c = ut(e, t, s, r, a);
+  return !c || c.conflict || c.refusal ? null : c.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 so(e, t, s, r, a) {
+  var c;
+  return ((c = ut(e, t, s, r, a)) == null ? void 0 : c.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 oo(e, t, s, r, a) {
+  var c;
+  return ((c = ut(e, t, s, r, a)) == null ? void 0 : c.refusal) ?? null;
 }
-function hs(e, n, o) {
+function io(e, t, s) {
   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)) };
+    const a = r.source === t ? s : r.source, c = r.target === t ? s : r.target;
+    return { ...r, source: a, target: c, id: at(a, c, oe(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);
+function ro(e, t) {
+  const s = { success: 0, error: 0 };
+  for (const a of t) a.source === e && s[oe(a)]++;
+  const r = Math.max(s.success, s.error);
   return { enabled: r >= 2, count: r };
 }
-function ms(e, n) {
-  const { fanOut: o, ...r } = e;
-  return n === "parallel" ? { ...r, fanOut: "parallel" } : r;
+function ao(e, t) {
+  const { fanOut: s, ...r } = e;
+  return t === "parallel" ? { ...r, fanOut: "parallel" } : r;
 }
-function gs(e, n) {
-  return `Runs these ${e} steps in ${n === "parallel" ? "parallel" : "sequence"}`;
+function co(e, t) {
+  return `Runs these ${e} nodes in ${t === "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";
+function Cn(e, t) {
+  var s;
+  return (s = e.nodes ?? e.steps) == null ? void 0 : s[t];
 }
-const Pt = {
+const lo = /* @__PURE__ */ new Set(["succeeded", "failed", "canceled"]);
+function uo(e, t) {
+  var s;
+  return e ? ((s = Cn(e, t)) == null ? void 0 : s.status) ?? "pending" : "no-run";
+}
+const en = {
   borderColor: "var(--w6w-border)",
   borderStyle: "solid",
   borderWidth: 1,
   opacity: 1
 };
-function Gt(e, n) {
-  const o = n !== void 0 && bs.has(n);
+function Sn(e, t) {
+  const s = t !== void 0 && lo.has(t);
   switch (e) {
     case "no-run":
-      return Pt;
+      return en;
     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 };
+      return s ? { 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":
@@ -317,622 +400,854 @@ function Gt(e, n) {
         opacity: 0.7
       };
     default:
-      return Pt;
+      return en;
   }
 }
-function Ns(e, n, o) {
+function po(e, t, s) {
   if (!e) return;
-  const r = e.steps[n];
+  const r = Cn(e, t);
   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";
+  const a = s ?? "success";
+  if (r.status === "succeeded") return a === "success" ? "taken" : "skipped";
+  if (r.status === "failed") return a === "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()
+function fo(e, t) {
+  return e.map((s) => {
+    const r = t == null ? void 0 : t[s.id], a = s.data.stepProblem;
+    if (r === void 0) {
+      if (a === void 0 && !("stepProblem" in s.data)) return s;
+      const { stepProblem: c, ...u } = s.data;
+      return { ...s, data: u };
+    }
+    return a && a.code === r.code && a.connection === r.connection ? s : { ...s, data: { ...s.data, stepProblem: { ...r } } };
+  });
+}
+function st(e) {
+  return `Connection ${e.connection} no longer exists — open the step and choose another on the Setup tab`;
+}
+function tn(e, t) {
+  return (t == null ? void 0 : t.code) === "unknown_connection" && e.uses.connection === t.connection;
+}
+function ho(e, t, s) {
+  if (!e) return "No connection";
+  if (s) return "Couldn't load connections";
+  if (t === null) return e;
+  const r = t.find((a) => a.id === e);
+  return r ? r.displayName ?? e : "Missing connection — choose another";
+}
+function wo(e, t) {
+  const [s, r] = S({}), a = Ce(/* @__PURE__ */ new Set()), c = JSON.stringify(
+    [...new Set(t.map((u) => u.data.step.uses.app))].filter((u) => u && !Je(u)).sort()
   );
-  return _(() => {
-    const u = JSON.parse(l).filter(
-      (y) => !c.current.has(y)
+  return z(() => {
+    const u = JSON.parse(c).filter(
+      (b) => !a.current.has(b)
     );
     if (u.length !== 0) {
-      for (const y of u) c.current.add(y);
+      for (const b of u) a.current.add(b);
       Promise.all(
-        u.map(async (y) => {
+        u.map(async (b) => {
           try {
-            return [y, await e.getAppActions(y)];
+            return [b, await e.getAppActions(b)];
           } catch {
-            return c.current.delete(y), null;
+            return a.current.delete(b), null;
           }
         })
-      ).then((y) => {
-        const C = y.filter((N) => N !== null);
-        C.length !== 0 && r((N) => ({ ...N, ...Object.fromEntries(C) }));
+      ).then((b) => {
+        const N = b.filter((C) => C !== null);
+        N.length !== 0 && r((C) => ({ ...C, ...Object.fromEntries(N) }));
       });
     }
-  }, [e, l]), o;
+  }, [e, c]), s;
 }
-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;
+function mo(e) {
+  return (t, s) => {
+    var r, a;
+    return (a = (r = e[t]) == null ? void 0 : r.find((c) => c.key === s)) == null ? void 0 : a.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 go = "Which outcome of the source node this edge carries. An error edge is drawn by dragging from the node's error exit port; use this control to re-lane an edge already drawn. An error edge overrides the node’s “On error” policy.";
+function nn(e, t, s, r) {
+  const a = e.find((c) => c.id === t);
+  return [s, r, a == null ? void 0 : a.source, a == null ? void 0 : a.target];
 }
-const et = Je(void 0), tt = Je(/* @__PURE__ */ new Map());
-function Dt(e) {
+const pt = Ye(void 0), ft = Ye(/* @__PURE__ */ new Map());
+function sn(e) {
   return `Can’t draw that edge: this node allows at most ${e} outgoing edge${e === 1 ? "" : "s"} per lane.`;
 }
-const nt = Je(/* @__PURE__ */ new Map()), Xt = Je(null);
-function Js(e) {
-  return /* @__PURE__ */ t(on, { children: /* @__PURE__ */ t(ks, { ...e }) });
+const ht = Ye(/* @__PURE__ */ new Map()), wt = Ye(null);
+function Lo(e) {
+  return /* @__PURE__ */ o(Wn, { children: /* @__PURE__ */ o(bo, { ...e }) });
+}
+function on(e, t) {
+  let s = t.length + 1;
+  for (; t.includes(`${e}-${s}`); ) s++;
+  return `${e}-${s}`;
 }
-function ks({
+function ot(e) {
+  var t, s;
+  return {
+    x: e.position.x,
+    y: e.position.y,
+    w: ((t = e.measured) == null ? void 0 : t.width) ?? e.width ?? 200,
+    h: ((s = e.measured) == null ? void 0 : s.height) ?? e.height ?? 64
+  };
+}
+function bo({
   value: e,
-  onChange: n,
-  readOnly: o,
+  onChange: t,
+  readOnly: s,
   height: r = 480,
-  apps: c,
-  exprOptions: l,
+  apps: a,
+  exprOptions: c,
   project: u,
-  runState: y,
+  runState: b,
+  stepProblems: N,
   onTestRun: C,
-  fitViewKey: N
+  fitViewKey: h
 }) {
-  var mt, gt, bt;
-  const f = Me(), a = M(() => new Map((c ?? []).map((s) => [s.id, s])), [c]), [g, E] = S(null), P = M(() => En(e), [e.id]), R = M(() => xn(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 } };
+  var Dt, Lt;
+  const k = Qe(), l = O(() => new Map((a ?? []).map((n) => [n.id, n])), [a]), [x, D] = S(null), T = O(() => rs(e), [e.id]), _ = O(() => as(e), [e.id]), A = ((Dt = e.settings) == null ? void 0 : Dt.savePosition) !== !1, [w, L, Se] = Bn(T.nodes), le = wo(k, w), B = O(() => mo(le), [le]), [y, V, xe] = Jn(T.edges);
+  z(() => {
+    L(
+      (n) => n.map((i) => {
+        const d = uo(b, i.id);
+        return i.data.stepStatus === d && i.data.runStatus === (b == null ? void 0 : b.status) ? i : { ...i, data: { ...i.data, stepStatus: d, runStatus: b == null ? void 0 : b.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 };
+    ), V(
+      (n) => n.map((i) => {
+        const d = oe(i), p = po(b, i.source, d), f = ct(d, p);
+        return i.className === f.className && i.label === f.label ? i : { ...i, className: f.className, label: f.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 = Rn();
-  _(() => {
-    I(P.nodes), A(P.edges), G(null), se(null);
-  }, [P, I, A]);
-  const D = J(
-    (s, i) => {
-      n(Nt(e, s, i));
+  }, [b, L, V]), z(() => {
+    L((n) => fo(n, N));
+  }, [N, L]);
+  const [K, $] = S(null), ee = O(() => e.canvas ?? {}, [e.id]), [P, te] = S(ee), [ie, ke] = S(!1), [q, de] = S(null), [re, ae] = S(null), [W, me] = S(null), [Ee, Pe] = S(!1), [H, ue] = S(null), [Re, X] = S("props"), [Le, G] = S(null), Me = Ce(!1), ge = Ce(null), [j, ne] = S(null), { screenToFlowPosition: pe, fitView: be } = zn(), ze = cs();
+  z(() => {
+    L(T.nodes), V(T.edges), $(null), ue(null), te(ee);
+  }, [T, ee, L, V]);
+  const Fe = F(
+    (n, i) => {
+      var f, v;
+      const { canvas: d, ...p } = n;
+      return !((f = i.notes) != null && f.length) && !((v = i.sections) != null && v.length) ? p : { ...p, canvas: Os(i, e.canvas, A) };
+    },
+    [e.canvas, A]
+  ), M = F(
+    (n, i, d) => {
+      t(Fe($t(e, n, i), d ?? P));
     },
-    [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
+    [e, t, P, Fe]
+  ), He = F(
+    (n) => Nn(n.source, n.target, w, y, B),
+    [w, y, B]
+  ), je = F(
+    (n) => {
+      if (s) return;
+      const i = Ge(
+        n.source,
+        n.target,
+        w,
+        y,
+        We(n.sourceHandle),
+        B
       );
       if (!i) {
-        const p = We(s.sourceHandle), m = ds(
-          s.source,
-          s.target,
+        const d = We(n.sourceHandle), p = to(
+          n.source,
+          n.target,
+          w,
+          y,
           d,
-          b,
-          p,
-          W
+          B
         );
-        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) }));
+        if (p) {
+          const v = y.find((E) => E.source === n.source && oe(E) === d);
+          v && (V(y.map((E) => ({ ...E, selected: E.id === v.id }))), me(v.id), ce({ edgeId: v.id, message: sn(p.cap) }));
           return;
         }
-        const v = cs(
-          s.source,
-          s.target,
-          d,
-          b,
-          We(s.sourceHandle)
+        const f = eo(
+          n.source,
+          n.target,
+          w,
+          y,
+          We(n.sourceHandle)
         );
-        if (!v) return;
-        A(b.map((k) => ({ ...k, selected: k.id === v }))), z(v), F({
-          edgeId: v,
-          message: yt(
+        if (!f) return;
+        V(y.map((v) => ({ ...v, selected: v.id === f }))), me(f), ce({
+          edgeId: f,
+          message: _t(
             "Can’t draw that edge",
-            v,
-            It(b, v, s.source, s.target)
+            f,
+            nn(y, f, n.source, n.target)
           )
         });
         return;
       }
-      F(null), A(i), D(d, i);
+      ce(null), V(i), M(w, 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;
+    [y, w, V, M, s, B]
+  ), J = F(
+    (n, i) => {
+      var R, I, Q;
+      if (s || i.isValid) return;
+      const d = i.fromNode;
+      if (!d) return;
+      const p = ((R = i.fromHandle) == null ? void 0 : R.type) === "target" ? "target" : "source", f = (I = w.find((Z) => Z.id === d.id)) == null ? void 0 : I.data.step;
+      if (f) {
+        const Z = we(f, B);
+        if ((p === "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,
+      const v = "changedTouches" in n ? n.changedTouches[0] : n, E = pe({ x: v.clientX, y: v.clientY });
+      ne({
+        nodeId: d.id,
+        handleType: p,
+        position: E,
         lane: We((Q = i.fromHandle) == null ? void 0 : Q.id)
-      }), te(!0);
+      }), Pe(!0);
     },
-    [o, De, d, W]
-  ), ve = J(
-    (s) => {
-      o || ke(s);
+    [s, pe, w, B]
+  ), Ve = F(
+    (n, i, d) => {
+      if (s) return;
+      const p = w.find((I) => I.id === n);
+      if (!p) return;
+      const f = ot(p), v = We(d), E = 120, R = i === "target" ? { x: f.x - f.w - E, y: f.y } : v === "error" ? { x: f.x, y: f.y + f.h + E } : { x: f.x + f.w + E, y: f.y };
+      ne({ nodeId: n, handleType: i, position: R, lane: v }), Pe(!0);
     },
-    [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);
+    [s, w]
+  ), $e = F(
+    (n) => {
+      s || G(n);
     },
-    [d, b, I, A, D, o, K, O]
-  ), Ee = J(() => {
-    if (o) return;
-    const s = Tn(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) });
+    [s]
+  ), Oe = F(
+    (n) => {
+      if (s) return;
+      const i = w.filter((f) => f.id !== n), d = y.filter((f) => f.source !== n && f.target !== n), p = Xt(P, n);
+      L(i), V(d), te(p), K === n && $(null), H === n && ue(null), M(i, d, p);
+    },
+    [w, y, P, L, V, M, s, K, H]
+  ), g = F(() => {
+    if (s) return;
+    const n = ls(w, y);
+    L(n), Me.current = !0, M(n, y);
+  }, [w, y, L, M, s]), Y = F(() => {
+    s || g();
+  }, [s, g]);
+  z(() => {
+    Me.current && (Me.current = !1, be({ duration: 300 }));
+  }, [w, be]);
+  const se = Ce(h);
+  z(() => {
+    Object.is(se.current, h) || (se.current = h, be({ duration: 300 }));
+  }, [h, be]);
+  const [fe, ce] = S(null), Ue = O(
+    () => y.find((n) => n.id === W) ?? null,
+    [y, W]
+  ), Pn = F(
+    (n) => {
+      if (s || !W) return;
+      const i = y.find((E) => E.id === W);
+      if (!i || oe(i) === n) return;
+      const d = so(y, W, n, w), p = oo(y, W, n, w, B), f = d || p ? null : no(y, W, n, w, B);
+      if (!f) {
+        if (p) {
+          ce({ edgeId: W, message: sn(p.cap) });
           return;
         }
-        F({
-          edgeId: x,
-          message: p ? yt(
+        ce({
+          edgeId: W,
+          message: d ? _t(
             "Can’t switch this edge",
-            p,
-            It(b, p, i.source, i.target)
+            d,
+            nn(y, d, 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
+      ce(null), V(f);
+      const v = f.find(
+        (E) => E.source === i.source && E.target === i.target && oe(E) === n
       );
-      z((k == null ? void 0 : k.id) ?? null), D(d, v);
+      me((v == null ? void 0 : v.id) ?? null), M(w, f);
     },
-    [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));
+    [y, w, V, M, s, W, B]
+  ), Rn = F(
+    (n) => {
+      if (s) return;
+      const i = y.filter((d) => d.id !== n);
+      i.length !== y.length && (V(i), W === n && me(null), M(w, i));
     },
-    [d, b, A, D, o, x]
-  ), h = J(
-    (s) => {
-      if (o) return;
-      const i = d.find((T) => T.id === s);
+    [w, y, V, M, s, W]
+  ), gt = F(
+    (n) => {
+      if (s) return;
+      const i = w.find((E) => E.id === n);
       if (!i) return;
-      const p = Ct(
-        d.map((T) => T.id),
+      const d = Wt(
+        w.map((E) => E.id),
         `${i.data.step.id}_copy`
-      ), m = { ...structuredClone(i.data.step), id: p }, v = {
-        id: p,
+      ), p = { ...structuredClone(i.data.step), id: d }, f = {
+        id: d,
         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);
+        data: { step: p, isInternal: i.data.isInternal }
+      }, v = [...w, f];
+      L(v), $(d), M(v, y);
     },
-    [d, b, I, D, o]
-  ), q = J(
-    (s) => {
-      if (o) return;
-      const i = Pe(s.uses.app), p = Ct(
-        d.map((U) => U.id),
-        An($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,
+    [w, y, L, M, s]
+  ), Tn = F(
+    (n) => {
+      if (s) return;
+      const i = Je(n.uses.app), d = Wt(
+        w.map((R) => R.id),
+        ds(dn(n.uses.app, n.uses.action))
+      ), p = {
+        id: d,
+        uses: n.uses,
+        ...n.with && Object.keys(n.with).length > 0 ? { with: n.with } : {}
+      }, f = {
+        id: d,
         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;
+        position: (j == null ? void 0 : j.position) ?? { x: 80, y: 80 + w.length * 24 },
+        data: { step: p, isInternal: i }
+      }, v = [...w, f];
+      let E = y;
+      if (j) {
+        const [R, I] = j.handleType === "target" ? [d, j.nodeId] : [j.nodeId, d];
+        E = Ge(R, I, v, y, j.lane, B) ?? y;
       } else {
-        const U = d.find((L) => Ce(L.data.step.uses.app));
-        if (Ce(s.uses.app)) {
-          if (!U) {
-            const L = Pn(d, b);
-            L && (T = Oe(p, L.id, k, b, "success", W) ?? b);
+        const R = w.find((I) => Ie(I.data.step.uses.app));
+        if (Ie(n.uses.app)) {
+          if (!R) {
+            const I = us(w, y);
+            I && (E = Ge(d, I.id, v, y, "success", B) ?? y);
           }
         } else {
-          const Q = (U && !b.some((Z) => Z.source === U.id) ? U : void 0) ?? In(d, b);
-          Q && (T = Oe(Q.id, p, k, b, "success", W) ?? b);
+          const Q = (R && !y.some((Z) => Z.source === R.id) ? R : void 0) ?? ps(w, y);
+          Q && (E = Ge(Q.id, d, v, y, "success", B) ?? y);
         }
       }
-      return I(k), T !== b && A(T), G(p), D(k, T), p;
+      return L(v), E !== y && V(E), $(d), M(v, E), d;
     },
-    [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,
+    [w, y, L, V, M, s, j, B]
+  ), bt = F(
+    (n, i) => {
+      const d = i.id !== n;
+      if (d && w.some((f) => f.id === i.id)) return;
+      const p = w.map(
+        (f) => f.id === n ? {
+          ...f,
           id: i.id,
-          data: { step: i, isInternal: Pe(i.uses.app) }
-        } : v
+          data: { step: i, isInternal: Je(i.uses.app) }
+        } : f
       );
-      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);
+      if (d) {
+        const f = io(y, n, i.id), v = zs(P, n, i.id);
+        L(p), V(f), te(v), K === n && $(i.id), H === n && ue(i.id), M(p, f, v);
         return;
       }
-      I(m), D(m, b);
+      L(p), M(p, y);
+    },
+    [w, y, P, L, V, K, H, M]
+  ), ye = F(
+    (n) => {
+      s || (te(n), M(w, y, n));
+    },
+    [s, w, y, M]
+  ), An = F(() => {
+    var f;
+    if (s) return;
+    const n = (f = ge.current) == null ? void 0 : f.getBoundingClientRect(), i = n ? pe({ x: n.left + n.width / 2, y: n.top + n.height / 2 }) : { x: 0, y: 0 }, d = P.notes ?? [], p = {
+      id: on(
+        "note",
+        d.map((v) => v.id)
+      ),
+      color: "#facc15",
+      position: { x: Math.round(i.x - 100), y: Math.round(i.y - 60) },
+      size: { width: 200, height: 120 },
+      content: ""
+    };
+    ye(Yt({ ...P, notes: [...d, p] }));
+  }, [s, P, pe, ye]), In = F(
+    (n, i) => {
+      if (s) return;
+      const d = i ? Math.min(n.x, i.x) : n.x, p = i ? Math.min(n.y, i.y) : n.y, f = i ? Math.abs(i.x - n.x) : 360, v = i ? Math.abs(i.y - n.y) : 240, E = w.filter((_e) => {
+        const Ke = ot(_e), Mt = Ke.x + Ke.w / 2, Ft = Ke.y + Ke.h / 2;
+        return Mt >= d && Mt <= d + f && Ft >= p && Ft <= p + v;
+      }).map((_e) => _e.id), R = P.sections ?? [], I = on(
+        "section",
+        R.map((_e) => _e.id)
+      ), Q = {
+        id: I,
+        title: "Section",
+        color: "#6366f1",
+        position: { x: Math.round(d), y: Math.round(p) },
+        size: { width: Math.round(f), height: Math.round(v) },
+        nodes: []
+      }, Z = { ...P, sections: [...R, Q] };
+      ye(Yt(Gt(Z, I, E)));
+    },
+    [s, w, P, ye]
+  );
+  z(() => {
+    if (!ie) return;
+    const n = (i) => {
+      i.key === "Escape" && (ke(!1), de(null));
+    };
+    return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
+  }, [ie]);
+  const Dn = F(
+    (n, i) => {
+      var E;
+      if (s) return;
+      const d = (E = P.sections) == null ? void 0 : E.find((R) => R.id === n);
+      if (!d) return;
+      const p = new Set(d.nodes), f = w.map(
+        (R) => p.has(R.id) ? { ...R, position: { x: R.position.x + i.dx, y: R.position.y + i.dy } } : R
+      ), v = {
+        ...P,
+        sections: (P.sections ?? []).map(
+          (R) => R.id === n ? { ...R, position: { x: R.position.x + i.dx, y: R.position.y + i.dy } } : R
+        )
+      };
+      L(f), te(v), M(f, y, v);
     },
-    [d, b, I, A, K, O, D]
-  ), he = J(
-    (s, i, p) => {
+    [s, P, w, y, L, M]
+  ), Ln = F(
+    (n, i) => {
+      if (s) return;
+      const d = n === "note" ? { ...P, notes: (P.notes ?? []).filter((p) => p.id !== i) } : { ...P, sections: (P.sections ?? []).filter((p) => p.id !== i) };
+      ye(d);
+    },
+    [s, P, ye]
+  ), Mn = (n) => {
+    let i = P;
+    for (const d of n) {
+      const p = ot(d), f = p.x + p.w / 2, v = p.y + p.h / 2, E = (i.sections ?? []).find(
+        (I) => f >= I.position.x && f <= I.position.x + I.size.width && v >= I.position.y && v <= I.position.y + I.size.height
+      ), R = Hs(i, d.id);
+      E ? (R.length !== 1 || R[0] !== E.id) && (i = Gt(i, E.id, [d.id])) : R.length > 0 && (i = Xt(i, d.id));
+    }
+    return i;
+  }, Ze = F(
+    (n, i, d) => {
       (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,
+        const p = await k.saveStepTest(e.id, n, i).catch((f) => (console.error("step run fixture save failed", f), null));
+        await k.recordStepTestRun(e.id, n, {
+          stepTestId: (p == null ? void 0 : p.id) ?? null,
+          status: d.status,
           input: i.input,
-          output: p.output,
-          error: p.error,
-          ...p.meta ? { meta: p.meta } : {}
+          output: d.output,
+          error: d.error,
+          ...d.meta ? { meta: d.meta } : {}
         });
-      })().catch((m) => {
-        console.error("step run persist failed", m);
+      })().catch((p) => {
+        console.error("step run persist failed", p);
       });
     },
-    [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" });
+    [k, e.id]
+  ), yt = F(
+    (n) => {
+      const i = w.find((d) => d.id === n);
+      !i || Be(i.data.step.uses.app) || D({ stepId: n, status: "collect" });
     },
-    [d]
-  ), en = J(
-    async (s, i, p) => {
+    [w]
+  ), Fn = F(
+    async (n, i, d) => {
       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" });
+      const p = w.find((I) => I.id === n);
+      if (!p) return;
+      const f = p.data.step, v = Ie(f.uses.app), E = v ? { input: i } : { ...f.with ?? {}, ...i }, R = v ? { input: i, with: i } : { input: i, with: E };
+      D({ stepId: n, status: "running" });
       try {
-        const L = await f.invokeAction(v.uses.app, v.uses.action, T, {
-          ...v.uses.connection ? { connectionId: v.uses.connection } : {},
+        const I = await k.invokeAction(f.uses.app, f.uses.action, E, {
+          ...f.uses.connection ? { connectionId: f.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,
+          ...d ? { state: d } : {}
+        }), Q = I.logs, Z = I.meta;
+        D({
+          stepId: n,
           status: "done",
-          value: L.value,
+          value: I.value,
           logs: Q,
           ...Z ? { meta: Z } : {}
-        }), he(s, U, {
+        }), Ze(n, R, {
           status: "succeeded",
-          output: L.value,
+          output: I.value,
           ...Z ? { meta: Z } : {}
         });
-      } catch (L) {
-        const Q = L;
-        E({
-          stepId: s,
+      } catch (I) {
+        const Q = I;
+        D({
+          stepId: n,
           status: "error",
-          error: Q.message ?? String(L),
+          error: Q.message ?? String(I),
           errorCode: Q.code
-        }), he(s, U, { status: "failed", error: Q.message ?? String(L) });
+        }), Ze(n, R, { status: "failed", error: Q.message ?? String(I) });
       }
     },
-    [d, f, he, u, C]
-  ), je = M(
+    [w, k, Ze, u, C]
+  ), et = O(
     () => ({
-      onEdit: (s) => {
-        oe("props"), se(s);
+      onEdit: (n) => {
+        X("props"), ue(n);
       },
-      onEditJson: (s) => {
-        oe("json"), se(s);
+      onEditJson: (n) => {
+        X("json"), ue(n);
       },
-      onRun: Te,
-      onDuplicate: h,
-      onDelete: ve,
-      readOnly: o
+      onRun: yt,
+      onDuplicate: gt,
+      onDelete: $e,
+      onAddFromPort: Ve,
+      readOnly: s
     }),
-    [Te, h, ve, o]
+    [yt, gt, $e, Ve, s]
   );
-  _(() => {
-    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));
+  z(() => {
+    const n = ge.current;
+    if (!n) return;
+    const i = (d) => {
+      const p = d.target.closest(".react-flow__node");
+      if (!p) return;
+      const f = p.getAttribute("data-id");
+      f && (d.stopPropagation(), et.onEdit(f));
     };
-    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(
+    return n.addEventListener("dblclick", i, !0), () => n.removeEventListener("dblclick", i, !0);
+  }, [et]);
+  const Te = w.find((n) => n.id === H), vt = (Te == null ? void 0 : Te.data.step) ?? null, tt = x ? ((Lt = w.find((n) => n.id === x.stepId)) == null ? void 0 : Lt.data.step) ?? null : null, nt = (x == null ? void 0 : x.status) === "collect" && !!tt, Vn = O(
+    () => x ? Bt(x.stepId, w, y).steps : [],
+    [x, w, y]
+  ), Nt = O(() => {
+    const n = /* @__PURE__ */ new Map();
+    for (const i of w) n.set(i.id, ro(i.id, y).count);
+    return n;
+  }, [w, y]), $n = O(
     () => ({
-      step: xs,
-      control: Rs
+      step: vo,
+      control: No
     }),
     []
-  ), [Fe, at] = S({}), [it, lt] = S({}), ct = M(
+  ), [qe, Ct] = S({}), [St, xt] = S({}), kt = O(
     () => ({
-      actionDef: (s, i) => {
-        var p;
-        return (p = ne[s]) == null ? void 0 : p.find((m) => m.key === i);
+      actionDef: (n, i) => {
+        var d;
+        return (d = le[n]) == null ? void 0 : d.find((p) => p.key === i);
       },
-      testOutputs: Fe
+      testOutputs: qe
     }),
-    [ne, Fe]
-  ), [dt, ut] = S(null), Ne = M(() => {
-    const s = St(O, d, b, ct);
-    return { ...s, steps: Dn(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({});
+    [le, qe]
+  ), [Et, Pt] = S(null), Ae = O(() => {
+    const n = Bt(H, w, y, kt);
+    return { ...n, steps: fs(n.steps, H ?? Et) };
+  }, [H, Et, w, y, kt]), Rt = JSON.stringify(Ae.steps.map((n) => n.id));
+  z(() => {
+    const n = JSON.parse(Rt);
+    if (!H || n.length === 0) {
+      Ct({}), xt({});
       return;
     }
     let i = !1;
     return Promise.all(
-      s.map(async (p) => {
+      n.map(async (d) => {
         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;
+          const p = await k.listStepTests(e.id, d), f = p.length ? p[p.length - 1] : null;
+          return f ? { id: d, output: f.lastRunOutput, meta: f.lastRunMeta } : null;
         } catch {
           return null;
         }
       })
-    ).then((p) => {
+    ).then((d) => {
       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);
+      const p = {}, f = {};
+      for (const v of d)
+        v != null && v.meta && (f[v.id] = v.meta), !(!v || v.output === void 0 || v.output === null) && (p[v.id] = v.output);
+      Ct(p), xt(f);
     }), () => {
       i = !0;
     };
-  }, [f, e.id, O, pt]);
-  const ft = M(() => {
-    const s = {};
-    for (const i of Ne.steps) {
-      Object.assign(s, Ln(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 = Vn(p, m.key);
-          v !== void 0 && (s[`steps.${i.id}.output.${m.key}`] = v);
+  }, [k, e.id, H, Rt]);
+  const Tt = O(() => {
+    const n = {};
+    for (const i of Ae.steps) {
+      Object.assign(n, hs(i.id, St[i.id]));
+      const d = qe[i.id];
+      if (d !== void 0) {
+        if (n[`steps.${i.id}.output`] = d, typeof d == "object" && d !== null && !Array.isArray(d))
+          for (const [p, f] of Object.entries(d))
+            n[`steps.${i.id}.output.${p}`] = f;
+        for (const p of i.outputs ?? []) {
+          if (!p.path || !p.key.includes(".")) continue;
+          const f = ws(d, p.key);
+          f !== void 0 && (n[`steps.${i.id}.output.${p.key}`] = f);
         }
       }
     }
-    return s;
-  }, [Ne.steps, Fe, it]), ht = Vt(), wt = M(
+    return n;
+  }, [Ae.steps, qe, St]), At = an(), It = O(
     () => ({
-      ...l ?? {},
-      steps: Ne.steps,
-      hasTrigger: Ne.hasTrigger,
+      ...c ?? {},
+      steps: Ae.steps,
+      hasTrigger: Ae.hasTrigger,
       sampleValues: {
-        ...ht.sampleValues ?? {},
-        ...(l == null ? void 0 : l.sampleValues) ?? {},
-        ...ft
+        ...At.sampleValues ?? {},
+        ...(c == null ? void 0 : c.sampleValues) ?? {},
+        ...Tt
       }
     }),
-    [l, ht.sampleValues, Ne, ft]
+    [c, At.sampleValues, Ae, Tt]
   );
-  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(Fn, { project: u, children: /* @__PURE__ */ t(Wn, { value: wt, children: /* @__PURE__ */ w(
+  return /* @__PURE__ */ o(wt.Provider, { value: et, children: /* @__PURE__ */ o(pt.Provider, { value: B, children: /* @__PURE__ */ o(ft.Provider, { value: Nt, children: /* @__PURE__ */ o(ht.Provider, { value: l, children: /* @__PURE__ */ o(ms, { project: u, children: /* @__PURE__ */ o(gs, { value: It, children: /* @__PURE__ */ m(
     "div",
     {
-      ref: Ie,
+      ref: ge,
       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));
+      onKeyDown: (n) => {
+        if (n.key !== "Backspace" && n.key !== "Delete" || H || Ee || !K && !W) return;
+        const i = n.target;
+        i.isContentEditable || i.tagName === "INPUT" || i.tagName === "TEXTAREA" || i.tagName === "SELECT" || i.closest("dialog, .w6w-modal") !== null || (n.preventDefault(), K ? $e(K) : W && Rn(W));
       },
       children: [
-        /* @__PURE__ */ w(
-          cn,
+        /* @__PURE__ */ m(
+          Hn,
           {
-            nodes: d,
-            edges: b,
+            nodes: w,
+            edges: y,
             defaultEdgeOptions: { type: "smoothstep" },
-            connectionLineType: dn.SmoothStep,
-            onNodesChange: ce,
-            onEdgesChange: de,
-            onConnect: ae,
-            onConnectEnd: He,
-            isValidConnection: ie,
-            onNodeDragStop: () => {
-              V && D(d, b);
+            connectionLineType: jn.SmoothStep,
+            onNodesChange: Se,
+            onEdgesChange: xe,
+            onConnect: je,
+            onConnectEnd: J,
+            isValidConnection: He,
+            onNodeDragStop: (n, i, d) => {
+              const p = Mn(d), f = p !== P;
+              f && te(p), !(!A && !f) && M(w, y, p);
             },
-            onMoveEnd: (s, i) => {
-              if (!s || o) return;
-              const p = Nt(e, d, b), m = $n(p, i);
-              m !== p && n(m);
+            onMoveEnd: (n, i) => {
+              if (!n || s) return;
+              const d = $t(e, w, y), p = ys(d, i);
+              p !== d && t(p);
             },
-            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);
+            onSelectionChange: ({ nodes: n, edges: i }) => {
+              var d, p;
+              $(((d = n[0]) == null ? void 0 : d.id) ?? null), me(((p = i[0]) == null ? void 0 : p.id) ?? null);
             },
-            nodeTypes: nn,
-            nodesDraggable: !o,
-            nodesConnectable: !o,
+            nodeTypes: $n,
+            nodesDraggable: !s,
+            nodesConnectable: !s,
+            connectOnClick: !1,
             elementsSelectable: !0,
-            ...R ? { defaultViewport: R } : { fitView: !0 },
+            ..._ ? { defaultViewport: _ } : { fitView: !0 },
             deleteKeyCode: null,
-            colorMode: _e,
+            colorMode: ze,
             proOptions: { hideAttribution: !0 },
             children: [
-              /* @__PURE__ */ t(un, { gap: 16 }),
-              /* @__PURE__ */ t(pn, { showInteractive: !1, children: !o && /* @__PURE__ */ t(
-                fn,
+              /* @__PURE__ */ o(On, { gap: 16 }),
+              /* @__PURE__ */ o(Un, { showInteractive: !1, children: !s && /* @__PURE__ */ o(
+                qn,
                 {
-                  onClick: xe,
+                  onClick: Y,
                   title: "Auto-layout — re-flow the graph into columns",
                   "aria-label": "Auto-layout the graph",
-                  children: /* @__PURE__ */ t(ye, { name: "layout" })
+                  children: /* @__PURE__ */ o(ve, { 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",
+              /* @__PURE__ */ o(Kn, { pannable: !0, zoomable: !0, style: { background: "var(--w6w-panel-2)" } }),
+              !s && /* @__PURE__ */ m(Vt, { position: "top-left", className: "w6w-flow-tools", children: [
+                /* @__PURE__ */ o(
+                  "button",
+                  {
+                    type: "button",
+                    className: "w6w-btn",
+                    onClick: () => Pe(!0),
+                    children: "+ Node"
+                  }
+                ),
+                /* @__PURE__ */ o(
+                  Jt,
+                  {
+                    label: "Add note",
+                    icon: "sticky-note",
+                    className: "w6w-flow-tool",
+                    "data-testid": "add-note",
+                    onClick: An
+                  }
+                ),
+                /* @__PURE__ */ o(
+                  Jt,
+                  {
+                    label: "Draw section",
+                    title: "Draw section — drag a frame on the canvas (Esc cancels)",
+                    icon: "frame",
+                    className: `w6w-flow-tool${ie ? " active" : ""}`,
+                    "aria-pressed": ie,
+                    "data-testid": "draw-section",
+                    onClick: () => {
+                      ke(!ie), de(null);
+                    }
+                  }
+                )
+              ] }),
+              !s && ie && /* @__PURE__ */ o(
+                "div",
                 {
-                  type: "button",
-                  className: "w6w-btn",
-                  onClick: () => te(!0),
-                  children: "+ Step"
+                  className: "w6w-section-draw nopan nodrag nowheel",
+                  "data-testid": "section-draw-surface",
+                  onPointerDown: (n) => {
+                    if (n.button !== 0) return;
+                    n.currentTarget.setPointerCapture(n.pointerId);
+                    const { clientX: i, clientY: d } = n;
+                    de({ sx: i, sy: d, ex: i, ey: d });
+                  },
+                  onPointerMove: (n) => {
+                    const { clientX: i, clientY: d } = n;
+                    de((p) => p && { ...p, ex: i, ey: d });
+                  },
+                  onPointerUp: () => {
+                    const n = q;
+                    if (de(null), ke(!1), !n) return;
+                    const i = pe({ x: n.sx, y: n.sy }), d = Math.abs(n.ex - n.sx) > 6 || Math.abs(n.ey - n.sy) > 6;
+                    In(
+                      i,
+                      d ? pe({ x: n.ex, y: n.ey }) : null
+                    );
+                  },
+                  children: q && (() => {
+                    var p;
+                    const n = (p = ge.current) == null ? void 0 : p.getBoundingClientRect(), i = (n == null ? void 0 : n.left) ?? 0, d = (n == null ? void 0 : n.top) ?? 0;
+                    return /* @__PURE__ */ o(
+                      "div",
+                      {
+                        className: "w6w-section-draw-rect",
+                        style: {
+                          left: Math.min(q.sx, q.ex) - i,
+                          top: Math.min(q.sy, q.ey) - d,
+                          width: Math.abs(q.ex - q.sx),
+                          height: Math.abs(q.ey - q.sy)
+                        }
+                      }
+                    );
+                  })()
                 }
-              ) }),
-              !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(
+              ),
+              !s && Ue && /* @__PURE__ */ o(Vt, { position: "top-right", children: /* @__PURE__ */ m("div", { className: "w6w-edge-lane", children: [
+                /* @__PURE__ */ o("span", { className: "w6w-muted w6w-small", children: "Run on" }),
+                ["success", "error"].map((n) => /* @__PURE__ */ o(
                   "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"
+                    className: `w6w-btn w6w-btn-sm w6w-btn-ghost${oe(Ue) === n ? " active" : ""}`,
+                    "aria-pressed": oe(Ue) === n,
+                    title: go,
+                    onClick: () => Pn(n),
+                    children: n === "success" ? "Success" : "Error"
                   },
-                  s
+                  n
                 )),
-                (pe == null ? void 0 : pe.edgeId) === fe.id && /* @__PURE__ */ t("span", { className: "w6w-edge-lane-err w6w-small", role: "alert", children: pe.message })
-              ] }) })
+                (fe == null ? void 0 : fe.edgeId) === Ue.id && /* @__PURE__ */ o("span", { className: "w6w-edge-lane-err w6w-small", role: "alert", children: fe.message })
+              ] }) }),
+              /* @__PURE__ */ o(
+                bs,
+                {
+                  canvas: P,
+                  readOnly: s,
+                  savePosition: A,
+                  onChange: ye,
+                  onSectionDrop: Dn,
+                  onRequestDelete: (n, i) => !s && ae({ kind: n, id: i })
+                }
+              )
             ]
           }
         ),
-        $ && /* @__PURE__ */ t(
-          On,
+        re && /* @__PURE__ */ o(
+          zt,
+          {
+            title: re.kind === "note" ? "Delete note" : "Delete section",
+            message: re.kind === "note" ? "Delete this note?" : "Delete this section? Its nodes are kept.",
+            confirmLabel: "Delete",
+            onConfirm: () => {
+              Ln(re.kind, re.id), ae(null);
+            },
+            onClose: () => ae(null)
+          }
+        ),
+        Ee && /* @__PURE__ */ o(
+          vs,
           {
             onClose: () => {
-              te(!1), X(null), ut(null);
+              Pe(!1), ne(null), Pt(null);
             },
-            onAdd: (s) => {
-              const i = q(s);
-              return i && ut(i), i;
+            onAdd: (n) => {
+              const i = Tn(n);
+              return i && Pt(i), i;
             },
-            onDraftChange: (s, i) => Y(s, { id: s, ...i }),
+            onDraftChange: (n, i) => bt(n, { id: n, ...i }),
             workflowId: e.id,
-            upstreamSteps: Jn(H, d, b)
+            upstreamSteps: Ns(j, w, y)
           }
         ),
-        ot && O && // No `key` on purpose: renaming a step updates `editingId`, and a keyed
+        vt && H && // 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,
+        /* @__PURE__ */ o(
+          Co,
           {
             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),
+            step: vt,
+            upstreamSteps: It.steps ?? [],
+            readOnly: s,
+            fanOutCount: Nt.get(H) ?? 0,
+            initialView: Re,
+            stepProblem: Te == null ? void 0 : Te.data.stepProblem,
+            onChange: (n) => bt(H, n),
+            onClose: () => ue(null),
             onTestRun: C
           }
         ),
-        g && /* @__PURE__ */ w(
-          Ot,
+        x && /* @__PURE__ */ m(
+          un,
           {
-            title: `${ze ? "Run step" : "Test run"}: ${g.stepId}`,
-            onClose: () => E(null),
+            title: `${nt ? "Run node" : "Test run"}: ${x.stepId}`,
+            onClose: () => D(null),
             children: [
-              ze && Ue && /* @__PURE__ */ t(
-                Es,
+              nt && tt && /* @__PURE__ */ o(
+                yo,
                 {
                   workflowId: e.id,
-                  step: Ue,
-                  upstreamSteps: tn,
-                  onCancel: () => E(null),
-                  onRun: (s, i) => en(g.stepId, s, i)
+                  step: tt,
+                  upstreamSteps: Vn,
+                  onCancel: () => D(null),
+                  onRun: (n, i) => Fn(x.stepId, n, i)
                 },
-                g.stepId
+                x.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(
+              !nt && /* @__PURE__ */ m(U, { children: [
+                /* @__PURE__ */ m("div", { className: "w6w-modal-body", children: [
+                  x.status === "running" && /* @__PURE__ */ o("p", { className: "w6w-muted w6w-small", children: "Running…" }),
+                  x.status === "error" && /* @__PURE__ */ m("div", { className: "w6w-result w6w-error", children: [
+                    x.errorCode && /* @__PURE__ */ o(
                       "div",
                       {
                         className: "w6w-small",
                         style: { opacity: 0.75, marginBottom: 4 },
-                        children: /* @__PURE__ */ t("code", { children: g.errorCode })
+                        children: /* @__PURE__ */ o("code", { children: x.errorCode })
                       }
                     ),
-                    g.error || "The step failed with no error message."
+                    x.error || "The node 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(
+                  x.status === "done" && /* @__PURE__ */ m("div", { children: [
+                    /* @__PURE__ */ o("div", { className: "w6w-muted w6w-small", style: { marginBottom: 6 }, children: "Result" }),
+                    /* @__PURE__ */ o(
                       "pre",
                       {
                         className: "w6w-result",
@@ -942,11 +1257,11 @@ function ks({
                           overflow: "auto",
                           margin: 0
                         },
-                        children: JSON.stringify(g.value, null, 2)
+                        children: JSON.stringify(x.value, null, 2)
                       }
                     ),
-                    g.meta && /* @__PURE__ */ w(B, { children: [
-                      /* @__PURE__ */ t(
+                    x.meta && /* @__PURE__ */ m(U, { children: [
+                      /* @__PURE__ */ o(
                         "div",
                         {
                           className: "w6w-muted w6w-small",
@@ -954,7 +1269,7 @@ function ks({
                           children: "Metadata"
                         }
                       ),
-                      /* @__PURE__ */ t(
+                      /* @__PURE__ */ o(
                         "pre",
                         {
                           className: "w6w-result",
@@ -964,13 +1279,13 @@ function ks({
                             overflow: "auto",
                             margin: 0
                           },
-                          children: JSON.stringify(g.meta, null, 2)
+                          children: JSON.stringify(x.meta, null, 2)
                         }
                       )
                     ] })
                   ] }),
-                  g.logs && g.logs.length > 0 && /* @__PURE__ */ w("div", { children: [
-                    /* @__PURE__ */ t(
+                  x.logs && x.logs.length > 0 && /* @__PURE__ */ m("div", { children: [
+                    /* @__PURE__ */ o(
                       "div",
                       {
                         className: "w6w-muted w6w-small",
@@ -978,7 +1293,7 @@ function ks({
                         children: "Console output"
                       }
                     ),
-                    /* @__PURE__ */ t(
+                    /* @__PURE__ */ o(
                       "pre",
                       {
                         className: "w6w-result",
@@ -988,18 +1303,18 @@ function ks({
                           overflow: "auto",
                           margin: 0
                         },
-                        children: g.logs.join(`
+                        children: x.logs.join(`
 `)
                       }
                     )
                   ] })
                 ] }),
-                /* @__PURE__ */ t("div", { className: "w6w-modal-actions", children: /* @__PURE__ */ t(
+                /* @__PURE__ */ o("div", { className: "w6w-modal-actions", children: /* @__PURE__ */ o(
                   "button",
                   {
                     type: "button",
                     className: "w6w-btn",
-                    onClick: () => E(null),
+                    onClick: () => D(null),
                     children: "Close"
                   }
                 ) })
@@ -1007,75 +1322,75 @@ function ks({
             ]
           }
         ),
-        re !== null && /* @__PURE__ */ t(
-          Mn,
+        Le !== null && /* @__PURE__ */ o(
+          zt,
           {
-            title: "Delete step",
-            message: `Delete step "${re}"? Its connections are removed too.`,
+            title: "Delete node",
+            message: `Delete node "${Le}"? Its connections are removed too.`,
             confirmLabel: "Delete",
             onConfirm: () => {
-              Le(re), ke(null);
+              Oe(Le), G(null);
             },
-            onClose: () => ke(null)
+            onClose: () => G(null)
           }
         )
       ]
     }
   ) }) }) }) }) }) });
 }
-function st(e) {
+function mt(e) {
   try {
-    const n = JSON.parse(e);
-    return n && typeof n == "object" && !Array.isArray(n) ? n : null;
+    const t = JSON.parse(e);
+    return t && typeof t == "object" && !Array.isArray(t) ? t : null;
   } catch {
     return null;
   }
 }
-function Yt({
+function xn({
   text: e,
-  onChange: n,
-  seeds: o,
+  onChange: t,
+  seeds: s,
   readOnly: r
 }) {
-  const c = st(e), l = c ? Object.keys(c).length : 0, u = l > 0, [y, C] = S(u);
-  _(() => {
-    u && C(!0);
+  const a = mt(e), c = a ? Object.keys(a).length : 0, u = c > 0, [b, N] = S(u);
+  z(() => {
+    u && N(!0);
   }, [u]);
-  const N = (f) => {
-    n(JSON.stringify(f.lastRunOutput ?? f.input ?? {}, null, 2)), C(!0);
+  const C = (h) => {
+    t(JSON.stringify(h.lastRunOutput ?? h.input ?? {}, null, 2)), N(!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(
+  return /* @__PURE__ */ m("div", { className: "w6w-field w6w-incoming-state", children: [
+    /* @__PURE__ */ o("span", { children: "Incoming state" }),
+    s.length > 0 && /* @__PURE__ */ o("div", { className: "w6w-seed-picker", children: /* @__PURE__ */ o("div", { className: "w6w-seed-chips", children: s.map((h) => /* @__PURE__ */ m(
       "button",
       {
         type: "button",
         className: "w6w-chip w6w-seed-chip",
-        title: `Use ${f.label}'s saved test as the incoming state`,
+        title: `Use ${h.label}'s saved test as the incoming state`,
         disabled: r,
-        onClick: () => N(f.test),
+        onClick: () => C(h.test),
         children: [
-          /* @__PURE__ */ t("code", { children: f.label }),
-          f.test.lastRunStatus ? /* @__PURE__ */ w("span", { className: "w6w-muted w6w-small", children: [
+          /* @__PURE__ */ o("code", { children: h.label }),
+          h.test.lastRunStatus ? /* @__PURE__ */ m("span", { className: "w6w-muted w6w-small", children: [
             " · ",
-            f.test.lastRunStatus
+            h.test.lastRunStatus
           ] }) : null
         ]
       },
-      f.stepId
+      h.stepId
     )) }) }),
-    /* @__PURE__ */ w(
+    /* @__PURE__ */ m(
       "details",
       {
         className: "w6w-state-override",
-        open: y,
-        onToggle: (f) => C(f.currentTarget.open),
+        open: b,
+        onToggle: (h) => N(h.currentTarget.open),
         children: [
-          /* @__PURE__ */ w("summary", { children: [
+          /* @__PURE__ */ m("summary", { children: [
             "Override the incoming state",
-            l > 0 ? ` · ${l} key${l === 1 ? "" : "s"} set` : ""
+            c > 0 ? ` · ${c} key${c === 1 ? "" : "s"} set` : ""
           ] }),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ o(
             "textarea",
             {
               rows: 3,
@@ -1083,12 +1398,12 @@ function Yt({
               readOnly: r,
               spellCheck: !1,
               "aria-label": "Incoming state override (JSON)",
-              onChange: (f) => n(f.target.value)
+              onChange: (h) => t(h.target.value)
             }
           ),
-          /* @__PURE__ */ w("span", { className: "w6w-hint", children: [
+          /* @__PURE__ */ m("span", { className: "w6w-hint", children: [
             "JSON merged into the call (e.g. a script's ",
-            /* @__PURE__ */ t("code", { children: "input" }),
+            /* @__PURE__ */ o("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."
           ] })
         ]
@@ -1096,91 +1411,91 @@ function Yt({
     )
   ] });
 }
-function Es({
+function yo({
   workflowId: e,
-  step: n,
-  upstreamSteps: o,
+  step: t,
+  upstreamSteps: s,
   onRun: r,
-  onCancel: c
+  onCancel: a
 }) {
-  const l = Me(), u = Ce(n.uses.app), y = Pe(n.uses.app), C = M(
+  const c = Qe(), u = Ie(t.uses.app), b = Je(t.uses.app), N = O(
     () => {
-      var x;
-      return u ? Rt((x = n.with) == null ? void 0 : x.fields) : [];
+      var $;
+      return u ? Ut(($ = t.with) == null ? void 0 : $.fields) : [];
     },
-    [u, n.with]
-  ), N = M(() => u ? qn(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([]);
+    [u, t.with]
+  ), C = O(() => u ? Rs(N) : b ? wn(t.uses.app, t.uses.action) : null, [u, b, N, t.uses.app, t.uses.action]), [h, k] = S(null), l = C ?? h;
+  z(() => {
+    if (C) return;
+    if (!t.uses.app || !t.uses.action) {
+      k([]);
       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;
+    let $ = !1;
+    return k(null), c.getAppActions(t.uses.app).then((ee) => {
+      var P;
+      $ || k(((P = ee.find((te) => te.key === t.uses.action)) == null ? void 0 : P.params) ?? []);
+    }).catch(() => !$ && k([])), () => {
+      $ = !0;
     };
-  }, [l, N, n.uses.app, n.uses.action]);
-  const [E, P] = S(
+  }, [c, C, t.uses.app, t.uses.action]);
+  const [x, D] = S(
     () => {
-      var x;
-      return u ? Kn(Rt((x = n.with) == null ? void 0 : x.fields)) : {};
+      var $;
+      return u ? Ts(Ut(($ = t.with) == null ? void 0 : $.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);
+  ), [T, _] = S("{}"), A = mn(e, s, !u), w = gn(A), [L, Se] = S(!1);
+  z(() => {
+    let $ = !1;
+    return c.listStepTests(e, t.id).then((ee) => {
+      if ($) return;
+      const P = ee.length ? ee[ee.length - 1] : null;
+      u ? P != null && P.with && D((te) => ({ ...te, ...P.with })) : P != null && P.input && Object.keys(P.input).length > 0 && _(JSON.stringify(P.input, null, 2)), Se(!0);
     }).catch(() => {
-      x || ne(!0);
+      $ || Se(!0);
     }), () => {
-      x = !0;
+      $ = !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);
+  }, [c, e, t.id, u]);
+  const [le, B] = S(!0), y = mt(T), V = u ? le : y !== null, xe = u ? x : { ...t.with ?? {}, ...y ?? {} }, K = !!l && L && V && bn(l, xe);
   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(
-          Gn,
+    /* @__PURE__ */ m("div", { className: "w6w-stepconfig", children: [
+      /* @__PURE__ */ o("div", { className: "w6w-modal-body", children: /* @__PURE__ */ o("div", { className: "w6w-stack", children: l === null || !L ? /* @__PURE__ */ o("p", { className: "w6w-muted w6w-small", children: l === null ? "Loading parameters…" : "Loading saved values…" }) : u ? /* @__PURE__ */ m(U, { children: [
+        /* @__PURE__ */ o(
+          As,
           {
-            params: g,
-            values: E,
-            onChange: P,
-            onValidityChange: b
+            params: l,
+            values: x,
+            onChange: D,
+            onValidityChange: B
           }
         ),
-        g.length === 0 && /* @__PURE__ */ w("span", { className: "w6w-hint", children: [
+        l.length === 0 && /* @__PURE__ */ m("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__ */ o("code", { children: "input" }),
           ")."
         ] })
-      ] }) : /* @__PURE__ */ w(B, { children: [
-        /* @__PURE__ */ w("p", { className: "w6w-muted w6w-small", children: [
+      ] }) : /* @__PURE__ */ m(U, { children: [
+        /* @__PURE__ */ m("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__ */ o("code", { children: t.uses.action }),
+          " with the configuration saved on this node — only the incoming state changes per run. Edit the node to change how it is configured."
         ] }),
-        /* @__PURE__ */ t(Yt, { text: R, onChange: V, seeds: d })
+        /* @__PURE__ */ o(xn, { text: T, onChange: _, seeds: A })
       ] }) }) }),
-      /* @__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(
+      /* @__PURE__ */ m("div", { className: "w6w-modal-actions", children: [
+        /* @__PURE__ */ o("button", { type: "button", className: "w6w-btn w6w-btn-ghost", onClick: a, children: "Cancel" }),
+        !K && l !== null && L && /* @__PURE__ */ o("span", { className: "w6w-muted w6w-small", children: V ? 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__ */ o(
           "button",
           {
             type: "button",
             className: "w6w-btn",
-            disabled: !G,
-            onClick: () => r(u ? E : A ?? {}, u ? void 0 : I),
+            disabled: !K,
+            onClick: () => r(u ? x : y ?? {}, u ? void 0 : w),
             children: "▶ Run"
           }
         )
@@ -1188,101 +1503,110 @@ function Es({
     ] })
   );
 }
-function Se({
+function De({
   type: e,
-  position: n,
-  multiple: o,
+  position: t,
+  multiple: s,
   id: r,
-  variant: c
+  variant: a
 }) {
-  return /* @__PURE__ */ t(
-    mn,
+  const c = Gn(), u = he(wt), b = !!c && !!u && !u.readOnly;
+  return /* @__PURE__ */ o(
+    Yn,
     {
       type: e,
-      position: n,
+      position: t,
       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
+      className: a === "error" ? "w6w-handle-error" : s ? "w6w-handle-multi" : void 0,
+      style: s ? { height: 22, borderRadius: 3, width: 8 } : void 0,
+      onClick: b ? () => {
+        b && c && u.onAddFromPort(c, e, r);
+      } : void 0,
+      title: b ? `Drag to empty canvas (or click) to add ${a === "error" ? "a step that handles this step's failure" : e === "target" ? "a step before this one" : "the next step"} · drag to a port to connect` : a === "error" ? "On error — drag to route this step's failure separately" : s ? 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(
+function kn({ id: e, runnable: t }) {
+  const s = he(wt);
+  return !s || s.readOnly ? null : /* @__PURE__ */ m(Xn, { position: Ne.Top, className: "w6w-node-toolbar", children: [
+    t && /* @__PURE__ */ o(
       "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 })
+        title: "Test-run this node",
+        "aria-label": "Test-run this node",
+        onClick: () => s.onRun(e),
+        children: /* @__PURE__ */ o(ve, { name: "run", size: 15 })
       }
     ),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ o(
       "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 })
+        "aria-label": "Edit node",
+        onClick: () => s.onEdit(e),
+        children: /* @__PURE__ */ o(ve, { name: "edit", size: 15 })
       }
     ),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ o(
       "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 })
+        "aria-label": "Duplicate node",
+        onClick: () => s.onDuplicate(e),
+        children: /* @__PURE__ */ o(ve, { name: "copy", size: 15 })
       }
     ),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ o(
       "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 })
+        "aria-label": "Delete node",
+        onClick: () => s.onDelete(e),
+        children: /* @__PURE__ */ o(ve, { 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 ? "⇉" : "→" }),
+function En({ step: e, count: t }) {
+  if (t < 2) return null;
+  const s = e.fanOut === "parallel", r = co(t, s ? "parallel" : "sequential");
+  return /* @__PURE__ */ m("div", { className: "w6w-fanout-badge", role: "img", "aria-label": r, title: r, children: [
+    /* @__PURE__ */ o("span", { "aria-hidden": "true", children: s ? "⇉" : "→" }),
     " ",
-    n
+    t
   ] });
 }
-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(
+function vo({ id: e, data: t, selected: s }) {
+  var h;
+  const r = t.step, c = he(ht).get(r.uses.app), u = (c == null ? void 0 : c.displayName) || r.uses.app || "—", b = we(r, he(pt)), N = Sn(t.stepStatus ?? "no-run", t.runStatus), C = /* @__PURE__ */ o(En, { step: r, count: he(ft).get(e) ?? 0 });
+  return /* @__PURE__ */ m("div", { children: [
+    /* @__PURE__ */ o(kn, { id: e, runnable: !0 }),
+    /* @__PURE__ */ m(
       "div",
       {
-        "data-run-status": n.stepStatus ?? "no-run",
+        "data-run-status": t.stepStatus ?? "no-run",
+        "data-step-problem": (h = t.stepProblem) == null ? void 0 : h.code,
+        title: t.stepProblem ? st(t.stepProblem) : void 0,
         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",
+          // Missing-connection ring; the border stays the run-status visual.
+          ...t.stepProblem ? { boxShadow: "0 0 0 2px var(--w6w-danger)" } : {},
           // 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,
+          border: `${N.borderWidth}px ${N.borderStyle} ${s ? "var(--w6w-accent)" : N.borderColor}`,
+          opacity: s ? 1 : N.opacity,
           background: "var(--w6w-panel)",
           color: "var(--w6w-text)",
           borderRadius: 4,
@@ -1294,30 +1618,53 @@ function xs({ id: e, data: n, selected: o }) {
           gap: 10
         },
         children: [
-          y.in > 0 && /* @__PURE__ */ t(Se, { type: "target", position: we.Left, multiple: y.in > 1 }),
-          /* @__PURE__ */ t(
-            Ye,
+          t.stepProblem && /* @__PURE__ */ o(
+            "span",
+            {
+              "data-step-problem-badge": "",
+              role: "img",
+              "aria-label": st(t.stepProblem),
+              title: st(t.stepProblem),
+              style: {
+                position: "absolute",
+                top: -9,
+                right: -9,
+                width: 18,
+                height: 18,
+                borderRadius: "50%",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                background: "var(--w6w-danger)",
+                color: "#fff"
+              },
+              children: /* @__PURE__ */ o(ve, { name: "warning", size: 12 })
+            }
+          ),
+          b.in > 0 && /* @__PURE__ */ o(De, { type: "target", position: Ne.Left, multiple: b.in > 1 }),
+          /* @__PURE__ */ o(
+            lt,
             {
-              src: l == null ? void 0 : l.iconSvg,
-              srcDark: l == null ? void 0 : l.iconSvgDark,
-              brandColor: l == null ? void 0 : l.brandColor,
+              src: c == null ? void 0 : c.iconSvg,
+              srcDark: c == null ? void 0 : c.iconSvgDark,
+              brandColor: c == null ? void 0 : c.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 || "—" }) })
+          /* @__PURE__ */ m("div", { style: { minWidth: 0 }, children: [
+            /* @__PURE__ */ o("div", { style: { fontWeight: 600 }, children: u }),
+            /* @__PURE__ */ o("div", { className: "w6w-muted w6w-small", style: { marginTop: 2 }, children: /* @__PURE__ */ o("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,
+          b.out > 0 && /* @__PURE__ */ m(U, { children: [
+            /* @__PURE__ */ o(De, { type: "source", position: Ne.Right, multiple: b.out > 1 }),
+            /* @__PURE__ */ o(
+              De,
               {
                 type: "source",
-                position: we.Bottom,
+                position: Ne.Bottom,
                 multiple: !1,
-                id: _t,
+                id: hn,
                 variant: "error"
               }
             )
@@ -1325,39 +1672,42 @@ function xs({ id: e, data: n, selected: o }) {
         ]
       }
     ),
-    N,
-    /* @__PURE__ */ w(
+    C,
+    /* @__PURE__ */ m(
       "div",
       {
         className: "w6w-muted",
         style: { marginTop: 3, fontSize: 10, opacity: 0.75, paddingLeft: 2 },
         children: [
           r.id,
-          l != null && l.version ? ` - v${l.version}` : ""
+          c != null && c.version ? ` - v${c.version}` : ""
         ]
       }
     ),
-    r.notes && /* @__PURE__ */ t("div", { className: "w6w-muted w6w-node-notes", title: r.notes, children: r.notes })
+    r.notes && /* @__PURE__ */ o("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(
+function No({ id: e, data: t, selected: s }) {
+  const r = t.step, a = dn(r.uses.app, r.uses.action), c = pn(r.uses.app, r.uses.action), u = we(r, he(pt)), b = Ie(r.uses.app), N = Sn(t.stepStatus ?? "no-run", t.runStatus), C = /* @__PURE__ */ o(En, { step: r, count: he(ft).get(e) ?? 0 });
+  return /* @__PURE__ */ m("div", { children: [
+    /* @__PURE__ */ o(kn, { id: e, runnable: !Be(r.uses.app) }),
+    /* @__PURE__ */ m(
       "div",
       {
-        "data-run-status": n.stepStatus ?? "no-run",
+        className: b ? "w6w-node-trigger" : void 0,
+        "data-node-kind": b ? "trigger" : void 0,
+        "data-run-status": t.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,
+          border: `${N.borderWidth}px ${N.borderStyle} ${s ? "var(--w6w-accent)" : N.borderColor}`,
+          opacity: s ? 1 : N.opacity,
           background: "var(--w6w-panel-2)",
           color: "var(--w6w-text)",
-          borderRadius: 4,
-          padding: "6px 14px 6px 8px",
+          // A trigger's half-pill radius + padding live in `.w6w-node-trigger`
+          // (styles/_flow.scss): an inline value here would beat the class.
+          ...b ? {} : { borderRadius: 4, padding: "6px 14px 6px 8px" },
           minWidth: 140,
           fontSize: 13,
           display: "flex",
@@ -1365,21 +1715,21 @@ function Rs({ id: e, data: n, selected: o }) {
           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.in > 0 && /* @__PURE__ */ o(De, { type: "target", position: Ne.Left, multiple: u.in > 1 }),
+          c && /* @__PURE__ */ o(fn, { icon: c }),
+          /* @__PURE__ */ m("div", { style: { minWidth: 0, textAlign: "left" }, children: [
+            /* @__PURE__ */ o("div", { style: { fontWeight: 600 }, children: a }),
+            /* @__PURE__ */ o("div", { className: "w6w-muted w6w-small", style: { marginTop: 2 }, children: /* @__PURE__ */ o("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,
+          u.out > 0 && /* @__PURE__ */ m(U, { children: [
+            /* @__PURE__ */ o(De, { type: "source", position: Ne.Right, multiple: u.out > 1 }),
+            !b && /* @__PURE__ */ o(
+              De,
               {
                 type: "source",
-                position: we.Bottom,
+                position: Ne.Bottom,
                 multiple: !1,
-                id: _t,
+                id: hn,
                 variant: "error"
               }
             )
@@ -1387,8 +1737,8 @@ function Rs({ id: e, data: n, selected: o }) {
         ]
       }
     ),
-    N,
-    /* @__PURE__ */ t(
+    C,
+    /* @__PURE__ */ o(
       "div",
       {
         className: "w6w-muted",
@@ -1396,329 +1746,348 @@ function Rs({ id: e, data: n, selected: o }) {
         children: r.id
       }
     ),
-    r.notes && /* @__PURE__ */ t("div", { className: "w6w-muted w6w-node-notes", title: r.notes, children: r.notes })
+    r.notes && /* @__PURE__ */ o("div", { className: "w6w-muted w6w-node-notes", title: r.notes, children: r.notes })
   ] });
 }
-function Ts({
+function Co({
   workflowId: e,
-  step: n,
-  upstreamSteps: o,
+  step: t,
+  upstreamSteps: s,
   onChange: r,
-  onClose: c,
-  readOnly: l,
+  onClose: a,
+  readOnly: c,
   initialView: u = "props",
-  fanOutCount: y = 0,
-  onTestRun: C
+  fanOutCount: b = 0,
+  onTestRun: N,
+  stepProblem: C
 }) {
-  var Ve;
-  const N = Me(), f = ge(nt), [a, g] = S(n), [E, P] = S(
-    "configure"
-  ), [R, V] = S(
+  var Oe;
+  const h = Qe(), k = he(ht), [l, x] = S(t), D = tn(l, C), [T, _] = S(
+    tn(t, C) ? "setup" : "configure"
+  ), [A, w] = 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);
-  _(() => {
+  ), [L, Se] = S("props"), [le, B] = S(() => Ht(t)), [y, V] = S(() => jt(t)), [xe, K] = S("{}"), $ = Ce(null), [ee, P] = S(!1), [te, ie] = S(!1), [ke, q] = S(l.id), [de, re] = S(null), [ae, W] = S(null), [me, Ee] = S(null), [Pe, H] = S(null), [ue, Re] = S(!1), X = Je(l.uses.app);
+  z(() => {
     if (X) {
-      re(Ht(a.uses.app, a.uses.action)), ue(null);
+      W(wn(l.uses.app, l.uses.action)), Ee(null);
       return;
     }
-    if (!a.uses.app) {
-      ue(null), re([]);
+    if (!l.uses.app) {
+      Ee(null), W([]);
       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) ?? [] : []
+    let g = !1;
+    return W(null), h.getAppActions(l.uses.app).then((Y) => {
+      var se;
+      g || (Ee(Y), W(
+        l.uses.action ? ((se = Y.find((fe) => fe.key === l.uses.action)) == null ? void 0 : se.params) ?? [] : []
       ));
-    }).catch(() => !h && re([])), () => {
-      h = !0;
+    }).catch(() => !g && W([])), () => {
+      g = !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;
+  }, [h, l.uses.app, l.uses.action, X]);
+  const Le = F(() => {
+    X || !l.uses.app || h.listConnectionsForApp(l.uses.app).then((g) => {
+      H(g), Re(!1);
+    }).catch(() => Re(!0));
+  }, [h, l.uses.app, X]);
+  z(() => {
+    if (X || !l.uses.app) return;
+    let g = !1;
+    return h.listConnectionsForApp(l.uses.app).then((Y) => {
+      g || (H(Y), Re(!1));
+    }).catch(() => !g && Re(!0)), () => {
+      g = !0;
     };
-  }, [N, a.uses.app, X]);
-  const j = J(
-    (h) => {
-      g(h), r(h);
+  }, [h, l.uses.app, X]);
+  const G = F(
+    (g) => {
+      x(g), r(g);
     },
     [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 ? Zn(h) : null;
-    if (q) {
-      be(q);
+  ), Me = (g) => {
+    g === "code" ? B(Ht(l)) : g === "params-code" && V(jt(l)), w(g);
+  }, ge = () => {
+    const g = ke.trim(), Y = g && g !== l.id ? Ms(g) : null;
+    if (Y) {
+      re(Y);
       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);
+    g && g !== l.id && G({ ...l, id: g }), re(null), ie(!1);
+  }, j = !!l.uses.app && !!l.uses.action && !Be(l.uses.app), ne = Ie(l.uses.app), pe = T === "test" && j && !ne, be = mn(e, s, j && !ne), ze = gn(be);
+  z(() => {
+    if (!j || ne) return;
+    let g = !1;
+    return h.listStepTests(e, l.id).then((Y) => {
+      if (g) return;
+      const se = Y.length ? Y[Y.length - 1] : null;
+      if (!(se != null && se.input) || Object.keys(se.input).length === 0) return;
+      const fe = JSON.stringify(se.input, null, 2);
+      K((ce) => ce.trim() === "{}" ? fe : ce);
     }).catch(() => {
     }), () => {
-      h = !0;
+      g = !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,
+  }, [h, e, l.id, j, ne]);
+  const Fe = mt(xe), M = { ...l.with ?? {}, ...Fe ?? {} }, He = Fe ?? {}, je = !!ae && bn(ae, M), J = k.get(l.uses.app), Ve = X ? pn(l.uses.app, l.uses.action) : null, $e = X ? Ve ? /* @__PURE__ */ o(fn, { icon: Ve }) : null : /* @__PURE__ */ o(
+    lt,
     {
-      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
+      src: J == null ? void 0 : J.iconSvg,
+      srcDark: J == null ? void 0 : J.iconSvgDark,
+      brandColor: J == null ? void 0 : J.brandColor,
+      name: J == null ? void 0 : J.displayName
     }
   );
-  return /* @__PURE__ */ t(
-    Ot,
+  return /* @__PURE__ */ o(
+    un,
     {
       ariaLabel: "Edit step",
-      titleIcon: Be,
-      title: /* @__PURE__ */ w("span", { className: "w6w-step-rename", children: [
-        z && !l ? /* @__PURE__ */ t(
+      titleIcon: $e,
+      title: /* @__PURE__ */ m("span", { className: "w6w-step-rename", children: [
+        te && !c ? /* @__PURE__ */ o(
           "input",
           {
             autoFocus: !0,
-            value: te,
-            onChange: (h) => {
-              O(h.target.value), be(null);
+            value: ke,
+            onChange: (g) => {
+              q(g.target.value), re(null);
             },
-            onBlur: D,
-            onKeyDown: (h) => {
-              h.key === "Enter" && D(), h.key === "Escape" && (O(a.id), be(null), $(!1));
+            onBlur: ge,
+            onKeyDown: (g) => {
+              g.key === "Enter" && ge(), g.key === "Escape" && (q(l.id), re(null), ie(!1));
             }
           }
-        ) : /* @__PURE__ */ w(B, { children: [
-          /* @__PURE__ */ t("code", { children: a.id }),
-          !l && /* @__PURE__ */ t(
+        ) : /* @__PURE__ */ m(U, { children: [
+          /* @__PURE__ */ o("code", { children: l.id }),
+          !c && /* @__PURE__ */ o(
             "button",
             {
               type: "button",
               className: "w6w-icon-btn w6w-btn-sm",
-              title: "Rename step",
-              "aria-label": "Rename step",
+              title: "Rename node",
+              "aria-label": "Rename node",
               onClick: () => {
-                O(a.id), $(!0);
+                q(l.id), ie(!0);
               },
-              children: /* @__PURE__ */ t(ye, { name: "edit", size: 15 })
+              children: /* @__PURE__ */ o(ve, { name: "edit", size: 15 })
             }
           )
         ] }),
-        se && /* @__PURE__ */ t("span", { className: "w6w-hint", role: "alert", style: { color: "var(--w6w-danger)" }, children: se })
+        de && /* @__PURE__ */ o("span", { className: "w6w-hint", role: "alert", style: { color: "var(--w6w-danger)" }, children: de })
       ] }),
-      onClose: c,
+      onClose: a,
       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(
+      children: /* @__PURE__ */ m("div", { className: "w6w-stepconfig", children: [
+        /* @__PURE__ */ m("div", { className: "w6w-tabsbar", children: [
+          /* @__PURE__ */ o("div", { className: "w6w-subtabs", children: ["setup", "configure", "test"].map((g) => /* @__PURE__ */ o(
             "button",
             {
               type: "button",
-              className: `w6w-subtab${E === h ? " active" : ""}`,
-              onClick: () => P(h),
-              children: h === "setup" ? "Setup" : h === "configure" ? "Configure" : "Test"
+              className: `w6w-subtab${T === g ? " active" : ""}`,
+              disabled: D && g !== "setup",
+              onClick: () => _(g),
+              children: g === "setup" ? "Setup" : g === "configure" ? "Configure" : "Test"
             },
-            h
+            g
           )) }),
-          He ? /* @__PURE__ */ t(
-            xt,
+          pe ? /* @__PURE__ */ o(
+            Ot,
             {
-              view: d,
+              view: L,
               views: ["props", "code"],
-              onChange: (h) => I(h)
+              onChange: (g) => Se(g)
             }
-          ) : /* @__PURE__ */ t(
-            xt,
+          ) : /* @__PURE__ */ o(
+            Ot,
             {
-              view: R,
-              onChange: _e,
-              disabled: E !== "configure"
+              view: A,
+              onChange: Me,
+              disabled: T !== "configure"
             }
           )
         ] }),
-        /* @__PURE__ */ w("div", { className: "w6w-stepconfig-body", children: [
-          E === "setup" && /* @__PURE__ */ t(
-            Ds,
+        D && C && /* @__PURE__ */ m("div", { role: "alert", className: "w6w-field-error", children: [
+          "Connection ",
+          C.connection,
+          " no longer exists — choose another to continue."
+        ] }),
+        /* @__PURE__ */ m("div", { className: "w6w-stepconfig-body", children: [
+          T === "setup" && /* @__PURE__ */ o(
+            Eo,
             {
-              step: a,
-              app: F,
-              actions: ke,
-              conns: Ie,
+              step: l,
+              app: J,
+              actions: me,
+              conns: Pe,
+              connsFailed: ue,
               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) => (
+              readOnly: c,
+              onChangeAction: (g) => G({ ...l, uses: { ...l.uses, action: g }, with: {} }),
+              onChangeConnection: (g) => G({ ...l, uses: { ...l.uses, connection: g } }),
+              onConnectionCreated: Le,
+              onChangeApp: (g) => (
                 // 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 },
+                G(
+                  g === l.uses.app ? l : {
+                    ...l,
+                    uses: { app: g, 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(
-              _n,
+          T === "configure" && /* @__PURE__ */ m(U, { children: [
+            l.uses.app === rt && h.listSubscriptionsForWorkflow && h.createSubscription && /* @__PURE__ */ o(ko, { workflowId: e, step: l, readOnly: c }),
+            ae === null ? /* @__PURE__ */ o("p", { className: "w6w-muted w6w-small", children: "Loading parameters…" }) : A === "props" ? l.uses.action === "wait" && Be(l.uses.app) ? /* @__PURE__ */ o(
+              Cs,
               {
-                values: a.with ?? {},
-                readOnly: l,
-                onChange: (h) => j({ ...a, with: h })
+                values: l.with ?? {},
+                readOnly: c,
+                onChange: (g) => G({ ...l, with: g })
               }
-            ) : /* @__PURE__ */ t(
-              Hn,
+            ) : /* @__PURE__ */ o(
+              Ss,
               {
-                params: oe,
-                values: a.with ?? {},
-                readOnly: l,
-                onChange: (h) => j({ ...a, with: h })
+                params: ae,
+                values: l.with ?? {},
+                readOnly: c,
+                onChange: (g) => G({ ...l, with: g }),
+                dynamic: X || !l.uses.action ? void 0 : {
+                  appId: l.uses.app,
+                  actionKey: l.uses.action,
+                  connectionId: D ? void 0 : l.uses.connection ?? void 0,
+                  appName: J == null ? void 0 : J.displayName
+                }
               }
-            ) : R === "code" ? (
+            ) : A === "code" ? (
               // Full step, read-only (D-3) — `stepToJson` is the ONE serializer,
               // shared with the two other code-view hosts.
-              /* @__PURE__ */ t(
-                qe,
+              /* @__PURE__ */ o(
+                it,
                 {
-                  value: ce,
+                  value: le,
                   onChange: () => {
                   },
                   readOnly: !0,
                   minHeight: "260px",
                   height: "100%",
-                  "aria-label": `Step ${a.id} JSON`,
+                  "aria-label": `Node ${l.id} JSON`,
                   copyable: !0
                 }
               )
-            ) : R === "params-code" ? /* @__PURE__ */ t(
-              qe,
+            ) : A === "params-code" ? /* @__PURE__ */ o(
+              it,
               {
-                value: W,
-                onChange: b,
-                readOnly: l,
+                value: y,
+                onChange: V,
+                readOnly: c,
                 minHeight: "260px",
                 height: "100%",
-                "aria-label": `Step ${a.id} params JSON`,
+                "aria-label": `Node ${l.id} params JSON`,
                 copyable: !0,
-                onValidChange: (h) => h && typeof h == "object" && !Array.isArray(h) && j({ ...a, with: h })
+                onValidChange: (g) => g && typeof g == "object" && !Array.isArray(g) && G({ ...l, with: g })
               }
-            ) : /* @__PURE__ */ w("div", { className: "w6w-stack", children: [
-              /* @__PURE__ */ t(
-                Bn,
+            ) : /* @__PURE__ */ m("div", { className: "w6w-stack", children: [
+              /* @__PURE__ */ o(
+                xs,
                 {
-                  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 !== jn
+                  config: { retry: l.retry, onError: l.onError, notes: l.notes },
+                  onChange: (g) => G({ ...l, ...g }),
+                  readOnly: c,
+                  failureHandling: !ne,
+                  retryControls: !Be(l.uses.app) && l.uses.app !== ks
                 }
               ),
-              As,
-              /* @__PURE__ */ t(
-                Ps,
+              So,
+              /* @__PURE__ */ o(
+                xo,
                 {
-                  step: a,
-                  count: y,
-                  readOnly: l,
-                  onChange: j
+                  step: l,
+                  count: b,
+                  readOnly: c,
+                  onChange: G
                 }
               )
             ] })
           ] }),
-          E === "test" && /* @__PURE__ */ t("div", { className: "w6w-stack", children: ie ? ae ? /* @__PURE__ */ t(
-            Un,
+          T === "test" && /* @__PURE__ */ o("div", { className: "w6w-stack", children: j ? ne ? /* @__PURE__ */ o(
+            Es,
             {
-              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 }
+              app: l.uses.app,
+              action: l.uses.action,
+              fields: (Oe = l.with) == null ? void 0 : Oe.fields,
+              persist: { workflowId: e, stepId: l.id, input: He }
             }
-          ) : /* @__PURE__ */ w(B, { children: [
-            /* @__PURE__ */ w("p", { className: "w6w-muted w6w-small", children: [
+          ) : /* @__PURE__ */ m(U, { children: [
+            /* @__PURE__ */ m("p", { className: "w6w-muted w6w-small", children: [
               "Tests ",
-              /* @__PURE__ */ t("code", { children: a.uses.action }),
+              /* @__PURE__ */ o("code", { children: l.uses.action }),
               " with the configuration saved on this step — only the incoming state changes per run."
             ] }),
-            /* @__PURE__ */ t(
-              Yt,
+            /* @__PURE__ */ o(
+              xn,
               {
-                text: A,
-                onChange: de,
-                seeds: ve,
-                readOnly: l
+                text: xe,
+                onChange: K,
+                seeds: be,
+                readOnly: c
               }
             ),
-            oe === null ? /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "Loading parameters…" }) : /* @__PURE__ */ t(
-              ns,
+            ae === null ? /* @__PURE__ */ o("p", { className: "w6w-muted w6w-small", children: "Loading parameters…" }) : /* @__PURE__ */ o(
+              qs,
               {
-                params: oe,
-                values: xe,
-                testStartState: Le,
-                view: d
+                params: ae,
+                values: M,
+                testStartState: ze,
+                view: L
               }
             ),
-            /* @__PURE__ */ t(
-              zn,
+            /* @__PURE__ */ o(
+              Ps,
               {
-                ref: K,
-                app: a.uses.app,
-                action: a.uses.action,
-                connectionId: a.uses.connection ?? void 0,
-                values: xe,
-                state: Le,
-                canRun: pe,
+                ref: $,
+                app: l.uses.app,
+                action: l.uses.action,
+                connectionId: l.uses.connection ?? void 0,
+                values: M,
+                state: ze,
+                canRun: je,
                 hideRunButton: !0,
-                persist: { workflowId: e, stepId: a.id, input: Re },
-                onBusyChange: x
+                persist: { workflowId: e, stepId: l.id, input: He },
+                onBusyChange: P
               }
             )
-          ] }) : /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "Flow-control nodes can't be tested on their own." }) })
+          ] }) : /* @__PURE__ */ o("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(
+        /* @__PURE__ */ o("div", { className: "w6w-modal-actions w6w-stepconfig-footer", children: T !== "test" ? /* @__PURE__ */ o(
           "button",
           {
             type: "button",
             className: "w6w-btn",
-            onClick: () => P(E === "setup" ? "configure" : "test"),
+            disabled: D,
+            onClick: () => _(T === "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
+        ) : /* @__PURE__ */ m(U, { children: [
+          /* @__PURE__ */ o("button", { type: "button", className: "w6w-btn w6w-btn-ghost", onClick: a, children: "Done" }),
+          j && !ne && // 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(
+          /* @__PURE__ */ o(
             "button",
             {
               type: "button",
               className: "w6w-btn",
-              disabled: l || !pe || G,
+              disabled: c || !je || ee,
               onClick: () => {
-                var h;
-                C == null || C(), (h = K.current) == null || h.run();
+                var g;
+                N == null || N(), (g = $.current) == null || g.run();
               },
-              children: G ? "Testing…" : "Test"
+              children: ee ? "Testing…" : "Test"
             }
           )
         ] }) })
@@ -1726,223 +2095,223 @@ function Ts({
     }
   );
 }
-const As = !1;
-function Ps({
+const So = !1;
+function xo({
   step: e,
-  count: n,
-  readOnly: o,
+  count: t,
+  readOnly: s,
   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(
+  const a = t >= 2, c = e.fanOut === "parallel" ? "parallel" : "sequential";
+  return /* @__PURE__ */ m("label", { className: "w6w-field", children: [
+    /* @__PURE__ */ o("span", { children: "Run next nodes" }),
+    /* @__PURE__ */ m(
       "select",
       {
-        "aria-label": "Run next steps",
-        value: l,
-        disabled: o || !c,
-        onChange: (u) => r(ms(e, u.target.value)),
+        "aria-label": "Run next nodes",
+        value: c,
+        disabled: s || !a,
+        onChange: (u) => r(ao(e, u.target.value)),
         children: [
-          /* @__PURE__ */ t("option", { value: "sequential", children: "In sequence" }),
-          /* @__PURE__ */ t("option", { value: "parallel", children: "In parallel" })
+          /* @__PURE__ */ o("option", { value: "sequential", children: "In sequence" }),
+          /* @__PURE__ */ o("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." })
+    !a && /* @__PURE__ */ o("span", { className: "w6w-muted w6w-small", children: "Connect two or more steps after this one to choose how they run." })
   ] });
 }
-function Is({
+function ko({
   workflowId: e,
-  step: n,
-  readOnly: o
+  step: t,
+  readOnly: s
 }) {
-  const r = Me(), [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;
+  const r = Qe(), [a, c] = S(void 0), [u, b] = S(null), [N, C] = S(!1);
+  z(() => {
+    const k = r.listSubscriptionsForWorkflow;
+    if (!k) return;
+    let l = !1;
+    return k(e).then((x) => {
+      l || c(x.find((D) => D.appId === rt) ?? null);
+    }).catch((x) => !l && b(x.message)), () => {
+      l = !0;
     };
   }, [r, e]);
-  const f = () => {
-    const a = r.createSubscription;
-    a && (y(null), N(!0), a(Ke, n.uses.action, {
+  const h = () => {
+    const k = r.createSubscription;
+    k && (b(null), C(!0), k(rt, t.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));
+      params: t.with ?? {}
+    }).then((l) => {
+      C(!1), c(l);
+    }).catch((l) => {
+      C(!1), b(l instanceof Error ? l.message : String(l));
     }));
   };
-  return /* @__PURE__ */ w("div", { className: "w6w-stack", children: [
-    /* @__PURE__ */ w("p", { className: "w6w-muted w6w-small", children: [
-      /* @__PURE__ */ t("strong", { children: "Webhook URL" }),
+  return /* @__PURE__ */ m("div", { className: "w6w-stack", children: [
+    /* @__PURE__ */ m("p", { className: "w6w-muted w6w-small", children: [
+      /* @__PURE__ */ o("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" })
+    u && /* @__PURE__ */ o("div", { className: "w6w-result w6w-error", children: u }),
+    a != null && a.webhookUrl ? /* @__PURE__ */ o(Fs, { value: a.webhookUrl, readOnly: !0, children: /* @__PURE__ */ o("input", { type: "text", readOnly: !0, value: a.webhookUrl, "aria-label": "Webhook URL" }) }) : a === void 0 ? /* @__PURE__ */ o("p", { className: "w6w-muted w6w-small", children: "Loading…" }) : !s && /* @__PURE__ */ o("button", { type: "button", className: "w6w-btn", disabled: N, onClick: h, children: N ? "Creating…" : "Create webhook URL" })
   ] });
 }
-function Lt({
+function rn({
   anchorRef: e,
-  onClose: n,
-  children: o
+  onClose: t,
+  children: s
 }) {
-  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();
+  const r = Ce(null), [a, c] = S(null), [u, b] = S(null);
+  return z(() => {
+    const N = e.current;
+    if (!N) return;
+    const C = N.getBoundingClientRect();
+    c({ top: C.bottom + 6, left: C.left, width: C.width }), b(N.closest("dialog") ?? document.body);
+  }, [e]), z(() => {
+    function N(h) {
+      var l, x;
+      const k = h.target;
+      (l = r.current) != null && l.contains(k) || (x = e.current) != null && x.contains(k) || t();
     }
-    function N(f) {
-      f.key === "Escape" && n();
+    function C(h) {
+      h.key === "Escape" && t();
     }
-    return document.addEventListener("mousedown", C), document.addEventListener("keydown", N), () => {
-      document.removeEventListener("mousedown", C), document.removeEventListener("keydown", N);
+    return document.addEventListener("mousedown", N), document.addEventListener("keydown", C), () => {
+      document.removeEventListener("mousedown", N), document.removeEventListener("keydown", C);
     };
-  }, [n, e]), !c || !u ? null : gn(
-    /* @__PURE__ */ t(
+  }, [t, e]), !a || !u ? null : Qn(
+    /* @__PURE__ */ o(
       "div",
       {
         ref: r,
         className: "w6w-flyout",
-        style: { top: c.top, left: c.left, width: c.width },
-        children: o
+        style: { top: a.top, left: a.left, width: a.width },
+        children: s
       }
     ),
     u
   );
 }
-function Ds({
+function Eo({
   step: e,
-  app: n,
-  actions: o,
+  app: t,
+  actions: s,
   conns: r,
+  connsFailed: a,
   isInternal: c,
-  readOnly: l,
-  onChangeAction: u,
-  onChangeConnection: y,
+  readOnly: u,
+  onChangeAction: b,
+  onChangeConnection: N,
   onChangeApp: C,
-  onConnectionCreated: N
+  onConnectionCreated: h
 }) {
-  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(
+  const [k, l] = S(null), [x, D] = S(!1), T = Ce(null), _ = ho(e.uses.connection, r, a);
+  return /* @__PURE__ */ m("div", { className: "w6w-stack", children: [
+    /* @__PURE__ */ m("div", { className: "w6w-field", children: [
+      /* @__PURE__ */ o("span", { children: "App" }),
+      /* @__PURE__ */ m("div", { className: "w6w-app-conn-row", ref: T, children: [
+        /* @__PURE__ */ m(
           "button",
           {
             type: "button",
             className: "w6w-app-conn-btn",
             "aria-label": "App",
-            "aria-expanded": f === "app",
-            disabled: l,
-            onClick: () => a((d) => d === "app" ? null : "app"),
+            "aria-expanded": k === "app",
+            disabled: u,
+            onClick: () => l((A) => A === "app" ? null : "app"),
             children: [
-              !c && n && /* @__PURE__ */ t(
-                Ye,
+              !c && t && /* @__PURE__ */ o(
+                lt,
                 {
-                  src: n.iconSvg,
-                  srcDark: n.iconSvgDark,
-                  brandColor: n.brandColor,
-                  name: n.displayName,
+                  src: t.iconSvg,
+                  srcDark: t.iconSvgDark,
+                  brandColor: t.brandColor,
+                  name: t.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 })
+              /* @__PURE__ */ o("span", { className: "w6w-conn-label-name", children: c ? e.uses.app : (t == null ? void 0 : t.displayName) ?? e.uses.app })
             ]
           }
         ),
-        !c && /* @__PURE__ */ t(
+        !c && /* @__PURE__ */ o(
           "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 })
+            "aria-expanded": k === "conn",
+            disabled: u,
+            onClick: () => l((A) => A === "conn" ? null : "conn"),
+            children: /* @__PURE__ */ o("span", { className: "w6w-conn-label-name", children: _ })
           }
         )
       ] }),
-      f === "app" && /* @__PURE__ */ t(Lt, { anchorRef: P, onClose: () => a(null), children: /* @__PURE__ */ t(
-        Xn,
+      k === "app" && /* @__PURE__ */ o(rn, { anchorRef: T, onClose: () => l(null), children: /* @__PURE__ */ o(
+        Is,
         {
-          onSelectApp: (d) => {
-            const I = d.id === e.uses.app;
-            C(d.id), a(I ? "conn" : null);
+          onSelectApp: (A) => {
+            const w = A.id === e.uses.app;
+            C(A.id), l(w ? "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(
+      k === "conn" && /* @__PURE__ */ o(rn, { anchorRef: T, onClose: () => l(null), children: /* @__PURE__ */ m("div", { className: "w6w-stack", children: [
+        /* @__PURE__ */ o("div", { className: "w6w-stepbuilder-list", children: (r ?? []).map((A) => /* @__PURE__ */ o(
           "button",
           {
             type: "button",
             className: "w6w-stepbuilder-item",
             onClick: () => {
-              y(d.id), a(null);
+              N(A.id), l(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 })
+            children: /* @__PURE__ */ m("span", { className: "w6w-stepbuilder-item-main", children: [
+              /* @__PURE__ */ o("strong", { children: A.displayName || A.id }),
+              A.state && /* @__PURE__ */ o("span", { className: "w6w-muted w6w-small", children: A.state })
             ] })
           },
-          d.id
+          A.id
         )) }),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ o(
           "button",
           {
             type: "button",
             className: "w6w-btn",
-            disabled: l,
+            disabled: u,
             onClick: () => {
-              E(!0), a(null);
+              D(!0), l(null);
             },
             children: "+ New connection"
           }
         )
       ] }) })
     ] }),
-    !c && g && /* @__PURE__ */ t(
-      Yn,
+    !c && x && /* @__PURE__ */ o(
+      Ds,
       {
         initialAppId: e.uses.app,
-        onClose: () => E(!1),
-        onCreated: ({ connectionId: d }) => {
-          E(!1), y(d), N(), a(null);
+        onClose: () => D(!1),
+        onCreated: ({ connectionId: A }) => {
+          D(!1), N(A), h(), l(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 }) })
+    c ? /* @__PURE__ */ m("div", { className: "w6w-field", children: [
+      /* @__PURE__ */ o("span", { children: "Action" }),
+      /* @__PURE__ */ o("div", { className: "w6w-muted w6w-small", children: /* @__PURE__ */ o("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(
-          Qn,
+      /* @__PURE__ */ m("label", { className: "w6w-field", children: [
+        /* @__PURE__ */ o("span", { children: "Action" }),
+        /* @__PURE__ */ o(
+          Ls,
           {
             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 }))
+            disabled: u || s === null,
+            onChange: b,
+            options: s === null ? [{ value: e.uses.action, label: e.uses.action }] : s.map((A) => ({ value: A.key, label: A.title ?? A.key }))
           }
         )
       ] })
@@ -1950,29 +2319,41 @@ function Ds({
   ] });
 }
 export {
-  jn as CALL_APP,
-  Hs as CONTROL_APP,
-  Bs as DATA_APP,
-  Wn 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,
-  qn 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,
-  Kn as seedValues,
-  En as workflowToFlow
+  ks as CALL_APP,
+  Vo as CONTROL_APP,
+  bs as CanvasLayer,
+  $o as DATA_APP,
+  gs as ExpressionOptionsProvider,
+  _o as INTERNAL_NODES,
+  Vs as MAX_NOTES,
+  _s as MAX_NOTE_BYTES,
+  $s as MAX_SECTIONS,
+  Wo as Markdown,
+  Bo as SCHEDULER_APP,
+  Jo as SCRIPT_APP,
+  zo as TRIGGER_APP,
+  rt as WEBHOOK_APP,
+  Lo as WorkflowFlowEditor,
+  Ut as asFieldDefs,
+  Gt as assignMembership,
+  Yt as clampCanvas,
+  Ho as coerceDefault,
+  jo as fieldWidget,
+  Rs as fieldsToParams,
+  $t as flowToWorkflow,
+  Oo as internalNodeDefaults,
+  pn as internalNodeIcon,
+  dn as internalNodeLabel,
+  wn as internalNodeParams,
+  Be as isControlApp,
+  Je as isInternalApp,
+  Ie as isTriggerApp,
+  Xt as pruneSectionMembers,
+  zs as renameSectionMember,
+  qt as roundGeometry,
+  Hs as sectionsContaining,
+  Ts as seedValues,
+  Js as withCanvasGeometry,
+  rs as workflowToFlow
 };
 //# sourceMappingURL=flow.mjs.map