@w6w/embed 0.2.20 → 0.2.22

package/dist/{WorkflowEditor-CmhXHRxi.js → WorkflowEditor-LesBKjb2.js}

@@ -2,11 +2,11 @@ import { jsxs as g, jsx as a, Fragment as le } from "react/jsx-runtime";
 import { useQueryClient as Ot, useQueries as Re } from "@tanstack/react-query";
 import { ApiError as Ce } from "@w6w/sdk";
 import { Modal as fn, IconButton as ce, JsonEditor as pn, useExpressionOptions as hn, ExpressionEditorModal as mn, useW6WApi as It, W6WUIProvider as bn, isTestRequired as Ct, requiredParamsFilled as gn, ExecutionLogPanel as yn, testInputSavesSettled as vn } from "@w6w/ui";
-import { useState as y, useMemo as v, createElement as J, useId as wn, useCallback as E, useContext as Sn, useRef as w, useEffect as T, Suspense as kn, lazy as Nn } from "react";
-import { E as En, $ as Rn, W as Cn, Q as Pn, V as An, q as Tn, X as jn, v as On, B as In, A as Fn, N as Ln, a as Mn, z as Jn, n as Dn, y as Bn, t as Wn, b as $n } from "./workflows-BZN4Hyz1.js";
-import { H as xn, a as Kn } from "./editor-apps-DkkC7wOQ.js";
+import { useState as v, useMemo as w, createElement as J, useId as wn, useCallback as E, useContext as Sn, useRef as S, useEffect as T, Suspense as kn, lazy as Nn } from "react";
+import { E as En, $ as Rn, W as Cn, Q as Pn, V as An, q as Tn, X as jn, v as On, B as In, A as Fn, N as Ln, a as Mn, z as Jn, n as Dn, y as Bn, t as Wn, b as $n } from "./workflows-BK6IM4if.js";
+import { H as xn, a as Kn } from "./editor-apps-LZmDWMqf.js";
 import { M as ue } from "./ConfirmModal-Pv2-A_3U.js";
-import { d as Qn, W as _n, e as qn, R as Vn, P as Hn, b as zn, c as Gn } from "./editor-tools-BR27RGto.js";
+import { d as Qn, W as _n, e as qn, R as Hn, P as Vn, b as zn, c as Gn } from "./editor-tools-DHyWiG21.js";
 import { u as Yn } from "./client-context-CX61Bgw-.js";
 import { u as Un } from "./use-workflow-draft-l3P5KZzw.js";
 import { r as Xn, h as Zn, e as es, f as ts, a as ns, d as ss, b as os, p as is, i as rs, g as as } from "./setup-incomplete-BHs3Lpfy.js";
@@ -15,15 +15,15 @@ import { n as At } from "./import-bindings-EUtxZ9Ti.js";
 import { p as ds, d as fs } from "./settings-rail--GdRMusb.js";
 import { u as ps, b as hs } from "./project-context-Tvp-La7A.js";
 import { i as ms, d as Tt } from "./connections-CzsCyIxY.js";
-import { h as bs, b as gs, g as ys, d as vs, u as ws, e as Ss } from "./spec-export-DGy5ijps.js";
+import { h as bs, b as gs, g as ys, d as vs, u as ws, e as Ss } from "./spec-export-DGigBUsP.js";
 import { l as jt, a as Pe, w as ks } from "./step-tests-B4E4W3ly.js";
 import { i as Ns, f as Es } from "./vault-BSEWhMYC.js";
 import { i as Rs } from "./data-stores-UeQvwVCa.js";
-import { e as Cs } from "./apps-ItBvnWX3.js";
+import { e as Cs } from "./apps-CYUgEfGf.js";
 import { E as Ps } from "./theme-context-E2ZhlXDX.js";
 import { validateInitialState as As } from "@w6w/expr";
-function Ts({ title: s }) {
-  const { value: e, placeholder: r, maxLength: i, ariaLabel: n, onChange: l, onBlur: u } = s;
+function Ts({ title: n }) {
+  const { value: e, placeholder: r, maxLength: i, ariaLabel: s, onChange: l, onBlur: u } = n;
   return /* @__PURE__ */ a(
     "input",
     {
@@ -32,18 +32,18 @@ function Ts({ title: s }) {
       placeholder: r,
       maxLength: i,
       size: Math.min(Math.max(e.length, r.length), 80),
-      "aria-label": n,
+      "aria-label": s,
       onChange: (d) => l(d.target.value),
       onBlur: u
     }
   );
 }
 function js({
-  onBack: s,
+  onBack: n,
   backLabel: e,
   title: r,
   titleAdornment: i,
-  actions: n
+  actions: s
 }) {
   return /* @__PURE__ */ g("div", { className: "wf-fullbleed-head", children: [
     e !== null && /* @__PURE__ */ a(
@@ -52,7 +52,7 @@ function js({
         type: "button",
         className: "muted wf-back-btn",
         "data-testid": "wf-editor-back",
-        onClick: s,
+        onClick: n,
         children: e
       }
     ),
@@ -63,18 +63,18 @@ function js({
     ] }),
     /* @__PURE__ */ g("div", { className: "wf-head-actions", style: { marginLeft: "auto" }, children: [
       r.editable && i,
-      n
+      s
     ] })
   ] });
 }
-function Os(s, e, r) {
-  if (!(s !== "workflow" || e === void 0))
+function Os(n, e, r) {
+  if (!(n !== "workflow" || e === void 0))
     return (i) => {
       r(), e(i.id);
     };
 }
-function Is(s) {
-  const { kind: e, id: r, onClose: i, onOpenRun: n } = s, [l, u] = y(En), d = Os(e, n, i);
+function Is(n) {
+  const { kind: e, id: r, onClose: i, onOpenRun: s } = n, [l, u] = v(En), d = Os(e, s, i);
   return /* @__PURE__ */ a(
     fn,
     {
@@ -96,29 +96,29 @@ function Is(s) {
     }
   );
 }
-function Fs(s) {
-  return /* @__PURE__ */ a(ce, { icon: "json", onClick: s.onClick, label: "Edit raw JSON definition" });
+function Fs(n) {
+  return /* @__PURE__ */ a(ce, { icon: "json", onClick: n.onClick, label: "Edit raw JSON definition" });
 }
-function Ls(s) {
-  return s.open ? s.mode === "apply" ? /* @__PURE__ */ a(Ms, { ...s }) : /* @__PURE__ */ a(Js, { ...s }) : null;
+function Ls(n) {
+  return n.open ? n.mode === "apply" ? /* @__PURE__ */ a(Ms, { ...n }) : /* @__PURE__ */ a(Js, { ...n }) : null;
 }
-function Ft(s) {
+function Ft(n) {
   return /* @__PURE__ */ a("div", { className: "json-toggle-editor", children: /* @__PURE__ */ a(
     pn,
     {
-      value: s.value,
-      onChange: s.onChange,
+      value: n.value,
+      onChange: n.onChange,
       minHeight: "120px",
-      "aria-label": s.label
+      "aria-label": n.label
     }
   ) });
 }
-function Ms(s) {
-  const { onClose: e, title: r, value: i, prepareApply: n, onApply: l, editorLabel: u } = s, [d, S] = y(i), [h, m] = y(i), [j, z] = y([]), [de, I] = y(!1), C = v(
-    () => (n == null ? void 0 : n(d)) ?? { ok: !0, text: d, restored: [] },
-    [n, d]
+function Ms(n) {
+  const { onClose: e, title: r, value: i, prepareApply: s, onApply: l, editorLabel: u } = n, [d, y] = v(i), [h, m] = v(i), [j, z] = v([]), [de, I] = v(!1), C = w(
+    () => (s == null ? void 0 : s(d)) ?? { ok: !0, text: d, restored: [] },
+    [s, d]
   ), D = d !== h, G = () => D ? I(!0) : e(), Y = () => {
-    !C.ok || !D || (l == null || l(C.text), S(C.text), m(C.text), z(C.restored), I(!1));
+    !C.ok || !D || (l == null || l(C.text), y(C.text), m(C.text), z(C.restored), I(!1));
   };
   return /* @__PURE__ */ g(ue, { title: r, onClose: G, wide: !0, className: "modal-json", children: [
     /* @__PURE__ */ g("div", { className: "modal-body", children: [
@@ -132,7 +132,7 @@ function Ms(s) {
         {
           value: d,
           onChange: (U) => {
-            S(U), I(!1);
+            y(U), I(!1);
           },
           label: u
         }
@@ -185,14 +185,14 @@ function Ms(s) {
     ] }) })
   ] });
 }
-function Js(s) {
-  const { onClose: e, title: r, value: i, onChange: n, guard: l, onSave: u, saving: d, error: S, editorLabel: h } = s, m = (l == null ? void 0 : l(i)) ?? null;
+function Js(n) {
+  const { onClose: e, title: r, value: i, onChange: s, guard: l, onSave: u, saving: d, error: y, editorLabel: h } = n, m = (l == null ? void 0 : l(i)) ?? null;
   return /* @__PURE__ */ g(ue, { title: r, onClose: e, wide: !0, className: "modal-json", children: [
     /* @__PURE__ */ g("div", { className: "modal-body", children: [
       /* @__PURE__ */ a("p", { className: "muted small", children: "Save replaces the stored definition." }),
-      /* @__PURE__ */ a(Ft, { value: i, onChange: (j) => n == null ? void 0 : n(j), label: h }),
+      /* @__PURE__ */ a(Ft, { value: i, onChange: (j) => s == null ? void 0 : s(j), label: h }),
       m && /* @__PURE__ */ a("p", { className: "muted small", "data-testid": "json-toggle-reason", children: m }),
-      S && /* @__PURE__ */ a("div", { className: "error", children: S })
+      y && /* @__PURE__ */ a("div", { className: "error", children: y })
     ] }),
     /* @__PURE__ */ g("div", { className: "modal-actions", children: [
       /* @__PURE__ */ a("button", { type: "button", className: "btn ghost", onClick: e, children: "Cancel" }),
@@ -210,18 +210,18 @@ function Js(s) {
     ] })
   ] });
 }
-function Ds(s, e) {
-  const r = (n) => Array.isArray(n) ? n.map(r) : n !== null && typeof n == "object" ? Object.fromEntries(
-    Object.entries(n).sort(([l], [u]) => l.localeCompare(u)).map(([l, u]) => [l, r(u)])
-  ) : n, i = (n) => {
-    if (n === null || typeof n != "object" || Array.isArray(n)) return n;
-    const { status: l, ...u } = n;
+function Ds(n, e) {
+  const r = (s) => Array.isArray(s) ? s.map(r) : s !== null && typeof s == "object" ? Object.fromEntries(
+    Object.entries(s).sort(([l], [u]) => l.localeCompare(u)).map(([l, u]) => [l, r(u)])
+  ) : s, i = (s) => {
+    if (s === null || typeof s != "object" || Array.isArray(s)) return s;
+    const { status: l, ...u } = s;
     return { ...u, key: u.key ?? null, tags: u.tags ?? [] };
   };
-  return JSON.stringify(r(i(s))) === JSON.stringify(r(i(e)));
+  return JSON.stringify(r(i(n))) === JSON.stringify(r(i(e)));
 }
-function Bs(s) {
-  const { kind: e, problemCount: r, canEnable: i, onEnable: n, pending: l } = s, u = r > 0 ? `This ${e} is disabled and ${r} ${r === 1 ? "step uses" : "steps use"} a connection that no longer exists. Choose another connection, save, then Enable.` : "Connections fixed. Enable to run again.";
+function Bs(n) {
+  const { kind: e, problemCount: r, canEnable: i, onEnable: s, pending: l } = n, u = r > 0 ? `This ${e} is disabled and ${r} ${r === 1 ? "step uses" : "steps use"} a connection that no longer exists. Choose another connection, save, then Enable.` : "Connections fixed. Enable to run again.";
   return J(
     "div",
     { role: "alert", className: "error", "data-testid": "binding-disabled-banner" },
@@ -233,32 +233,32 @@ function Bs(s) {
         type: "button",
         "data-testid": "binding-enable",
         disabled: !i || l === !0,
-        onClick: n
+        onClick: s
       },
       "Enable"
     )
   );
 }
 function Ws({
-  project: s,
+  project: n,
   onNavigate: e,
   rail: r = !0,
   storageKey: i,
-  tools: n = qn,
+  tools: s = qn,
   children: l
 }) {
-  const u = Qn(), d = /* @__PURE__ */ a(Vn, { project: s, onNavigate: e, children: /* @__PURE__ */ g(Hn, { project: s, children: [
+  const u = Qn(), d = /* @__PURE__ */ a(Hn, { project: n, onNavigate: e, children: /* @__PURE__ */ g(Vn, { project: n, children: [
     l,
-    r && /* @__PURE__ */ a(zn, { tools: n, storageKey: i })
+    r && /* @__PURE__ */ a(zn, { tools: s, storageKey: i })
   ] }) });
   return r || !u ? /* @__PURE__ */ a(_n, { children: d }) : d;
 }
 function $s({
-  message: s,
+  message: n,
   disabled: e = !1,
   children: r
 }) {
-  const i = wn(), [n, l] = y(!1);
+  const i = wn(), [s, l] = v(!1);
   return /* @__PURE__ */ g(
     "fieldset",
     {
@@ -277,22 +277,22 @@ function $s({
       },
       children: [
         r(i),
-        n && /* @__PURE__ */ a("span", { id: i, role: "tooltip", className: "wf-publish-hint", children: s })
+        s && /* @__PURE__ */ a("span", { id: i, role: "tooltip", className: "wf-publish-hint", children: n })
       ]
     }
   );
 }
-function xs(s) {
-  const { problems: e, nodeLabel: r } = s, i = Object.entries(e).filter(([, l]) => l.length > 0);
+function xs(n) {
+  const { problems: e, nodeLabel: r } = n, i = Object.entries(e).filter(([, l]) => l.length > 0);
   if (i.length === 0) return null;
-  const n = i.length;
+  const s = i.length;
   return J(
     "div",
     { role: "status", className: "error", "data-testid": "setup-incomplete-banner" },
     J(
       "span",
       null,
-      `Setup incomplete: ${n} ${n === 1 ? "step needs" : "steps need"} attention. The workflow can still run.`
+      `Setup incomplete: ${s} ${s === 1 ? "step needs" : "steps need"} attention. The workflow can still run.`
     ),
     J(
       "ul",
@@ -308,7 +308,7 @@ const Ks = {
   not_object: 'Starting state must be a JSON object, like {"region": "us"}. Not saved.',
   too_large: "Starting state is over the 64 KiB limit. Not saved."
 };
-function Qs(s) {
+function Qs(n) {
   const e = hn();
   return /* @__PURE__ */ a(
     mn,
@@ -319,153 +319,153 @@ function Qs(s) {
       fieldLabel: "initialState",
       value: void 0,
       options: e,
-      jsonValue: s.initialState,
+      jsonValue: n.initialState,
       jsonProblem: (r) => {
         const i = Pt(r);
         if (!i.ok) return Ks[i.reason];
-        const n = i.value === void 0 ? void 0 : As(i.value)[0];
-        return n ? `${n.message} Not saved.` : null;
+        const s = i.value === void 0 ? void 0 : As(i.value)[0];
+        return s ? `${s.message} Not saved.` : null;
       },
       onSaveJson: (r) => {
         const i = Pt(r === void 0 ? "" : JSON.stringify(r));
-        i.ok && s.onChange(i.value);
+        i.ok && n.onChange(i.value);
       },
-      onClose: s.onClose
+      onClose: n.onClose
     }
   );
 }
 const Lt = /^[a-zA-Z0-9][a-zA-Z0-9._-]*$/, _s = "Untitled workflow", qs = ["id", "key", "manifestVersion"];
-function Vs(s) {
+function Hs(n) {
   let e = 0;
   const r = () => {
-    for (; e < s.length && ` 	
-\r`.includes(s[e]); ) e++;
+    for (; e < n.length && ` 	
+\r`.includes(n[e]); ) e++;
   }, i = () => {
     throw e;
-  }, n = (h) => {
+  }, s = (h) => {
     for (const m of h)
-      s[e] !== m && i(), e++;
+      n[e] !== m && i(), e++;
   }, l = () => {
-    for (e++; s[e] !== '"'; ) {
-      const h = s[e];
+    for (e++; n[e] !== '"'; ) {
+      const h = n[e];
       if ((h === void 0 || h < " ") && i(), h === "\\")
-        if (e++, s[e] === "u")
+        if (e++, n[e] === "u")
           for (let m = 0; m < 4; m++)
-            e++, /[0-9a-fA-F]/.test(s[e] ?? "") || i();
-        else '"\\/bfnrt'.includes(s[e] ?? "x") || i();
+            e++, /[0-9a-fA-F]/.test(n[e] ?? "") || i();
+        else '"\\/bfnrt'.includes(n[e] ?? "x") || i();
       e++;
     }
     e++;
   }, u = /-?(0|[1-9]\d*)(\.\d+)?([eE][+-]?\d+)?/y, d = () => {
-    u.lastIndex = e, u.test(s) || i(), e = u.lastIndex;
-  }, S = () => {
+    u.lastIndex = e, u.test(n) || i(), e = u.lastIndex;
+  }, y = () => {
     r();
-    const h = s[e];
+    const h = n[e];
     if (h === "{" || h === "[") {
       const m = h === "{" ? "}" : "]";
-      if (e++, r(), s[e] === m) {
+      if (e++, r(), n[e] === m) {
         e++;
         return;
       }
       for (; ; )
-        if (m === "}" && (r(), s[e] !== '"' && i(), l(), r(), s[e] !== ":" && i(), e++), S(), r(), s[e] === ",") e++;
-        else if (s[e] === m) {
+        if (m === "}" && (r(), n[e] !== '"' && i(), l(), r(), n[e] !== ":" && i(), e++), y(), r(), n[e] === ",") e++;
+        else if (n[e] === m) {
           e++;
           return;
         } else i();
     }
-    h === '"' ? l() : h === "t" ? n("true") : h === "f" ? n("false") : h === "n" ? n("null") : d();
+    h === '"' ? l() : h === "t" ? s("true") : h === "f" ? s("false") : h === "n" ? s("null") : d();
   };
   try {
-    return S(), r(), e < s.length ? e : null;
+    return y(), r(), e < n.length ? e : null;
   } catch (h) {
-    return typeof h == "number" ? Math.min(h, s.length) : 0;
+    return typeof h == "number" ? Math.min(h, n.length) : 0;
   }
 }
-function Hs(s, e) {
-  const r = e instanceof Error ? e.message : String(e), i = Vs(s);
+function Vs(n, e) {
+  const r = e instanceof Error ? e.message : String(e), i = Hs(n);
   if (i === null) return r;
-  const n = s.slice(0, i), l = n.split(`
-`).length, u = i - n.lastIndexOf(`
+  const s = n.slice(0, i), l = s.split(`
+`).length, u = i - s.lastIndexOf(`
 `);
   return `Line ${l}, column ${u}: ${r}`;
 }
-const ae = (s) => typeof s == "object" && s !== null && !Array.isArray(s);
-function zs(s) {
-  if (typeof s.name != "string" || s.name.length === 0) return "`name` is required.";
-  const e = s.nodes ?? s.steps;
+const ae = (n) => typeof n == "object" && n !== null && !Array.isArray(n);
+function zs(n) {
+  if (typeof n.name != "string" || n.name.length === 0) return "`name` is required.";
+  const e = n.nodes ?? n.steps;
   if (!Array.isArray(e)) return "`nodes` must be an array.";
   const r = /* @__PURE__ */ new Set();
   for (let i = 0; i < e.length; i++) {
-    const n = e[i];
-    if (!ae(n)) return `\`nodes[${i}]\` must be an object.`;
-    if (typeof n.id != "string" || n.id.length === 0)
+    const s = e[i];
+    if (!ae(s)) return `\`nodes[${i}]\` must be an object.`;
+    if (typeof s.id != "string" || s.id.length === 0)
       return `\`nodes[${i}].id\` must be a non-empty string.`;
-    if (n.id.includes(".")) return `Node id "${n.id}" may not contain ".".`;
-    if (r.has(n.id)) return `Node id "${n.id}" is used twice.`;
-    r.add(n.id);
-    const l = n.position;
+    if (s.id.includes(".")) return `Node id "${s.id}" may not contain ".".`;
+    if (r.has(s.id)) return `Node id "${s.id}" is used twice.`;
+    r.add(s.id);
+    const l = s.position;
     if (l !== void 0 && (!ae(l) || !Number.isFinite(l.x) || !Number.isFinite(l.y)))
       return `\`nodes[${i}].position\` must be { "x": number, "y": number }.`;
   }
-  if (s.edges !== void 0) {
-    if (!Array.isArray(s.edges)) return "`edges` must be an array.";
-    for (let i = 0; i < s.edges.length; i++) {
-      const n = s.edges[i];
-      if (!ae(n)) return `\`edges[${i}]\` must be an object.`;
+  if (n.edges !== void 0) {
+    if (!Array.isArray(n.edges)) return "`edges` must be an array.";
+    for (let i = 0; i < n.edges.length; i++) {
+      const s = n.edges[i];
+      if (!ae(s)) return `\`edges[${i}]\` must be an object.`;
       for (const l of ["from", "to"])
-        if (typeof n[l] != "string" || !r.has(n[l]))
+        if (typeof s[l] != "string" || !r.has(s[l]))
           return `\`edges[${i}].${l}\` does not name an existing node.`;
     }
   }
   return null;
 }
-function Gs(s, e) {
+function Gs(n, e) {
   let r;
   try {
-    r = JSON.parse(s);
+    r = JSON.parse(n);
   } catch (d) {
-    return { ok: !1, error: Hs(s, d) };
+    return { ok: !1, error: Vs(n, d) };
   }
   if (!ae(r)) return { ok: !1, error: "The definition must be a JSON object." };
   const i = [];
-  let n = r;
+  let s = r;
   const l = {};
   if (e) {
     for (const d of qs) {
-      const S = Object.hasOwn(e, d), h = Object.hasOwn(n, d);
-      if (!(S === h && JSON.stringify(e[d]) === JSON.stringify(n[d])))
-        if (i.push(d), S)
-          h ? n = { ...n, [d]: e[d] } : l[d] = e[d];
+      const y = Object.hasOwn(e, d), h = Object.hasOwn(s, d);
+      if (!(y === h && JSON.stringify(e[d]) === JSON.stringify(s[d])))
+        if (i.push(d), y)
+          h ? s = { ...s, [d]: e[d] } : l[d] = e[d];
         else {
-          const { [d]: m, ...j } = n;
-          n = j;
+          const { [d]: m, ...j } = s;
+          s = j;
         }
     }
-    n = { ...l, ...n };
+    s = { ...l, ...s };
   }
-  if (typeof n.id == "string" && !Lt.test(n.id))
+  if (typeof s.id == "string" && !Lt.test(s.id))
     return { ok: !1, error: "Invalid workflow id." };
-  const u = zs(n);
-  return u !== null ? { ok: !1, error: u } : { ok: !0, text: i.length > 0 ? JSON.stringify(n, null, 2) : s, restored: i };
+  const u = zs(s);
+  return u !== null ? { ok: !1, error: u } : { ok: !0, text: i.length > 0 ? JSON.stringify(s, null, 2) : n, restored: i };
 }
-function Ys(s, e, r, i) {
-  const n = {};
-  for (const l of s) {
+function Ys(n, e, r, i) {
+  const s = {};
+  for (const l of n) {
     const u = { code: l.code, connection: l.connection };
-    n[l.siteId] = [...Object.hasOwn(n, l.siteId) ? n[l.siteId] : [], u];
+    s[l.siteId] = [...Object.hasOwn(s, l.siteId) ? s[l.siteId] : [], u];
   }
   for (const l of [e, r, i])
     for (const [u, d] of Object.entries(l ?? {}))
-      d.length > 0 && (n[u] = [...Object.hasOwn(n, u) ? n[u] : [], ...d]);
-  return n;
+      d.length > 0 && (s[u] = [...Object.hasOwn(s, u) ? s[u] : [], ...d]);
+  return s;
 }
 const Us = Nn(
-  () => import("@w6w/ui/flow").then((s) => ({ default: s.WorkflowFlowEditor }))
+  () => import("@w6w/ui/flow").then((n) => ({ default: n.WorkflowFlowEditor }))
 );
-function Xs(s) {
+function Xs(n) {
   var wt, St, kt, Nt, Et;
-  const { workflowId: e, project: r, projectPending: i, initialRunId: n, onNavigate: l, slots: u } = s, d = Yn(), S = It(), [h, m] = y(null), [j, z] = y(!1), [de, I] = y(0), [C, D] = y(!1), [G, Y] = y(!1), [U, Ae] = y(!1), [X, Te] = y(void 0), je = w(!0), Oe = w(() => null), Mt = E(
+  const { workflowId: e, project: r, projectPending: i, initialRunId: s, onNavigate: l, slots: u } = n, d = Yn(), y = It(), [h, m] = v(null), [j, z] = v(!1), [de, I] = v(0), [C, D] = v(!1), [G, Y] = v(!1), [U, Ae] = v(!1), [X, Te] = v(void 0), je = S(!0), Oe = S(() => null), Mt = E(
     (t) => {
       const o = t;
       return Lt.test(typeof o.id == "string" ? o.id : "") ? At(X, o.key).reason : "Invalid workflow id.";
@@ -489,23 +489,23 @@ function Xs(s) {
     }
     !f.dirty && c && Te(c.key ?? null);
   }, [f.loading, f.loadError, f.dirty, c]);
-  const [Dt, fe] = y(!1);
+  const [Dt, fe] = v(!1);
   T(() => {
     f.stale || fe(!1);
   }, [f.stale]);
-  const [Bt, Fe] = y(!1), Le = w(!1);
+  const [Bt, Fe] = v(!1), Le = S(!1);
   T(() => {
     f.saving ? Fe(!1) : Le.current && f.error === null && Fe(!0), Le.current = f.saving;
   }, [f.saving, f.error]);
-  const [O, N] = y(null), Me = Rn(), Je = Cn(), De = Pn(), P = An(O), K = (wt = P.data) == null ? void 0 : wt.status, Be = P.isError, Z = Tn(K, Be), Wt = jn(O, K), We = On(
+  const [O, N] = v(null), Me = Rn(), Je = Cn(), De = Pn(), P = An(O), K = (wt = P.data) == null ? void 0 : wt.status, Be = P.isError, Z = Tn(K, Be), Wt = jn(O, K), We = On(
     In(P.data),
     (St = Wt.data) == null ? void 0 : St.writes
-  ), $e = Fn(P.data, We), pe = w(!1), [$t, xe] = y(!1);
+  ), $e = Fn(P.data, We), pe = S(!1), [$t, xe] = v(!1);
   T(() => {
     N(null);
   }, [e]), T(() => {
-    n && N(n);
-  }, [e, n]), T(() => {
+    s && N(s);
+  }, [e, s]), T(() => {
     P.data && P.data.workflowId !== e && N(null);
   }, [P.data, e]);
   async function Ke(t) {
@@ -587,14 +587,14 @@ function Xs(s) {
       Ae(!1);
     }
   }
-  const ee = f.stale ? null : f.error ?? f.loadError, Qe = h ?? (ee === null ? null : ee instanceof Error ? ee.message : String(ee)), qt = c !== null && (Array.isArray(c.nodes) || Array.isArray(c.steps)), _e = (c == null ? void 0 : c.displayName) ?? "", he = Xn(c == null ? void 0 : c.settings), te = ls(c == null ? void 0 : c.initialState), Vt = v(() => cs(c == null ? void 0 : c.variables), [c == null ? void 0 : c.variables]), qe = At(X, c == null ? void 0 : c.key), Ve = c !== null && X !== void 0 && !qe.allowed ? qe.reason : null, R = v(
+  const ee = f.stale ? null : f.error ?? f.loadError, Qe = h ?? (ee === null ? null : ee instanceof Error ? ee.message : String(ee)), qt = c !== null && (Array.isArray(c.nodes) || Array.isArray(c.steps)), _e = (c == null ? void 0 : c.displayName) ?? "", he = Xn(c == null ? void 0 : c.settings), te = ls(c == null ? void 0 : c.initialState), Ht = w(() => cs(c == null ? void 0 : c.variables), [c == null ? void 0 : c.variables]), qe = At(X, c == null ? void 0 : c.key), He = c !== null && X !== void 0 && !qe.allowed ? qe.reason : null, R = w(
     () => Zn(c),
     [c]
-  ), [b, Ht] = y(null);
+  ), [b, Vt] = v(null);
   T(() => {
     let t = !1;
     return import("@w6w/ui/flow").then((o) => {
-      t || Ht({
+      t || Vt({
         internalNodes: o.INTERNAL_NODES,
         isInternalApp: o.isInternalApp,
         internalNodeParams: o.internalNodeParams,
@@ -608,7 +608,7 @@ function Xs(s) {
       t = !0;
     };
   }, []);
-  const Q = v(() => {
+  const Q = w(() => {
     if (b)
       return es(
         { steps: R },
@@ -617,7 +617,7 @@ function Xs(s) {
           asFieldDefs: b.asFieldDefs
         }
       );
-  }, [b, R]), F = v(() => {
+  }, [b, R]), F = w(() => {
     if (!b) return [];
     const t = /* @__PURE__ */ new Set();
     for (const o of R) {
@@ -625,12 +625,12 @@ function Xs(s) {
       p && k && !b.isInternalApp(p) && t.add(p);
     }
     return [...t];
-  }, [b, R]), { byId: ne } = Kn(F), zt = v(() => [...ne.values()], [ne]), He = Re({
+  }, [b, R]), { byId: ne } = Kn(F), zt = w(() => [...ne.values()], [ne]), Ve = Re({
     queries: F.map((t) => ({
       queryKey: Cs(t),
-      queryFn: () => S.getAppActions(t)
+      queryFn: () => y.getAppActions(t)
     }))
-  }), ze = v(() => {
+  }), ze = w(() => {
     var o, p;
     const t = {};
     if (!b) return t;
@@ -642,16 +642,16 @@ function Xs(s) {
         if (b.isInternalApp(A))
           t[Ne] = b.internalNodeParams(A, x);
         else {
-          const Rt = F.indexOf(A), Ee = Rt >= 0 ? (o = He[Rt]) == null ? void 0 : o.data : void 0;
+          const Rt = F.indexOf(A), Ee = Rt >= 0 ? (o = Ve[Rt]) == null ? void 0 : o.data : void 0;
           t[Ne] = ((p = Ee == null ? void 0 : Ee.find((dn) => dn.key === x)) == null ? void 0 : p.params) ?? [];
         }
     }
     return t;
-  }, [b, R, F, He]), _ = v(() => {
+  }, [b, R, F, Ve]), _ = w(() => {
     const t = {};
     for (const [o, p] of ne) t[o] = p;
     return t;
-  }, [ne]), me = v(
+  }, [ne]), me = w(
     () => R.filter((t) => {
       var p;
       const o = (p = t.uses) == null ? void 0 : p.app;
@@ -664,13 +664,13 @@ function Xs(s) {
       queryFn: () => jt(d, e, t.id),
       enabled: !!e
     }))
-  }), Ye = v(() => {
+  }), Ye = w(() => {
     const t = {};
     return me.forEach((o, p) => {
       var k, A;
       t[o.id] = !!((A = (k = Ge[p]) == null ? void 0 : k.data) != null && A.some((x) => x.lastRunStatus === "succeeded"));
     }), t;
-  }, [me, Ge]), q = bs("workflow", e, !!e), be = gs("workflow"), L = ((kt = q.data) == null ? void 0 : kt.currentPublishedVersion) ?? null, V = ys("workflow", e, L, !!e), Ue = V.data !== void 0 && c !== null && Ds(c, V.data.definition), M = q.data === void 0 ? void 0 : L === null ? "unpublished" : V.data === void 0 || f.loading ? void 0 : Ue ? "published" : "draft", [Gt, Xe] = y(!1), Yt = vs("workflow");
+  }, [me, Ge]), q = bs("workflow", e, !!e), be = gs("workflow"), L = ((kt = q.data) == null ? void 0 : kt.currentPublishedVersion) ?? null, H = ys("workflow", e, L, !!e), Ue = H.data !== void 0 && c !== null && Ds(c, H.data.definition), M = q.data === void 0 ? void 0 : L === null ? "unpublished" : H.data === void 0 || f.loading ? void 0 : Ue ? "published" : "draft", [Gt, Xe] = v(!1), Yt = vs("workflow");
   async function Ze(t) {
     Xe(!0), m(null);
     try {
@@ -679,7 +679,7 @@ function Xs(s) {
       Xe(!1);
     }
   }
-  const se = Ot(), et = w(null);
+  const se = Ot(), et = S(null);
   T(() => {
     var t;
     if (!(!e || !O || et.current === O) && Ln(K, (t = P.data) == null ? void 0 : t.workflowId, e)) {
@@ -696,16 +696,16 @@ function Xs(s) {
       queryKey: Tt(t),
       queryFn: () => ms(d, t)
     }))
-  }), nt = v(() => {
+  }), nt = w(() => {
     const t = /* @__PURE__ */ new Map();
     return F.forEach((o, p) => {
       const k = tt[p];
       k && (k.isError ? t.set(o, { state: "error" }) : k.isSuccess && !k.isFetching ? t.set(o, { state: "ready", ids: new Set((k.data ?? []).map((A) => A.id)) }) : t.set(o, { state: "loading" }));
     }), t;
-  }, [F, tt]), W = v(
+  }, [F, tt]), W = w(
     () => ts(R, (t) => nt.get(t), c == null ? void 0 : c.connections),
     [R, nt, c == null ? void 0 : c.connections]
-  ), st = Ns(r ?? void 0, r !== null), ot = Es(), it = ws(), rt = Rs(r ?? void 0), ge = v(() => {
+  ), st = Ns(r ?? void 0, r !== null), ot = Es(), it = ws(), rt = Rs(r ?? void 0), ge = w(() => {
     if (!c) return {};
     const t = (o) => ({
       names: (o.data ?? []).map((p) => p.name),
@@ -720,12 +720,12 @@ function Xs(s) {
         stores: t(rt)
       }
     });
-  }, [c, st, ot, it, rt]), at = v(() => {
+  }, [c, st, ot, it, rt]), at = w(() => {
     const t = {};
     for (const [o, p] of Object.entries(ge))
       t[o] = [{ code: "setup_incomplete", items: p }];
     return t;
-  }, [ge]), Ut = v(
+  }, [ge]), Ut = w(
     () => Ys(
       W,
       b == null ? void 0 : b.findLoopProblems(c),
@@ -733,21 +733,21 @@ function Xs(s) {
       at
     ),
     [W, b, c, at]
-  ), lt = w(/* @__PURE__ */ new Set());
+  ), lt = S(/* @__PURE__ */ new Set());
   T(() => {
     for (const t of W) {
       const o = `${t.app}|${t.connection}`;
       lt.current.has(o) || (lt.current.add(o), se.invalidateQueries({ queryKey: Tt(t.app) }));
     }
   }, [W, se]);
-  const oe = w({ id: e, had: !1 });
+  const oe = S({ id: e, had: !1 });
   oe.current.id !== e && (oe.current = { id: e, had: !1 }), W.length > 0 && (oe.current.had = !0);
   const ct = Ss("workflow"), ye = ss({
     enabled: (Et = q.data) == null ? void 0 : Et.enabled,
     problemCount: W.length,
     dirty: f.dirty,
     hadProblems: oe.current.had
-  }), ve = v(
+  }), ve = w(
     () => ({
       actionParamsByKey: ze,
       appsById: _,
@@ -756,19 +756,19 @@ function Xs(s) {
       isTestRequired: Ct
     }),
     [ze, _, Ye]
-  ), Xt = v(
+  ), Xt = w(
     () => c !== null && b !== null ? os(c, ve) : [],
     [c, b, ve]
-  ), [ut, dt] = y(!1), we = w(!1), H = is({
+  ), [ut, dt] = v(!1), we = S(!1), V = is({
     projectMissing: r === null,
     loading: !B,
     saveBlockedReason: f.saveBlockedReason ?? (B && c === null ? "the workflow JSON does not parse." : null),
     catalogLoading: c !== null && b === null,
     problems: Xt,
     publishing: ut || be.isPending
-  }) ?? (q.isPending || L !== null && V.isPending ? "Checking the published version…" : q.isError || L !== null && V.isError ? "Can't check the published version. Reload to try again." : Ue ? "Already published. Make a change before publishing again." : null);
+  }) ?? (q.isPending || L !== null && H.isPending ? "Checking the published version…" : q.isError || L !== null && H.isError ? "Can't check the published version. Reload to try again." : Ue ? "Already published. Make a change before publishing again." : null);
   async function Se() {
-    if (!(!e || H !== null || we.current)) {
+    if (!(!e || V !== null || we.current)) {
       we.current = !0, dt(!0), m(null);
       try {
         await Ke(() => be.mutateAsync(e));
@@ -792,11 +792,11 @@ function Xs(s) {
     const o = { ...c, ...t };
     m(null), f.commit(JSON.stringify(o, null, 2));
   }
-  const re = w(c);
+  const re = S(c);
   re.current = c;
-  const pt = w(f.commit);
+  const pt = S(f.commit);
   pt.current = f.commit;
-  const ht = w(f.saveNow);
+  const ht = S(f.saveNow);
   ht.current = f.saveNow, T(() => {
     const t = (o) => {
       o.altKey || !(o.metaKey || o.ctrlKey) || o.key.toLowerCase() !== "s" || (o.preventDefault(), !document.querySelector(".w6w-exprmodal") && B && ht.current());
@@ -805,7 +805,7 @@ function Xs(s) {
       document.removeEventListener("keydown", t);
     };
   }, [B]);
-  const en = v(
+  const en = w(
     () => c ? ds(c) : {},
     [c]
   ), tn = E((t) => {
@@ -813,16 +813,16 @@ function Xs(s) {
     if (!o) return;
     const p = fs(o, t);
     m(null), pt.current(JSON.stringify(p, null, 2));
-  }, []), nn = E(() => Y(!0), []), mt = w(() => {
+  }, []), nn = E(() => Y(!0), []), mt = S(() => {
   });
   mt.current = (t) => {
     N(t), l({ type: "run", id: e, runId: t });
   };
-  const bt = E((t) => mt.current(t), []), gt = w(Ze);
+  const bt = E((t) => mt.current(t), []), gt = S(Ze);
   gt.current = Ze;
-  const sn = E((t) => gt.current(t), []), yt = w(Se);
+  const sn = E((t) => gt.current(t), []), yt = S(Se);
   yt.current = Se;
-  const on = E(() => yt.current(), []), ke = w({ saveMeta: ft, patchMeta: ie });
+  const on = E(() => yt.current(), []), ke = S({ saveMeta: ft, patchMeta: ie });
   ke.current = { saveMeta: ft, patchMeta: ie };
   const rn = E(
     (t, o) => {
@@ -834,7 +834,7 @@ function Xs(s) {
     []
   ), an = E((t) => {
     ke.current.patchMeta({ variables: us(t) });
-  }, []), [$, ln] = y(null), vt = w($);
+  }, []), [$, ln] = v(null), vt = S($);
   vt.current = $;
   const cn = E(
     (t) => {
@@ -853,7 +853,7 @@ function Xs(s) {
     onRestoreVersion: sn,
     definitionStatus: M,
     onPublish: on,
-    publishDisabled: H !== null,
+    publishDisabled: V !== null,
     policy: en,
     onPolicyChange: tn,
     hasStartingState: te !== void 0 && Object.keys(te).length > 0,
@@ -862,7 +862,7 @@ function Xs(s) {
     onOpenRun: bt,
     authoringSettings: { autoSave: he.autoSave, savePosition: he.savePosition },
     onAuthoringSettingChange: rn,
-    variables: Vt,
+    variables: Ht,
     onVariablesChange: an,
     onOpenHistory: un
   }), /* @__PURE__ */ g("div", { className: "wf-fullbleed", style: { height: "100%", minWidth: 0, flex: 1 }, children: [
@@ -916,8 +916,8 @@ function Xs(s) {
           /* @__PURE__ */ a(
             $s,
             {
-              disabled: H !== null,
-              message: H ?? (L !== null ? "Republish this draft as a new live version" : "Publish this draft as a new live version"),
+              disabled: V !== null,
+              message: V ?? (L !== null ? "Republish this draft as a new live version" : "Publish this draft as a new live version"),
               children: (t) => /* @__PURE__ */ a(le, { children: /* @__PURE__ */ a(
                 "button",
                 {
@@ -925,7 +925,7 @@ function Xs(s) {
                   className: "btn ghost wf-publish",
                   "data-testid": "wf-publish",
                   onClick: () => void Se(),
-                  disabled: H !== null,
+                  disabled: V !== null,
                   "aria-describedby": t,
                   children: ut || be.isPending ? L !== null ? "Republishing…" : "Publishing…" : L !== null ? M === "draft" ? "Republish" : "Published" : "Publish"
                 }
@@ -998,7 +998,7 @@ function Xs(s) {
         Bt && /* @__PURE__ */ a("span", { className: "ok", children: "Saved." })
       ] }),
       Qe && /* @__PURE__ */ a("div", { className: "error", children: Qe }),
-      Ve && /* @__PURE__ */ a("div", { className: "error", "data-testid": "wf-key-guard", children: Ve })
+      He && /* @__PURE__ */ a("div", { className: "error", "data-testid": "wf-key-guard", children: He })
     ] }),
     Gt && /* @__PURE__ */ a(ue, { title: "Restoring version…", onClose: () => {
     }, children: /* @__PURE__ */ a("div", { className: "modal-body", children: "Replacing the draft…" }) }),
@@ -1052,18 +1052,26 @@ function Xs(s) {
     )
   ] });
 }
-function Zs({ children: s }) {
-  const e = It(), r = Ot(), i = Sn(Ps), n = v(() => ({ ...e, saveStepTest: (...d) => e.saveStepTest(...d).finally(() => {
-    r.invalidateQueries({ queryKey: Pe(d[0], d[1]) });
-  }), recordStepTestRun: (...d) => e.recordStepTestRun(...d).finally(() => {
-    r.invalidateQueries({ queryKey: Pe(d[0], d[1]) });
-  }) }), [e, r]);
-  return /* @__PURE__ */ a(bn, { api: n, theme: i, children: s });
+function Zs({
+  children: n,
+  callableHref: e
+}) {
+  const r = It(), i = Ot(), s = Sn(Ps), l = w(() => ({
+    ...r,
+    saveStepTest: (...y) => r.saveStepTest(...y).finally(() => {
+      i.invalidateQueries({ queryKey: Pe(y[0], y[1]) });
+    }),
+    recordStepTestRun: (...y) => r.recordStepTestRun(...y).finally(() => {
+      i.invalidateQueries({ queryKey: Pe(y[0], y[1]) });
+    }),
+    callableHref: e ?? r.callableHref
+  }), [r, i, e]);
+  return /* @__PURE__ */ a(bn, { api: l, theme: s, children: n });
 }
 const eo = () => {
 };
-function Po(s) {
-  const { workflowId: e, initialRunId: r, onNavigate: i = eo, slots: n } = s, l = ps(s.project), u = hs().status, d = s.project === void 0 && u === "resolving", S = E(
+function Po(n) {
+  const { workflowId: e, initialRunId: r, onNavigate: i = eo, slots: s } = n, l = ps(n.project), u = hs().status, d = n.project === void 0 && u === "resolving", y = E(
     (h) => {
       h.type === "list" ? i({ type: "list" }) : h.kind === "workflow" && i({ type: "workflow", id: h.id });
     },
@@ -1078,10 +1086,10 @@ function Po(s) {
         Ws,
         {
           project: l,
-          onNavigate: S,
-          rail: s.rail,
+          onNavigate: y,
+          rail: n.rail,
           storageKey: l === null ? null : `w6w.rail.embed.${l}`,
-          children: /* @__PURE__ */ a(Zs, { children: /* @__PURE__ */ a(
+          children: /* @__PURE__ */ a(Zs, { callableHref: n.callableHref, children: /* @__PURE__ */ a(
             Xs,
             {
               workflowId: e,
@@ -1089,7 +1097,7 @@ function Po(s) {
               projectPending: d,
               initialRunId: r,
               onNavigate: i,
-              slots: n
+              slots: s
             }
           ) })
         }
@@ -1106,4 +1114,4 @@ export {
   Ws as a,
   Fs as b
 };
-//# sourceMappingURL=WorkflowEditor-CmhXHRxi.js.map
+//# sourceMappingURL=WorkflowEditor-LesBKjb2.js.map