@w6w/embed 0.2.21 → 0.2.22

package/dist/editor.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { W as e } from "./WorkflowEditor-Cgv3Pvsy.js";
+import { W as e } from "./WorkflowEditor-LesBKjb2.js";
 export {
   e as WorkflowEditor
 };

package/dist/editors.mjs

@@ -2,18 +2,18 @@
 var tn = Object.defineProperty;
 var an = (t, i, a) => i in t ? tn(t, i, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[i] = a;
 var Se = (t, i, a) => an(t, typeof i != "symbol" ? i + "" : i, a);
-import { H as sn, E as on, B as rn, a as Re, J as xe, b as De } from "./WorkflowEditor-Cgv3Pvsy.js";
-import { W as Wt } from "./WorkflowEditor-Cgv3Pvsy.js";
+import { H as sn, E as on, B as rn, a as Re, J as xe, b as De } from "./WorkflowEditor-LesBKjb2.js";
+import { W as Wt } from "./WorkflowEditor-LesBKjb2.js";
 import { jsx as e, jsxs as o, Fragment as D } from "react/jsx-runtime";
 import { EditButton as ln, DeleteButton as dn, Copyable as Ke, CodeBlock as cn, IconButton as pe, AppIcon as un, ExpressionInput as hn, StepBuilderModal as mn, ExpressionOptionsProvider as Te } from "@w6w/ui";
-import { useState as b, Component as fn, useRef as _, useEffect as se, useMemo as L, useCallback as he } from "react";
+import { useState as g, Component as fn, useRef as _, useEffect as se, useMemo as L, useCallback as he } from "react";
 import { a as pn, C as yn } from "./ConfirmModal-Pv2-A_3U.js";
 import { D as vn } from "./DocumentFormModal-Br4s8wmi.js";
 import { u as ke } from "./project-context-Tvp-La7A.js";
-import { j as gn, i as bn } from "./spec-import-SWOonsNr.js";
+import { j as bn, i as gn } from "./spec-import-SWOonsNr.js";
 import { ApiError as ye } from "@w6w/sdk";
 import { k as kn, i as wn } from "./apps-CYUgEfGf.js";
-import { C as Nn, c as Ae } from "./editor-tools-j3ThBY_4.js";
+import { C as Nn, c as Ae } from "./editor-tools-DHyWiG21.js";
 import { a as Cn, b as Sn } from "./use-callable-draft-DCauHt5o.js";
 import { E as En, F as In } from "./CreateFunctionModal-DScxp_LN.js";
 import { d as Oe, z as Fn, b as Pn, u as Bn, w as je, v as Me, A as Rn } from "./endpoints-DSRo1Lc5.js";
@@ -48,7 +48,7 @@ function Ot({
   onBack: h,
   slots: d
 }) {
-  const n = ke(i), c = gn(t, n ?? void 0, n != null), I = bn(), [v, N] = b(!1), [m, y] = b(!1);
+  const n = ke(i), c = bn(t, n ?? void 0, n != null), I = gn(), [v, N] = g(!1), [m, y] = g(!1);
   if (c.isPending)
     return /* @__PURE__ */ e("div", { className: "w6w-embed-root", children: /* @__PURE__ */ e("p", { className: "muted", children: "Loading…" }) });
   const s = c.data;
@@ -159,7 +159,7 @@ function Ve({
   );
 }
 function _n({ kind: t, id: i, onOpenRun: a }) {
-  const { hasExecuted: h } = kn(i), [d, n] = b(!1), c = _(null), I = _(!1);
+  const { hasExecuted: h } = kn(i), [d, n] = g(!1), c = _(null), I = _(!1);
   return se(() => {
     var v;
     I.current && !d && ((v = c.current) == null || v.focus()), I.current = d;
@@ -201,7 +201,7 @@ const Yn = {
 function ce(t) {
   return { input: [], ...t, target: t.target ?? Yn };
 }
-function ge(t) {
+function be(t) {
   const { target: i, input: a, ...h } = ce(t), d = {
     ...h,
     key: String(t.key ?? "").trim()
@@ -227,7 +227,7 @@ function Gn(t, i, a) {
 const Xn = (t) => t instanceof Error ? t.message : String(t);
 function Zn(t) {
   var y;
-  const { kind: i, id: a, onError: h } = t, d = qe(i, a, !0), n = jn(i), [c, I] = b(!1), v = ((y = d.data) == null ? void 0 : y.currentPublishedVersion) != null, N = i === "function" ? "fn-publish" : "ep-publish";
+  const { kind: i, id: a, onError: h } = t, d = qe(i, a, !0), n = jn(i), [c, I] = g(!1), v = ((y = d.data) == null ? void 0 : y.currentPublishedVersion) != null, N = i === "function" ? "fn-publish" : "ep-publish";
   async function m() {
     h(null), I(!0);
     try {
@@ -258,7 +258,7 @@ function Zn(t) {
   );
 }
 function Ge(t) {
-  const i = Oe(t.kind), [a, h] = b(null), d = t.slots, n = (d == null ? void 0 : d.backLabel) ?? i.editor.backLabel, c = () => t.onNavigate({ type: "list" });
+  const i = Oe(t.kind), [a, h] = g(null), d = t.slots, n = (d == null ? void 0 : d.backLabel) ?? i.editor.backLabel, c = () => t.onNavigate({ type: "list" });
   return t.notFound ? /* @__PURE__ */ o("div", { children: [
     /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: c, children: n }),
     /* @__PURE__ */ o("div", { className: "card", children: [
@@ -412,7 +412,7 @@ function nt(t) {
         )
       ] }),
       /* @__PURE__ */ e(
-        be,
+        ge,
         {
           label: "Password",
           value: i.basicPassword,
@@ -434,7 +434,7 @@ function nt(t) {
         )
       ] }),
       /* @__PURE__ */ e(
-        be,
+        ge,
         {
           label: "Header value",
           value: i.headerValue,
@@ -443,7 +443,7 @@ function nt(t) {
       )
     ] }),
     h === "jwt" && /* @__PURE__ */ e(
-      be,
+      ge,
       {
         label: "JWT secret (HS256)",
         value: i.jwtSecret,
@@ -452,7 +452,7 @@ function nt(t) {
     )
   ] });
 }
-function be(t) {
+function ge(t) {
   const i = t.value === Wn;
   return /* @__PURE__ */ o("label", { className: "field", children: [
     /* @__PURE__ */ e("span", { children: t.label }),
@@ -469,11 +469,11 @@ function be(t) {
   ] });
 }
 function tt(t) {
-  const { id: i, inputs: a } = t, [h, d] = b({}), [n, c] = b(void 0), [I, v] = b(null), [N, m] = b(!1), y = we(), s = Fn(), P = async () => {
+  const { id: i, inputs: a } = t, [h, d] = g({}), [n, c] = g(void 0), [I, v] = g(null), [N, m] = g(!1), y = we(), s = Fn(), P = async () => {
     const u = {};
     for (const r of a) {
-      const g = Le(r.type, h[r.key] ?? "");
-      g !== void 0 && (u[r.key] = g);
+      const b = Le(r.type, h[r.key] ?? "");
+      b !== void 0 && (u[r.key] = b);
     }
     m(!0);
     try {
@@ -486,8 +486,8 @@ function tt(t) {
         c(void 0), v(fe(r.error));
         return;
       }
-      const g = await s.mutateAsync({ id: i, input: u });
-      v(null), c(g);
+      const b = await s.mutateAsync({ id: i, input: u });
+      v(null), c(b);
     } catch (r) {
       c(void 0), v(fe(r));
     } finally {
@@ -510,7 +510,7 @@ function tt(t) {
           {
             id: r,
             value: h[u.key] ?? "",
-            onChange: (g) => d((F) => ({ ...F, [u.key]: g.target.value })),
+            onChange: (b) => d((F) => ({ ...F, [u.key]: b.target.value })),
             children: [
               /* @__PURE__ */ e("option", { value: "", children: "—" }),
               /* @__PURE__ */ e("option", { value: "true", children: "true" }),
@@ -524,7 +524,7 @@ function tt(t) {
             type: u.type === "number" ? "number" : "text",
             value: h[u.key] ?? "",
             placeholder: u.type === "json" ? "{ }" : u.hint ?? "",
-            onChange: (g) => d((F) => ({ ...F, [u.key]: g.target.value }))
+            onChange: (b) => d((F) => ({ ...F, [u.key]: b.target.value }))
           }
         )
       ] }, u.key || u.label);
@@ -561,9 +561,16 @@ function Xe(t) {
     ] }),
     /* @__PURE__ */ e("p", { className: "muted small", children: d }),
     i.length === 0 && /* @__PURE__ */ e("p", { className: "muted small", children: n ? "No inputs — payload is passed through." : "No inputs yet." }),
+    i.length > 0 && /* @__PURE__ */ o("div", { className: "input-list-head", "aria-hidden": "true", children: [
+      /* @__PURE__ */ e("span", { children: "Key" }),
+      /* @__PURE__ */ e("span", { children: "Label" }),
+      /* @__PURE__ */ e("span", { children: "Type" }),
+      /* @__PURE__ */ e("span", {}),
+      /* @__PURE__ */ e("span", {})
+    ] }),
     /* @__PURE__ */ e("ul", { className: "list", "data-testid": "input-list", children: i.map((m, y) => (
       // biome-ignore lint/suspicious/noArrayIndexKey: rows are positional and reorderable
-      /* @__PURE__ */ o("li", { style: { alignItems: "center", gap: 8 }, children: [
+      /* @__PURE__ */ o("li", { className: "input-list-row", children: [
         /* @__PURE__ */ e(
           "input",
           {
@@ -642,18 +649,18 @@ function Ze(t) {
     const k = `${n}|${c}`, B = r.current;
     r.current = k, B !== null && B !== k && y && c && !s.has(c) && I.invalidateQueries({ queryKey: Un(n) });
   }, [n, c, y, s, I]);
-  const g = Qn({
+  const b = Qn({
     enabled: N,
     problemCount: P,
     dirty: d,
     hadProblems: u.current.had
   });
-  return g.show ? /* @__PURE__ */ e(
+  return b.show ? /* @__PURE__ */ e(
     rn,
     {
       kind: i,
-      problemCount: g.problemCount,
-      canEnable: g.canEnable,
+      problemCount: b.problemCount,
+      canEnable: b.canEnable,
       pending: m.isPending,
       onEnable: () => m.mutate({ id: a, enabled: !0 })
     }
@@ -670,11 +677,11 @@ function en(t) {
     title: c,
     description: I,
     passthroughHint: v
-  } = t, [N, m] = b(!1), y = h, s = y.kind, P = (l) => i.includes(l);
+  } = t, [N, m] = g(!1), y = h, s = y.kind, P = (l) => i.includes(l);
   function u(l) {
     d(l);
   }
-  const r = y.kind === "action" ? y : void 0, g = (r == null ? void 0 : r.uses.app) ?? "", F = (r == null ? void 0 : r.uses.action) ?? "", k = Kn(y), B = qn(g), [W, V] = b(null);
+  const r = y.kind === "action" ? y : void 0, b = (r == null ? void 0 : r.uses.app) ?? "", F = (r == null ? void 0 : r.uses.action) ?? "", k = Kn(y), B = qn(b), [W, V] = g(null);
   se(() => {
     let l = !1;
     return import("@w6w/ui/flow").then((E) => {
@@ -683,7 +690,7 @@ function en(t) {
       l = !0;
     };
   }, []);
-  const Q = wn(g, g !== ""), K = _e(g, g !== ""), oe = He(
+  const Q = wn(b, b !== ""), K = _e(b, b !== ""), oe = He(
     [{ id: "target", uses: r == null ? void 0 : r.uses }],
     () => K.isSuccess && !K.isFetching ? { state: "ready", ids: new Set((K.data ?? []).map((l) => l.id)) } : void 0
   ).length > 0, R = L(
@@ -704,8 +711,8 @@ function en(t) {
     W
   ]);
   se(() => {
-    n == null || n({ meta: { kind: s, ref: s === "action" ? g : k }, kind: s, fields: O });
-  }, [s, g, k, O, n]);
+    n == null || n({ meta: { kind: s, ref: s === "action" ? b : k }, kind: s, fields: O });
+  }, [s, b, k, O, n]);
   function X(l) {
     if (l.uses.app === Nn) {
       const T = l.with ?? {}, M = T.targetKind === "workflow" ? "workflow" : "function", p = typeof T.targetId == "string" ? T.targetId : "";
@@ -767,20 +774,20 @@ function en(t) {
       /* @__PURE__ */ e("select", { value: s, onChange: (l) => ee(l.target.value), children: at.filter(P).map((l) => /* @__PURE__ */ e("option", { value: l, children: it[l] }, l)) })
     ] }),
     s === "action" && /* @__PURE__ */ o(D, { children: [
-      g && F ? /* @__PURE__ */ o("div", { className: "row", style: { alignItems: "center", gap: 8 }, children: [
+      b && F ? /* @__PURE__ */ o("div", { className: "row", style: { alignItems: "center", gap: 8 }, children: [
         /* @__PURE__ */ e(
           un,
           {
             src: B == null ? void 0 : B.iconSvg,
             srcDark: B == null ? void 0 : B.iconSvgDark,
             brandColor: B == null ? void 0 : B.brandColor,
-            name: g
+            name: b
           }
         ),
         /* @__PURE__ */ o("span", { className: "list-main", children: [
           /* @__PURE__ */ e("strong", { children: (R == null ? void 0 : R.title) ?? F }),
           " ",
-          /* @__PURE__ */ e("code", { className: "muted", children: g }),
+          /* @__PURE__ */ e("code", { className: "muted", children: b }),
           /* @__PURE__ */ e("span", { className: "muted small block", children: oe ? /* @__PURE__ */ e("span", { className: "error", "data-testid": "binding-missing", children: "Missing connection — choose another" }) : r != null && r.uses.connection ? `via ${((q = (G = K.data) == null ? void 0 : G.find((l) => l.id === r.uses.connection)) == null ? void 0 : q.displayName) ?? r.uses.connection}` : "no connection" })
         ] }),
         /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: () => m(!0), children: "Change" })
@@ -847,7 +854,7 @@ function en(t) {
         title: re,
         onClose: () => m(!1),
         onAdd: X,
-        initialApp: r && g ? B : void 0,
+        initialApp: r && b ? B : void 0,
         initialAction: r ? F : void 0,
         initialConnection: (r == null ? void 0 : r.uses.connection) ?? void 0,
         initialWith: r == null ? void 0 : r.with
@@ -906,9 +913,9 @@ function jt(t) {
 }
 function ot(t) {
   var Ne;
-  const { id: i, onNavigate: a, slots: h } = t, d = Oe("endpoint"), n = Me(i).data, [c, I] = b([]), v = _(c);
+  const { id: i, onNavigate: a, slots: h } = t, d = Oe("endpoint"), n = Me(i).data, [c, I] = g([]), v = _(c);
   v.current = c;
-  const N = _(!1), m = _(!1), [y, s] = b("id"), [P, u] = b(null), [r, g] = b(!1), [F, k] = b(!1), [B, W] = b(!1), [V, Q] = b(""), [K, oe] = b({ id: i, key: "" }), [R, $] = b(null), re = he((C) => {
+  const N = _(!1), m = _(!1), [y, s] = g("id"), [P, u] = g(null), [r, b] = g(!1), [F, k] = g(!1), [B, W] = g(!1), [V, Q] = g(""), [K, oe] = g({ id: i, key: "" }), [R, $] = g(null), re = he((C) => {
     const H = ce(C), j = Ee({
       target: H.target,
       rows: H.input ?? [],
@@ -990,18 +997,18 @@ function ot(t) {
   ] }) : null, l = !!((f == null ? void 0 : f.key.trim()) ?? "") && G.length === 0 && S.canSave;
   async function E() {
     if (!f) return;
-    const C = await S.commit(ge(f));
+    const C = await S.commit(be(f));
     k(C.status === "saved" || C.status === "clean");
   }
   async function w() {
-    return !f || !S.dirty ? { status: "clean" } : l ? S.commit(ge(f)) : {
+    return !f || !S.dirty ? { status: "clean" } : l ? S.commit(be(f)) : {
       status: "blocked",
       reason: "Fix the highlighted problems, then save, to test this Endpoint."
     };
   }
   function J() {
     if (!f) return;
-    const C = ge(f);
+    const C = be(f);
     Q(JSON.stringify(C, null, 2)), oe({ id: String(C.id), key: String(C.key) }), $(null), W(!0);
   }
   async function T() {
@@ -1054,7 +1061,7 @@ function ot(t) {
               {
                 icon: "edit-2",
                 label: "Edit name, key, and description",
-                onClick: () => g(!0)
+                onClick: () => b(!0)
               }
             )
           ] }),
@@ -1150,12 +1157,12 @@ function ot(t) {
               displayName: f.displayName ?? "",
               description: f.description ?? ""
             },
-            onClose: () => g(!1),
+            onClose: () => b(!1),
             onSaved: (C) => {
               U({
                 displayName: C.displayName,
                 description: C.description
-              }), g(!1);
+              }), b(!1);
             }
           }
         ),
@@ -1213,7 +1220,7 @@ function dt(t) {
     id: i,
     uses: (m == null ? void 0 : m.kind) === "action" ? m.uses : void 0,
     dirty: a.dirty
-  }), s = N instanceof ye && N.status === 404, [P, u] = b(!1), [r, g] = b(null), [F, k] = b(!1), [B, W] = b(!1), V = ((n == null ? void 0 : n.key) ?? "").trim() || $n((n == null ? void 0 : n.displayName) ?? "");
+  }), s = N instanceof ye && N.status === 404, [P, u] = g(!1), [r, b] = g(null), [F, k] = g(!1), [B, W] = g(!1), V = ((n == null ? void 0 : n.key) ?? "").trim() || $n((n == null ? void 0 : n.displayName) ?? "");
   Ae({
     kind: "function",
     id: i,
@@ -1223,7 +1230,7 @@ function dt(t) {
     policy: a.policy,
     onPolicyChange: a.onPolicyChange
   });
-  const Q = (p) => a.setDefinition((A) => ({ ...A, ...p })), [K, oe] = b([]), R = _(!1), $ = _(!1);
+  const Q = (p) => a.setDefinition((A) => ({ ...A, ...p })), [K, oe] = g([]), R = _(!1), $ = _(!1);
   se(() => {
     if (R.current) {
       if (!We({ rows: c, touched: $.current })) {
@@ -1255,9 +1262,9 @@ function dt(t) {
     };
   }
   async function Z() {
-    g(null), k(!1);
+    b(null), k(!1);
     const p = await a.commit(z());
-    p.status === "saved" || p.status === "clean" ? k(!0) : p.status === "blocked" && g(p.reason);
+    p.status === "saved" || p.status === "clean" ? k(!0) : p.status === "blocked" && b(p.reason);
   }
   async function O() {
     return a.dirty ? Y ? a.commit(z()) : {
@@ -1265,7 +1272,7 @@ function dt(t) {
       reason: "Fix the highlighted problems, then save, to test this Function."
     } : { status: "clean" };
   }
-  const [X, U] = b(!1), [ee, ne] = b(""), [te, ae] = b({ id: i, key: "" }), [G, q] = b(null);
+  const [X, U] = g(!1), [ee, ne] = g(""), [te, ae] = g({ id: i, key: "" }), [G, q] = g(null);
   function le() {
     const p = z();
     ne(JSON.stringify(p, null, 2)), ae({ id: String(p.id), key: String(p.key) }), q(null), U(!0);
@@ -1280,7 +1287,7 @@ function dt(t) {
   const E = he(async () => {
     W(!0);
     try {
-      await a.reload(), g(null), k(!1);
+      await a.reload(), b(null), k(!1);
     } finally {
       W(!1);
     }
@@ -1425,12 +1432,12 @@ function dt(t) {
   ) }) });
 }
 function ct(t) {
-  const { id: i, inputs: a } = t, [h, d] = b({}), [n, c] = b(void 0), [I, v] = b(null), [N, m] = b(!1), y = we(), s = Rn();
+  const { id: i, inputs: a } = t, [h, d] = g({}), [n, c] = g(void 0), [I, v] = g(null), [N, m] = g(!1), y = we(), s = Rn();
   async function P() {
     const u = {};
     for (const r of a) {
-      const g = Le(r.type, h[r.key] ?? "");
-      g !== void 0 && (u[r.key] = g);
+      const b = Le(r.type, h[r.key] ?? "");
+      b !== void 0 && (u[r.key] = b);
     }
     m(!0);
     try {
@@ -1443,8 +1450,8 @@ function ct(t) {
         c(void 0), v(fe(r.error));
         return;
       }
-      const g = await s.mutateAsync({ id: i, inputs: u });
-      v(null), c(g);
+      const b = await s.mutateAsync({ id: i, inputs: u });
+      v(null), c(b);
     } catch (r) {
       c(void 0), v(fe(r));
     } finally {
@@ -1468,7 +1475,7 @@ function ct(t) {
           {
             id: r,
             value: h[u.key] ?? "",
-            onChange: (g) => d((F) => ({ ...F, [u.key]: g.target.value })),
+            onChange: (b) => d((F) => ({ ...F, [u.key]: b.target.value })),
             children: [
               /* @__PURE__ */ e("option", { value: "", children: "—" }),
               /* @__PURE__ */ e("option", { value: "true", children: "true" }),
@@ -1482,7 +1489,7 @@ function ct(t) {
             type: u.type === "number" ? "number" : "text",
             value: h[u.key] ?? "",
             placeholder: u.type === "json" ? "{ }" : u.hint ?? "",
-            onChange: (g) => d((F) => ({ ...F, [u.key]: g.target.value }))
+            onChange: (b) => d((F) => ({ ...F, [u.key]: b.target.value }))
           }
         )
       ] }, u.key || u.label);