@w6w/embed 0.2.1 → 0.2.11

package/dist/editors.mjs

@@ -1,28 +1,30 @@
 "use client";
-import { E as $e, a as Ce, J as Se, H as Ee, b as Ie } from "./WorkflowEditor-DlbVv6Fs.js";
-import { W as pt } from "./WorkflowEditor-DlbVv6Fs.js";
+import { E as en, B as nn, a as Be, J as Re, H as De, b as Ke } from "./WorkflowEditor-CwvmAGp2.js";
+import { W as Rt } from "./WorkflowEditor-CwvmAGp2.js";
 import { jsx as e, jsxs as o, Fragment as K } from "react/jsx-runtime";
-import { EditButton as He, DeleteButton as _e, Copyable as Fe, CodeBlock as Ve, IconButton as ye, AppIcon as Ye, ExpressionInput as Ge, StepBuilderModal as Xe, ExpressionOptionsProvider as Pe } from "@w6w/ui";
-import { useState as N, useEffect as ce, useMemo as O, useCallback as de, useRef as le } from "react";
-import { C as ze, a as Ze } from "./ConfirmModal-RLbZT5_k.js";
-import { D as en } from "./DocumentFormModal-BExK1V-B.js";
-import { u as ve } from "./project-context-BiCjv_E3.js";
-import { L as nn, J as tn, m as Be, Y as an, X as on } from "./spec-import-CjmxyZDR.js";
-import { ApiError as he } from "@w6w/sdk";
-import { C as sn, c as De } from "./editor-tools-RxmY5iyi.js";
-import { a as ln, b as rn } from "./use-callable-draft-zHLpcr-b.js";
-import { E as cn, F as dn } from "./CreateFunctionModal-DRsFx-FB.js";
-import { d as Re, x as un, t as hn, r as mn, s as Ke, q as Te, y as pn } from "./endpoints-B2ynbZo-.js";
-import { t as fn, a as xe, c as Ae, I as yn, b as vn, p as me, f as gn, u as we, s as je, m as Je, g as Oe, e as kn, i as wn, d as bn } from "./coerce-input-BicYr7nc.js";
-import { e as ue } from "./rail-settings-XYGToh00.js";
-import { useQueryClient as Le } from "@tanstack/react-query";
-import { SECRET_MASK as Nn } from "@w6w/sdk/console";
-import { u as Cn } from "./apps-1FNUwbGv.js";
-import { h as Sn } from "./connections-CjjYeRqb.js";
-import { u as En } from "./editor-apps-BdenSV1o.js";
-import { s as In } from "./slug-C4ktDPdy.js";
-function Fn(a) {
-  switch (a) {
+import { EditButton as tn, DeleteButton as an, Copyable as Te, CodeBlock as sn, IconButton as be, AppIcon as on, ExpressionInput as rn, StepBuilderModal as ln, ExpressionOptionsProvider as xe } from "@w6w/ui";
+import { useState as w, useMemo as L, useRef as X, useEffect as ce, useCallback as he } from "react";
+import { a as dn, C as cn } from "./ConfirmModal-BE-SdX-O.js";
+import { D as un } from "./DocumentFormModal-YauVdolr.js";
+import { u as ke } from "./project-context-Tvp-La7A.js";
+import { O as hn, M as mn, o as Ae, Z as fn, Y as pn } from "./spec-import-CW6R_Wk1.js";
+import { ApiError as pe } from "@w6w/sdk";
+import { C as yn, d as Oe } from "./editor-tools-B_Lfx3kw.js";
+import { a as vn, b as gn } from "./use-callable-draft-DsALnSfF.js";
+import { E as bn, F as kn } from "./CreateFunctionModal-D6CQLpa_.js";
+import { d as je, z as wn, b as Nn, u as Cn, w as Me, v as Je, A as Sn } from "./endpoints-DSRo1Lc5.js";
+import { t as En, a as Le, c as We, I as In, b as Fn, p as ye, f as Pn, u as Se, s as Qe, m as Ue, g as qe, i as Ee, e as Bn, h as Rn } from "./coerce-input-DttlcSdO.js";
+import { e as me } from "./rail-settings-XYGToh00.js";
+import { f as $e, a as Dn, c as Kn } from "./spec-export-CBbloO_n.js";
+import { useQueryClient as we } from "@tanstack/react-query";
+import { SECRET_MASK as Tn } from "@w6w/sdk/console";
+import { f as He, d as xn } from "./trigger-preview-DKxfjzUY.js";
+import { f as An } from "./apps-CboASBKr.js";
+import { n as _e, e as On } from "./connections-D7cgXhDS.js";
+import { a as jn } from "./editor-apps-BUZWld-m.js";
+import { s as Mn } from "./slug-BVdgiP_L.js";
+function Jn(t) {
+  switch (t) {
     case "yaml":
       return "yaml";
     case "json":
@@ -35,52 +37,52 @@ function Fn(a) {
       return "plaintext";
   }
 }
-function ct({
-  documentId: a,
+function Et({
+  documentId: t,
   project: s,
-  onDeleted: i,
-  onBack: f,
-  slots: u
+  onDeleted: a,
+  onBack: m,
+  slots: c
 }) {
-  const n = ve(s), m = nn(a, n ?? void 0, n != null), F = tn(), [S, g] = N(!1), [d, r] = N(!1);
-  if (m.isPending)
+  const n = ke(s), d = hn(t, n ?? void 0, n != null), I = mn(), [g, N] = w(!1), [h, y] = w(!1);
+  if (d.isPending)
     return /* @__PURE__ */ e("div", { className: "w6w-embed-root", children: /* @__PURE__ */ e("p", { className: "muted", children: "Loading…" }) });
-  const t = m.data;
-  if (!t) {
-    const C = (u == null ? void 0 : u.empty) === void 0 ? /* @__PURE__ */ o(K, { children: [
+  const i = d.data;
+  if (!i) {
+    const r = (c == null ? void 0 : c.empty) === void 0 ? /* @__PURE__ */ o(K, { children: [
       /* @__PURE__ */ e("h3", { children: "Document not found" }),
-      f && /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: f, children: "Back to documents" })
-    ] }) : u.empty;
-    return /* @__PURE__ */ e("div", { className: "w6w-embed-root", children: C });
+      m && /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: m, children: "Back to documents" })
+    ] }) : c.empty;
+    return /* @__PURE__ */ e("div", { className: "w6w-embed-root", children: r });
   }
-  const y = (u == null ? void 0 : u.header) === void 0 ? /* @__PURE__ */ e("h3", { children: t.key }) : u.header, c = (u == null ? void 0 : u.actions) === void 0 ? /* @__PURE__ */ e("div", { className: "card", children: /* @__PURE__ */ o("div", { style: { display: "flex", gap: "var(--w6w-sp-1-5)" }, children: [
-    /* @__PURE__ */ e(ze, { resource: { kind: "document", key: t.key } }),
-    !t.shared && /* @__PURE__ */ o(K, { children: [
+  const P = (c == null ? void 0 : c.header) === void 0 ? /* @__PURE__ */ e("h3", { children: i.key }) : c.header, u = (c == null ? void 0 : c.actions) === void 0 ? /* @__PURE__ */ e("div", { className: "card", children: /* @__PURE__ */ o("div", { style: { display: "flex", gap: "var(--w6w-sp-1-5)" }, children: [
+    /* @__PURE__ */ e(dn, { resource: { kind: "document", key: i.key } }),
+    !i.shared && /* @__PURE__ */ o(K, { children: [
       /* @__PURE__ */ e(
-        He,
+        tn,
         {
           label: "Edit",
-          onClick: () => g(!0),
+          onClick: () => N(!0),
           "data-testid": "document-editor-edit"
         }
       ),
       /* @__PURE__ */ e(
-        _e,
+        an,
         {
           label: "Delete",
-          onClick: () => r(!0),
-          disabled: F.isPending,
+          onClick: () => y(!0),
+          disabled: I.isPending,
           "data-testid": "document-editor-delete"
         }
       )
     ] })
-  ] }) }) : u.actions;
+  ] }) }) : c.actions;
   return /* @__PURE__ */ o("div", { className: "w6w-embed-root w6w-doc-editor", children: [
-    y,
-    c,
+    P,
+    u,
     /* @__PURE__ */ o("div", { className: "card", children: [
       /* @__PURE__ */ e("h3", { children: "Key" }),
-      /* @__PURE__ */ e(Fe, { value: t.key, readOnly: !0, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(Te, { value: i.key, readOnly: !0, children: /* @__PURE__ */ e(
         "code",
         {
           style: {
@@ -91,7 +93,7 @@ function ct({
             textOverflow: "ellipsis",
             flex: 1
           },
-          children: t.key
+          children: i.key
         }
       ) })
     ] }),
@@ -99,111 +101,157 @@ function ct({
       /* @__PURE__ */ e("h3", { children: "Content" }),
       /* @__PURE__ */ o("p", { className: "muted small", children: [
         "Format ",
-        /* @__PURE__ */ e("code", { children: t.format }),
+        /* @__PURE__ */ e("code", { children: i.format }),
         ". Stored verbatim — this is a read-only view, not a rendered preview."
       ] }),
       /* @__PURE__ */ e(
-        Ve,
+        sn,
         {
-          code: t.content,
-          language: Fn(t.format),
+          code: i.content,
+          language: Jn(i.format),
           showLineNumbers: !0
         }
       )
     ] }),
-    S && /* @__PURE__ */ e(
-      en,
+    g && /* @__PURE__ */ e(
+      un,
       {
-        initial: t,
+        initial: i,
         project: n,
-        onClose: () => g(!1),
-        onSaved: () => g(!1)
+        onClose: () => N(!1),
+        onSaved: () => N(!1)
       }
     ),
-    d && /* @__PURE__ */ e(
-      Ze,
+    h && /* @__PURE__ */ e(
+      cn,
       {
         title: "Delete document",
-        message: `Delete the document "${t.key}"? This cannot be undone.`,
+        message: `Delete the document "${i.key}"? This cannot be undone.`,
         confirmLabel: "Delete",
         onConfirm: () => {
-          r(!1), n != null && F.mutate({ id: t.id, project: n }, { onSuccess: () => i == null ? void 0 : i() });
+          y(!1), n != null && I.mutate({ id: i.id, project: n }, { onSuccess: () => a == null ? void 0 : a() });
         },
-        onClose: () => r(!1)
+        onClose: () => y(!1)
       }
     )
   ] });
 }
-const Pn = {
+const Ln = {
   kind: "action",
   uses: { app: "", action: "", connection: null }
 };
-function se(a) {
-  return { input: [], ...a, target: a.target ?? Pn };
+function de(t) {
+  return { input: [], ...t, target: t.target ?? Ln };
 }
-function be(a) {
-  const { target: s, input: i, ...f } = se(a), u = {
-    ...f,
-    key: String(a.key ?? "").trim()
+function ve(t) {
+  const { target: s, input: a, ...m } = de(t), c = {
+    ...m,
+    key: String(t.key ?? "").trim()
   };
-  fn(s) && (u.target = s);
-  const n = xe(i ?? [], { emptyMeansPassthrough: !0 });
-  return n !== void 0 && (u.input = n), u;
+  En(s) && (c.target = s);
+  const n = Le(a ?? [], { emptyMeansPassthrough: !0 });
+  return n !== void 0 && (c.input = n), c;
 }
-function Me(a) {
-  return a && a.length > 1 ? a : void 0;
+function Ve(t) {
+  return t && t.length > 1 ? t : void 0;
 }
-function Bn(a, s) {
-  const i = Me(a);
-  return i ? i.find((f) => f.domain === s) ?? i.find((f) => f.default) ?? i[0] : null;
+function Wn(t, s) {
+  const a = Ve(t);
+  return a ? a.find((m) => m.domain === s) ?? a.find((m) => m.default) ?? a[0] : null;
 }
-function Dn(a, s, i) {
-  return a ?? {
+function Qn(t, s, a) {
+  return t ?? {
     url: s ?? "",
-    urlByKey: i,
+    urlByKey: a,
     resolves: !0
   };
 }
-function We(a) {
-  const s = Re(a.kind), i = a.slots, f = (i == null ? void 0 : i.backLabel) ?? s.editor.backLabel, u = () => a.onNavigate({ type: "list" });
-  return a.notFound ? /* @__PURE__ */ o("div", { children: [
-    /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: u, children: f }),
+const Un = (t) => t instanceof Error ? t.message : String(t);
+function qn(t) {
+  var y;
+  const { kind: s, id: a, onError: m } = t, c = $e(s, a, !0), n = Dn(s), [d, I] = w(!1), g = ((y = c.data) == null ? void 0 : y.currentPublishedVersion) != null, N = s === "function" ? "fn-publish" : "ep-publish";
+  async function h() {
+    m(null), I(!0);
+    try {
+      const i = await t.saveFirst();
+      if (i.status === "blocked") {
+        m(i.reason);
+        return;
+      }
+      if (i.status === "failed") return;
+      await n.mutateAsync(a);
+    } catch (i) {
+      m(Un(i));
+    } finally {
+      I(!1);
+    }
+  }
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      className: `btn ghost wf-publish${g ? " active" : ""}`,
+      "data-testid": N,
+      onClick: () => void h(),
+      disabled: t.disabled || d || n.isPending,
+      title: g ? "Published — click to publish a new version" : "Never published — click to publish",
+      children: d || n.isPending ? "Publishing…" : g ? "● Published" : "Publish"
+    }
+  );
+}
+function Ye(t) {
+  const s = je(t.kind), [a, m] = w(null), c = t.slots, n = (c == null ? void 0 : c.backLabel) ?? s.editor.backLabel, d = () => t.onNavigate({ type: "list" });
+  return t.notFound ? /* @__PURE__ */ o("div", { children: [
+    /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: d, children: n }),
     /* @__PURE__ */ o("div", { className: "card", children: [
       /* @__PURE__ */ e("h3", { children: s.editor.notFoundTitle }),
-      /* @__PURE__ */ e("p", { className: "error", children: a.error })
+      /* @__PURE__ */ e("p", { className: "error", children: t.error })
     ] })
   ] }) : /* @__PURE__ */ o("div", { className: "exec-profile-editor", children: [
-    (i == null ? void 0 : i.header) ?? /* @__PURE__ */ e(
-      $e,
+    (c == null ? void 0 : c.header) ?? /* @__PURE__ */ e(
+      en,
       {
-        onBack: u,
-        backLabel: f,
-        title: { editable: !1, value: a.title },
-        titleAdornment: a.incomplete && /* @__PURE__ */ e("span", { className: "badge status-failed", children: "incomplete" }),
+        onBack: d,
+        backLabel: n,
+        title: { editable: !1, value: t.title },
+        titleAdornment: t.incomplete && /* @__PURE__ */ e("span", { className: "badge status-failed", children: "incomplete" }),
         actions: /* @__PURE__ */ o(K, { children: [
-          a.headerActions,
+          t.headerActions,
+          t.publish && t.kind !== "workflow" && /* @__PURE__ */ e(qn, { kind: t.kind, ...t.publish, onError: m }),
           /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               className: "btn",
-              disabled: !a.canSave,
-              onClick: a.onSave,
-              children: a.isSaving ? "Saving…" : s.editor.saveLabel
+              disabled: !t.canSave,
+              onClick: t.onSave,
+              children: t.isSaving ? "Saving…" : s.editor.saveLabel
             }
           ),
-          i == null ? void 0 : i.headerActions
+          c == null ? void 0 : c.headerActions
         ] })
       }
     ),
-    /* @__PURE__ */ o("div", { className: "exec-profile-body", children: [
-      a.error && /* @__PURE__ */ e("div", { className: "error", children: a.error }),
-      a.banners,
-      a.children
+    /* @__PURE__ */ o("div", { className: "exec-profile-body w6w-card-stack", children: [
+      t.error && /* @__PURE__ */ e("div", { className: "error", children: t.error }),
+      a && !(c != null && c.header) && /* @__PURE__ */ e("div", { className: "error", children: a }),
+      t.banners,
+      t.children
     ] })
   ] });
 }
-const Ne = [
+const Ie = {
+  function_not_published: "This Function has never been published, so callers outside the editor cannot run it yet. Publish it with the Publish button next to Save.",
+  endpoint_not_published: "This Endpoint has never been published, so its public URL will not answer yet. Publish it with the Publish button next to Save.",
+  function_disabled: "This Function is disabled. Enable it in Settings, then try again.",
+  endpoint_disabled: "This Endpoint is disabled. Enable it in Settings, then try again.",
+  function_incomplete: "This Function has no usable Implementation yet. Bind an app and action, or another callable, then try again.",
+  endpoint_incomplete: "This Endpoint has no usable Target yet. Pick what it should dispatch to, then try again."
+};
+function fe(t) {
+  return t instanceof pe ? Object.hasOwn(Ie, t.code) ? Ie[t.code] : t.message : t instanceof Error ? t.message : String(t);
+}
+const Fe = [
   {
     value: "platform",
     label: "Platform auth (default)",
@@ -230,51 +278,51 @@ const Ne = [
     hint: "A Bearer JWT, verified HS256 against the shared secret below."
   }
 ];
-function Rn(a) {
-  var g;
-  const { entry: s, domainOptions: i, urlDomain: f, onUrlDomain: u, urlForm: n, onUrlForm: m } = a, F = s.urlByKey !== void 0 && s.urlByKey !== "", S = n === "key" && s.urlByKey ? s.urlByKey : s.url;
+function $n(t) {
+  var N;
+  const { entry: s, domainOptions: a, urlDomain: m, onUrlDomain: c, urlForm: n, onUrlForm: d } = t, I = s.urlByKey !== void 0 && s.urlByKey !== "", g = n === "key" && s.urlByKey ? s.urlByKey : s.url;
   return /* @__PURE__ */ o("div", { className: "card", children: [
     /* @__PURE__ */ e("h3", { children: "URL" }),
-    i && /* @__PURE__ */ o("label", { className: "field", children: [
+    a && /* @__PURE__ */ o("label", { className: "field", children: [
       /* @__PURE__ */ e("span", { children: "Domain" }),
       /* @__PURE__ */ e(
         "select",
         {
           "data-testid": "url-domain",
-          value: f ?? ((g = i[0]) == null ? void 0 : g.domain),
-          onChange: (d) => u(d.target.value),
-          children: i.map((d) => /* @__PURE__ */ e("option", { value: d.domain, children: d.domain + (d.default ? " · default" : "") + (d.resolves ? "" : " · not routable yet") }, d.domain))
+          value: m ?? ((N = a[0]) == null ? void 0 : N.domain),
+          onChange: (h) => c(h.target.value),
+          children: a.map((h) => /* @__PURE__ */ e("option", { value: h.domain, children: h.domain + (h.default ? " · default" : "") + (h.resolves ? "" : " · not routable yet") }, h.domain))
         }
       )
     ] }),
-    F && /* @__PURE__ */ e("fieldset", { className: "seg", "aria-label": "URL form", children: [
+    I && /* @__PURE__ */ e("fieldset", { className: "seg", "aria-label": "URL form", children: [
       ["id", "By id", "The stable, host-issued address. Never changes."],
       ["key", "By key", "The readable address, built from the account and this key."]
-    ].map(([d, r, t]) => /* @__PURE__ */ e(
+    ].map(([h, y, i]) => /* @__PURE__ */ e(
       "button",
       {
         type: "button",
-        className: `seg-btn${n === d ? " active" : ""}`,
-        "aria-pressed": n === d,
-        "data-testid": `url-form-${d}`,
-        title: t,
-        onClick: () => m(d),
-        children: r
+        className: `seg-btn${n === h ? " active" : ""}`,
+        "aria-pressed": n === h,
+        "data-testid": `url-form-${h}`,
+        title: i,
+        onClick: () => d(h),
+        children: y
       },
-      d
+      h
     )) }),
-    /* @__PURE__ */ e("div", { className: "row", style: { alignItems: "center", gap: "var(--w6w-sp-2)" }, children: /* @__PURE__ */ e(Fe, { value: S, readOnly: !0, children: /* @__PURE__ */ o("code", { style: { overflowWrap: "anywhere" }, children: [
+    /* @__PURE__ */ e("div", { className: "row", style: { alignItems: "center", gap: "var(--w6w-sp-2)" }, children: /* @__PURE__ */ e(Te, { value: g, readOnly: !0, children: /* @__PURE__ */ o("code", { style: { overflowWrap: "anywhere" }, children: [
       /* @__PURE__ */ e("strong", { children: "POST" }),
       " ",
-      /* @__PURE__ */ e("span", { "data-testid": "invoke-url", children: S || "…" })
+      /* @__PURE__ */ e("span", { "data-testid": "invoke-url", children: g || "…" })
     ] }) }) }),
     !s.resolves && /* @__PURE__ */ e("p", { className: "muted small", "data-testid": "url-unroutable", children: "Not routable yet — this domain has no DNS or TLS behind it, so a call to this address will not answer." }),
     /* @__PURE__ */ e("p", { className: "muted small", style: { marginTop: "var(--w6w-sp-2)" }, children: "Send the declared input as a JSON body." })
   ] });
 }
-function Kn(a) {
-  var u;
-  const { security: s, onPatch: i } = a, f = s.auth;
+function Hn(t) {
+  var c;
+  const { security: s, onPatch: a } = t, m = s.auth;
   return /* @__PURE__ */ o("div", { className: "card", children: [
     /* @__PURE__ */ e("h3", { children: "Security" }),
     /* @__PURE__ */ o("label", { className: "field", children: [
@@ -282,18 +330,18 @@ function Kn(a) {
       /* @__PURE__ */ e(
         "select",
         {
-          value: f,
-          onChange: (n) => i({ auth: n.target.value }),
-          children: Ne.map((n) => /* @__PURE__ */ e("option", { value: n.value, children: n.label }, n.value))
+          value: m,
+          onChange: (n) => a({ auth: n.target.value }),
+          children: Fe.map((n) => /* @__PURE__ */ e("option", { value: n.value, children: n.label }, n.value))
         }
       ),
-      /* @__PURE__ */ e("span", { className: "hint", children: (u = Ne.find((n) => n.value === f)) == null ? void 0 : u.hint })
+      /* @__PURE__ */ e("span", { className: "hint", children: (c = Fe.find((n) => n.value === m)) == null ? void 0 : c.hint })
     ] }),
-    f !== "platform" && /* @__PURE__ */ o("p", { className: "muted small", children: [
+    m !== "platform" && /* @__PURE__ */ o("p", { className: "muted small", children: [
       /* @__PURE__ */ e("strong", { children: "Runs as this Endpoint's owner." }),
       " A caller authenticated by the policy above carries no w6w identity, so the target runs with the connections and data of whoever owns this Endpoint."
     ] }),
-    f === "basic" && /* @__PURE__ */ o(K, { children: [
+    m === "basic" && /* @__PURE__ */ o(K, { children: [
       /* @__PURE__ */ o("label", { className: "field", children: [
         /* @__PURE__ */ e("span", { children: "Username" }),
         /* @__PURE__ */ e(
@@ -301,20 +349,20 @@ function Kn(a) {
           {
             type: "text",
             value: s.basicUser ?? "",
-            onChange: (n) => i({ basicUser: n.target.value })
+            onChange: (n) => a({ basicUser: n.target.value })
           }
         )
       ] }),
       /* @__PURE__ */ e(
-        pe,
+        ge,
         {
           label: "Password",
           value: s.basicPassword,
-          onChange: (n) => i({ basicPassword: n })
+          onChange: (n) => a({ basicPassword: n })
         }
       )
     ] }),
-    f === "header" && /* @__PURE__ */ o(K, { children: [
+    m === "header" && /* @__PURE__ */ o(K, { children: [
       /* @__PURE__ */ o("label", { className: "field", children: [
         /* @__PURE__ */ e("span", { children: "Header name" }),
         /* @__PURE__ */ e(
@@ -323,82 +371,88 @@ function Kn(a) {
             type: "text",
             placeholder: "X-API-Key",
             value: s.headerName ?? "",
-            onChange: (n) => i({ headerName: n.target.value })
+            onChange: (n) => a({ headerName: n.target.value })
           }
         )
       ] }),
       /* @__PURE__ */ e(
-        pe,
+        ge,
         {
           label: "Header value",
           value: s.headerValue,
-          onChange: (n) => i({ headerValue: n })
+          onChange: (n) => a({ headerValue: n })
         }
       )
     ] }),
-    f === "jwt" && /* @__PURE__ */ e(
-      pe,
+    m === "jwt" && /* @__PURE__ */ e(
+      ge,
       {
         label: "JWT secret (HS256)",
         value: s.jwtSecret,
-        onChange: (n) => i({ jwtSecret: n })
+        onChange: (n) => a({ jwtSecret: n })
       }
     )
   ] });
 }
-function pe(a) {
-  const s = a.value === Nn;
+function ge(t) {
+  const s = t.value === Tn;
   return /* @__PURE__ */ o("label", { className: "field", children: [
-    /* @__PURE__ */ e("span", { children: a.label }),
+    /* @__PURE__ */ e("span", { children: t.label }),
     /* @__PURE__ */ e(
       "input",
       {
         type: "password",
-        value: s ? "" : a.value ?? "",
+        value: s ? "" : t.value ?? "",
         placeholder: s ? "•••••••• (stored — type to replace)" : "",
-        onChange: (i) => a.onChange(i.target.value)
+        onChange: (a) => t.onChange(a.target.value)
       }
     ),
     s && /* @__PURE__ */ e("span", { className: "hint", children: "A secret is stored — type to replace it." })
   ] });
 }
-function Tn(a) {
-  const { id: s, inputs: i } = a, [f, u] = N({}), [n, m] = N(void 0), [F, S] = N(null), g = Le(), d = un(), r = () => {
-    const t = {};
-    for (const y of i) {
-      const c = Ae(y.type, f[y.key] ?? "");
-      c !== void 0 && (t[y.key] = c);
+function _n(t) {
+  const { id: s, inputs: a } = t, [m, c] = w({}), [n, d] = w(void 0), [I, g] = w(null), [N, h] = w(!1), y = we(), i = wn(), P = async () => {
+    const u = {};
+    for (const r of a) {
+      const v = We(r.type, m[r.key] ?? "");
+      v !== void 0 && (u[r.key] = v);
     }
-    d.mutate(
-      { id: s, input: t },
-      {
-        onSuccess: (y) => {
-          S(null), m(y);
-        },
-        onError: (y) => {
-          m(void 0), S((y instanceof he, y.message));
-        },
-        onSettled: () => g.invalidateQueries({ queryKey: Be.root })
+    h(!0);
+    try {
+      const r = await t.saveFirst();
+      if (r.status === "blocked") {
+        d(void 0), g(r.reason);
+        return;
       }
-    );
+      if (r.status === "failed") {
+        d(void 0), g(fe(r.error));
+        return;
+      }
+      const v = await i.mutateAsync({ id: s, input: u });
+      g(null), d(v);
+    } catch (r) {
+      d(void 0), g(fe(r));
+    } finally {
+      h(!1), y.invalidateQueries({ queryKey: Ae.root });
+    }
   };
   return /* @__PURE__ */ o("div", { className: "card", children: [
     /* @__PURE__ */ e("h3", { children: "Test invoke" }),
-    /* @__PURE__ */ e("p", { className: "muted small", children: "Dispatches the saved Endpoint to its target. Save any edits first. An Action or Function target returns a value; a Workflow target returns a run id to poll." }),
-    i.length === 0 && /* @__PURE__ */ e("p", { className: "muted small", children: "No declared inputs — the payload is passed through." }),
-    i.map((t) => {
-      const y = `ep-invoke-${s}-${t.key || t.label}`;
+    /* @__PURE__ */ e("p", { className: "muted small", children: "Dispatches the saved draft to its target — no need to publish first. Unsaved edits are saved first. An Action or Function target returns a value; a Workflow target returns a run id to poll." }),
+    a.length === 0 && /* @__PURE__ */ e("p", { className: "muted small", children: "No declared inputs — the payload is passed through." }),
+    a.map((u) => {
+      const r = `ep-invoke-${s}-${u.key || u.label}`;
       return /* @__PURE__ */ o("div", { className: "field", children: [
-        /* @__PURE__ */ o("label", { htmlFor: y, children: [
-          t.label || t.key,
-          t.required && " *"
+        /* @__PURE__ */ o("label", { htmlFor: r, children: [
+          u.label || u.key,
+          u.required && " *"
         ] }),
-        t.type === "boolean" ? /* @__PURE__ */ o(
+        u.type === "boolean" ? /* @__PURE__ */ o(
           "select",
           {
-            id: y,
-            value: f[t.key] ?? "",
-            onChange: (c) => u((C) => ({ ...C, [t.key]: c.target.value })),
+            id: r,
+            value: m[u.key] ?? "",
+            onChange: (v) => c((F) => ({ ...F, [u.key]: v.target.value })),
             children: [
               /* @__PURE__ */ e("option", { value: "", children: "—" }),
               /* @__PURE__ */ e("option", { value: "true", children: "true" }),
@@ -408,68 +462,77 @@ function Tn(a) {
         ) : /* @__PURE__ */ e(
           "input",
           {
-            id: y,
-            type: t.type === "number" ? "number" : "text",
-            value: f[t.key] ?? "",
-            placeholder: t.type === "json" ? "{ }" : t.hint ?? "",
-            onChange: (c) => u((C) => ({ ...C, [t.key]: c.target.value }))
+            id: r,
+            type: u.type === "number" ? "number" : "text",
+            value: m[u.key] ?? "",
+            placeholder: u.type === "json" ? "{ }" : u.hint ?? "",
+            onChange: (v) => c((F) => ({ ...F, [u.key]: v.target.value }))
           }
         )
-      ] }, t.key || t.label);
+      ] }, u.key || u.label);
     }),
-    /* @__PURE__ */ e("div", { className: "row", children: /* @__PURE__ */ e("button", { type: "button", className: "btn", disabled: d.isPending, onClick: r, children: d.isPending ? "Invoking…" : "Invoke" }) }),
-    F && /* @__PURE__ */ e("div", { className: "result error", children: F }),
+    /* @__PURE__ */ e("div", { className: "row", children: /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "btn",
+        disabled: N || i.isPending,
+        onClick: () => void P(),
+        children: N || i.isPending ? "Invoking…" : "Invoke"
+      }
+    ) }),
+    I && /* @__PURE__ */ e("div", { className: "result error", children: I }),
     n !== void 0 && /* @__PURE__ */ e("pre", { className: "result", style: { overflow: "auto" }, children: JSON.stringify(n, null, 2) })
   ] });
 }
-function qe(a) {
-  const { rows: s, onChange: i, title: f, description: u, emptyMeansPassthrough: n, uncoveredKeys: m } = a;
-  function F() {
-    i([...s, { key: "", label: "", type: "string" }]);
+function ze(t) {
+  const { rows: s, onChange: a, title: m, description: c, emptyMeansPassthrough: n, uncoveredKeys: d } = t;
+  function I() {
+    a([...s, { key: "", label: "", type: "string" }]);
   }
-  function S(d, r) {
-    i(s.map((t, y) => y === d ? { ...t, ...r } : t));
+  function g(h, y) {
+    a(s.map((i, P) => P === h ? { ...i, ...y } : i));
   }
-  function g(d) {
-    i(s.filter((r, t) => t !== d));
+  function N(h) {
+    a(s.filter((y, i) => i !== h));
   }
   return /* @__PURE__ */ o("div", { className: "card", children: [
     /* @__PURE__ */ o("div", { className: "row", style: { justifyContent: "space-between", alignItems: "center" }, children: [
-      /* @__PURE__ */ e("h3", { children: f }),
-      /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: F, children: "+ Add input" })
+      /* @__PURE__ */ e("h3", { children: m }),
+      /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: I, children: "+ Add input" })
     ] }),
-    /* @__PURE__ */ e("p", { className: "muted small", children: u }),
+    /* @__PURE__ */ e("p", { className: "muted small", children: c }),
     s.length === 0 && /* @__PURE__ */ e("p", { className: "muted small", children: n ? "No inputs — payload is passed through." : "No inputs yet." }),
-    /* @__PURE__ */ e("ul", { className: "list", "data-testid": "input-list", children: s.map((d, r) => (
+    /* @__PURE__ */ e("ul", { className: "list", "data-testid": "input-list", children: s.map((h, y) => (
       // biome-ignore lint/suspicious/noArrayIndexKey: rows are positional and reorderable
       /* @__PURE__ */ o("li", { style: { alignItems: "center", gap: 8 }, children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
-            value: d.key,
+            value: h.key,
             placeholder: "key",
             "aria-label": "Input key",
-            onChange: (t) => S(r, { key: t.target.value })
+            onChange: (i) => g(y, { key: i.target.value })
           }
         ),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
-            value: d.label,
+            value: h.label,
             placeholder: "Label",
             "aria-label": "Input label",
-            onChange: (t) => S(r, { label: t.target.value })
+            onChange: (i) => g(y, { label: i.target.value })
           }
         ),
         /* @__PURE__ */ e(
           "select",
           {
-            value: d.type,
+            value: h.type,
             "aria-label": "Input type",
-            onChange: (t) => S(r, { type: t.target.value }),
-            children: yn.map((t) => /* @__PURE__ */ e("option", { value: t, children: t }, t))
+            onChange: (i) => g(y, { type: i.target.value }),
+            children: In.map((i) => /* @__PURE__ */ e("option", { value: i, children: i }, i))
           }
         ),
         /* @__PURE__ */ o("label", { className: "row", style: { gap: 4, alignItems: "center" }, children: [
@@ -477,173 +540,214 @@ function qe(a) {
             "input",
             {
               type: "checkbox",
-              checked: d.required ?? !1,
-              onChange: (t) => S(r, { required: t.target.checked })
+              checked: h.required ?? !1,
+              onChange: (i) => g(y, { required: i.target.checked })
             }
           ),
           /* @__PURE__ */ e("span", { className: "muted small", children: "required" })
         ] }),
         /* @__PURE__ */ e(
-          ye,
+          be,
           {
             danger: !0,
             icon: "close",
-            label: `Remove input ${d.key || r + 1}`,
-            onClick: () => g(r)
+            label: `Remove input ${h.key || y + 1}`,
+            onClick: () => N(y)
           }
         )
-      ] }, r)
+      ] }, y)
     )) }),
-    m && m.length > 0 && /* @__PURE__ */ o("p", { className: "muted small", "data-testid": "input-uncovered", children: [
+    d && d.length > 0 && /* @__PURE__ */ o("p", { className: "muted small", "data-testid": "input-uncovered", children: [
       "Missing required field",
-      m.length > 1 ? "s" : "",
+      d.length > 1 ? "s" : "",
       " for the current target:",
       " ",
-      m.join(", ")
+      d.join(", ")
     ] })
   ] });
 }
-const xn = ["action", "function", "workflow", "endpoint"], An = {
+const Vn = ["action", "function", "workflow", "endpoint"], Yn = {
   action: "Action (synchronous)",
   function: "Function (synchronous)",
   workflow: "Workflow (asynchronous)",
   endpoint: "Endpoint (dispatches to another Endpoint)"
 };
-function Qe(a) {
-  var Q, _, V;
-  const { allowedKinds: s, value: i, onChange: f, onResolved: u, title: n, description: m, passthroughHint: F } = a, [S, g] = N(!1), d = i, r = d.kind, t = (l) => s.includes(l);
-  function y(l) {
-    f(l);
+function Ge(t) {
+  var F;
+  const { kind: s, id: a, uses: m, dirty: c } = t, n = (m == null ? void 0 : m.app) ?? "", d = (m == null ? void 0 : m.connection) ?? "", I = we(), g = _e(n, n !== ""), N = (F = $e(s, a, !0).data) == null ? void 0 : F.enabled, h = Kn(s), y = g.isSuccess && !g.isFetching, i = L(() => new Set((g.data ?? []).map((b) => b.id)), [g.data]), P = He(
+    [{ id: "target", uses: m }],
+    () => y ? { state: "ready", ids: i } : void 0
+  ).length, u = X({ id: a, had: !1 });
+  u.current.id !== a && (u.current = { id: a, had: !1 }), P > 0 && (u.current.had = !0);
+  const r = X(null);
+  ce(() => {
+    const b = `${n}|${d}`, B = r.current;
+    r.current = b, B !== null && B !== b && y && d && !i.has(d) && I.invalidateQueries({ queryKey: On(n) });
+  }, [n, d, y, i, I]);
+  const v = xn({
+    enabled: N,
+    problemCount: P,
+    dirty: c,
+    hadProblems: u.current.had
+  });
+  return v.show ? /* @__PURE__ */ e(
+    nn,
+    {
+      kind: s,
+      problemCount: v.problemCount,
+      canEnable: v.canEnable,
+      pending: h.isPending,
+      onEnable: () => h.mutate({ id: a, enabled: !0 })
+    }
+  ) : null;
+}
+function Xe(t) {
+  var z, q, re;
+  const {
+    allowedKinds: s,
+    excludeCallableIds: a,
+    value: m,
+    onChange: c,
+    onResolved: n,
+    title: d,
+    description: I,
+    passthroughHint: g
+  } = t, [N, h] = w(!1), y = m, i = y.kind, P = (l) => s.includes(l);
+  function u(l) {
+    c(l);
   }
-  const c = d.kind === "action" ? d : void 0, C = (c == null ? void 0 : c.uses.app) ?? "", D = (c == null ? void 0 : c.uses.action) ?? "", E = vn(d), B = En(C), [M, L] = N(null);
+  const r = y.kind === "action" ? y : void 0, v = (r == null ? void 0 : r.uses.app) ?? "", F = (r == null ? void 0 : r.uses.action) ?? "", b = Fn(y), B = jn(v), [W, _] = w(null);
   ce(() => {
     let l = !1;
-    return import("@w6w/ui/flow").then((b) => {
-      l || L({ isTriggerApp: b.isTriggerApp, asFieldDefs: b.asFieldDefs });
+    return import("@w6w/ui/flow").then((E) => {
+      l || _({ isTriggerApp: E.isTriggerApp, asFieldDefs: E.asFieldDefs });
     }), () => {
       l = !0;
     };
   }, []);
-  const j = Cn(C, C !== ""), Y = Sn(C, C !== ""), P = O(
-    () => (j.data ?? []).find((l) => l.key === D),
-    [j.data, D]
-  ), G = ["function", "workflow"].filter(t), ae = `Choose ${n.charAt(0).toLowerCase()}${n.slice(1)}`, W = hn(t("function")), X = an(void 0, t("workflow")), w = mn(t("endpoint")), p = Ke(E, r === "function" && E !== ""), R = on(E, r === "workflow" && E !== ""), z = Te(E, r === "endpoint" && E !== ""), Z = O(() => {
-    var l, b, v;
-    return r === "action" ? me((P == null ? void 0 : P.params) ?? []) : r === "function" ? me(((l = p.data) == null ? void 0 : l.inputs) ?? []) : r === "workflow" ? M ? gn(
-      (b = R.data) == null ? void 0 : b.workflow,
-      M
-    ) : [] : r === "endpoint" ? me(((v = z.data) == null ? void 0 : v.endpoint.input) ?? []) : [];
+  const Q = An(v, v !== ""), T = _e(v, v !== ""), se = He(
+    [{ id: "target", uses: r == null ? void 0 : r.uses }],
+    () => T.isSuccess && !T.isFetching ? { state: "ready", ids: new Set((T.data ?? []).map((l) => l.id)) } : void 0
+  ).length > 0, R = L(
+    () => (Q.data ?? []).find((l) => l.key === F),
+    [Q.data, F]
+  ), $ = ["function", "workflow"].filter(P), oe = `Choose ${d.charAt(0).toLowerCase()}${d.slice(1)}`, S = Nn(P("function")), f = fn(void 0, P("workflow")), D = Cn(P("endpoint")), V = Me(b, i === "function" && b !== ""), Y = pn(b, i === "workflow" && b !== ""), Z = Je(b, i === "endpoint" && b !== ""), O = L(() => {
+    var l, E, k;
+    return i === "action" ? ye((R == null ? void 0 : R.params) ?? []) : i === "function" ? ye(((l = V.data) == null ? void 0 : l.inputs) ?? []) : i === "workflow" ? W ? Pn(
+      (E = Y.data) == null ? void 0 : E.workflow,
+      W
+    ) : [] : i === "endpoint" ? ye(((k = Z.data) == null ? void 0 : k.endpoint.input) ?? []) : [];
   }, [
-    r,
-    P,
-    p.data,
-    R.data,
-    z.data,
-    M
+    i,
+    R,
+    V.data,
+    Y.data,
+    Z.data,
+    W
   ]);
   ce(() => {
-    u == null || u({ meta: { kind: r, ref: r === "action" ? C : E }, kind: r, fields: Z });
-  }, [r, C, E, Z, u]);
-  function x(l) {
-    if (l.uses.app === sn) {
-      const T = l.with ?? {}, h = T.targetKind === "workflow" ? "workflow" : "function", I = typeof T.targetId == "string" ? T.targetId : "";
-      if (!I) return;
-      y(
-        h === "workflow" ? { kind: "workflow", workflow: I } : { kind: "function", function: I }
-      ), g(!1);
+    n == null || n({ meta: { kind: i, ref: i === "action" ? v : b }, kind: i, fields: O });
+  }, [i, v, b, O, n]);
+  function G(l) {
+    if (l.uses.app === yn) {
+      const x = l.with ?? {}, M = x.targetKind === "workflow" ? "workflow" : "function", p = typeof x.targetId == "string" ? x.targetId : "";
+      if (!p) return;
+      u(
+        M === "workflow" ? { kind: "workflow", workflow: p } : { kind: "function", function: p }
+      ), h(!1);
       return;
     }
     if (l.uses.app.startsWith("@w6w/")) return;
-    const b = d.kind === "action" ? d.with ?? {} : {}, v = l.with ?? {}, J = {};
-    for (const T of Object.keys(v))
-      J[T] = T in b ? b[T] : v[T];
-    y({ kind: "action", uses: l.uses, with: J }), g(!1);
+    const E = y.kind === "action" ? y.with ?? {} : {}, k = l.with ?? {}, J = {};
+    for (const x of Object.keys(k))
+      J[x] = x in E ? E[x] : k[x];
+    u({ kind: "action", uses: l.uses, with: J }), h(!1);
   }
-  function H(l, b) {
-    if (d.kind !== "action") return;
-    const v = { ...d.with ?? {} };
-    b === "" || b === void 0 ? delete v[l] : v[l] = b, y({ ...d, with: v });
+  function U(l, E) {
+    if (y.kind !== "action") return;
+    const k = { ...y.with ?? {} };
+    E === "" || E === void 0 ? delete k[l] : k[l] = E, u({ ...y, with: k });
   }
-  function q(l) {
-    y(
+  function ee(l) {
+    u(
       l === "action" ? { kind: "action", uses: { app: "", action: "", connection: null } } : l === "function" ? { kind: "function", function: "" } : l === "workflow" ? { kind: "workflow", workflow: "" } : { kind: "endpoint", endpoint: "" }
     );
   }
-  function ee(l) {
-    y(
-      r === "function" ? { kind: "function", function: l } : r === "workflow" ? { kind: "workflow", workflow: l } : { kind: "endpoint", endpoint: l }
+  function ne(l) {
+    u(
+      i === "function" ? { kind: "function", function: l } : i === "workflow" ? { kind: "workflow", workflow: l } : { kind: "endpoint", endpoint: l }
     );
   }
-  const ie = O(() => {
-    var l, b;
-    if (E) {
-      if (r === "function") {
-        const v = (l = W.data) == null ? void 0 : l.find((J) => J.id === E);
-        return v ? v.displayName || v.key : void 0;
+  const te = L(() => {
+    var l, E;
+    if (b) {
+      if (i === "function") {
+        const k = (l = S.data) == null ? void 0 : l.find((J) => J.id === b);
+        return k ? k.displayName || k.key : void 0;
       }
-      if (r === "workflow") {
-        const v = (b = X.data) == null ? void 0 : b.find((J) => J.id === E);
-        return v ? v.displayName || v.name : void 0;
+      if (i === "workflow") {
+        const k = (E = f.data) == null ? void 0 : E.find((J) => J.id === b);
+        return k ? k.displayName || k.name : void 0;
       }
     }
-  }, [r, E, W.data, X.data]), ne = O(() => {
-    const l = (P == null ? void 0 : P.params) ?? [], b = (c == null ? void 0 : c.with) ?? {};
-    return l.filter((v) => {
-      if (v.showIf) {
-        const { field: T, equals: h, in: I, notIn: U, truthy: re } = v.showIf, te = b[T];
-        if (h !== void 0 && te !== h || I !== void 0 && !I.includes(te) || U != null && U.includes(te) || re !== void 0 && !!te !== re) return !1;
+  }, [i, b, S.data, f.data]), ae = L(() => {
+    const l = (R == null ? void 0 : R.params) ?? [], E = (r == null ? void 0 : r.with) ?? {};
+    return l.filter((k) => {
+      if (k.showIf) {
+        const { field: x, equals: M, in: p, notIn: A, truthy: ue } = k.showIf, ie = E[x];
+        if (M !== void 0 && ie !== M || p !== void 0 && !p.includes(ie) || A != null && A.includes(ie) || ue !== void 0 && !!ie !== ue) return !1;
       }
-      const J = v.key in b && b[v.key] !== "" && b[v.key] !== void 0;
-      return v.required || J;
+      const J = k.key in E && E[k.key] !== "" && E[k.key] !== void 0;
+      return k.required || J;
     });
-  }, [P, c == null ? void 0 : c.with]);
+  }, [R, r == null ? void 0 : r.with]);
   return /* @__PURE__ */ o("div", { className: "card", children: [
-    /* @__PURE__ */ e("h3", { children: n }),
-    /* @__PURE__ */ e("p", { className: "muted small", children: m }),
+    /* @__PURE__ */ e("h3", { children: d }),
+    /* @__PURE__ */ e("p", { className: "muted small", children: I }),
     s.length > 1 && /* @__PURE__ */ o("label", { className: "field", children: [
       /* @__PURE__ */ e("span", { children: "Kind" }),
-      /* @__PURE__ */ e("select", { value: r, onChange: (l) => q(l.target.value), children: xn.filter(t).map((l) => /* @__PURE__ */ e("option", { value: l, children: An[l] }, l)) })
+      /* @__PURE__ */ e("select", { value: i, onChange: (l) => ee(l.target.value), children: Vn.filter(P).map((l) => /* @__PURE__ */ e("option", { value: l, children: Yn[l] }, l)) })
     ] }),
-    r === "action" && /* @__PURE__ */ o(K, { children: [
-      C && D ? /* @__PURE__ */ o("div", { className: "row", style: { alignItems: "center", gap: 8 }, children: [
+    i === "action" && /* @__PURE__ */ o(K, { children: [
+      v && F ? /* @__PURE__ */ o("div", { className: "row", style: { alignItems: "center", gap: 8 }, children: [
         /* @__PURE__ */ e(
-          Ye,
+          on,
           {
             src: B == null ? void 0 : B.iconSvg,
             srcDark: B == null ? void 0 : B.iconSvgDark,
             brandColor: B == null ? void 0 : B.brandColor,
-            name: C
+            name: v
           }
         ),
         /* @__PURE__ */ o("span", { className: "list-main", children: [
-          /* @__PURE__ */ e("strong", { children: (P == null ? void 0 : P.title) ?? D }),
+          /* @__PURE__ */ e("strong", { children: (R == null ? void 0 : R.title) ?? F }),
           " ",
-          /* @__PURE__ */ e("code", { className: "muted", children: C }),
-          /* @__PURE__ */ e("span", { className: "muted small block", children: c != null && c.uses.connection ? `via ${((_ = (Q = Y.data) == null ? void 0 : Q.find((l) => l.id === c.uses.connection)) == null ? void 0 : _.displayName) ?? c.uses.connection}` : "no connection" })
+          /* @__PURE__ */ e("code", { className: "muted", children: v }),
+          /* @__PURE__ */ e("span", { className: "muted small block", children: se ? /* @__PURE__ */ e("span", { className: "error", "data-testid": "binding-missing", children: "Missing connection — choose another" }) : r != null && r.uses.connection ? `via ${((q = (z = T.data) == null ? void 0 : z.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: () => g(!0), children: "Change" })
-      ] }) : /* @__PURE__ */ e("button", { type: "button", className: "btn", onClick: () => g(!0), children: "+ Choose an action" }),
-      D && /* @__PURE__ */ o("div", { style: { marginTop: 12 }, children: [
+        /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: () => h(!0), children: "Change" })
+      ] }) : /* @__PURE__ */ e("button", { type: "button", className: "btn", onClick: () => h(!0), children: "+ Choose an action" }),
+      F && /* @__PURE__ */ o("div", { style: { marginTop: 12 }, children: [
         /* @__PURE__ */ e("h4", { children: "Input mapping" }),
         /* @__PURE__ */ o("p", { className: "muted small", children: [
           "Map each action param from the inputs above. Reference an input with",
           " ",
           /* @__PURE__ */ e("code", { children: "inputs.<key>" }),
           "; anything else is a literal.",
-          F && " Leave every cell blank to pass the inbound payload through as the action's params."
+          g && " Leave every cell blank to pass the inbound payload through as the action's params."
         ] }),
-        ne.length === 0 ? /* @__PURE__ */ e("p", { className: "muted small", children: "This action declares no params." }) : /* @__PURE__ */ e("ul", { className: "list", children: ne.map((l) => {
-          var b;
+        ae.length === 0 ? /* @__PURE__ */ e("p", { className: "muted small", children: "This action declares no params." }) : /* @__PURE__ */ e("ul", { className: "list", children: ae.map((l) => {
+          var E;
           return /* @__PURE__ */ o("li", { style: { alignItems: "center", gap: 8 }, children: [
             /* @__PURE__ */ o("span", { className: "list-main", children: [
               /* @__PURE__ */ e("code", { children: l.key }),
               l.required && /* @__PURE__ */ e("span", { className: "muted small", children: " · required" })
             ] }),
             /* @__PURE__ */ e("div", { style: { flex: 1 }, children: /* @__PURE__ */ e(
-              Ge,
+              rn,
               {
-                value: (b = c == null ? void 0 : c.with) == null ? void 0 : b[l.key],
-                onChange: (v) => H(l.key, v),
+                value: (E = r == null ? void 0 : r.with) == null ? void 0 : E[l.key],
+                onChange: (k) => U(l.key, k),
                 placeholder: `inputs.${l.key}`,
                 "aria-label": `Mapping for ${l.key}`
               }
@@ -652,19 +756,19 @@ function Qe(a) {
         }) })
       ] })
     ] }),
-    (r === "function" || r === "workflow") && /* @__PURE__ */ e("div", { className: "row", style: { alignItems: "center", gap: 8 }, children: E ? /* @__PURE__ */ o(K, { children: [
+    (i === "function" || i === "workflow") && /* @__PURE__ */ e("div", { className: "row", style: { alignItems: "center", gap: 8 }, children: b ? /* @__PURE__ */ o(K, { children: [
       /* @__PURE__ */ o("span", { className: "list-main", children: [
-        /* @__PURE__ */ e("strong", { children: ie ?? E }),
+        /* @__PURE__ */ e("strong", { children: te ?? b }),
         " ",
-        /* @__PURE__ */ e("code", { className: "muted", children: E }),
-        /* @__PURE__ */ e("span", { className: "muted small block", children: r === "function" ? "Function (synchronous)" : "Workflow (asynchronous)" })
+        /* @__PURE__ */ e("code", { className: "muted", children: b }),
+        /* @__PURE__ */ e("span", { className: "muted small block", children: i === "function" ? "Function (synchronous)" : "Workflow (asynchronous)" })
       ] }),
-      /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: () => g(!0), children: "Change" })
-    ] }) : /* @__PURE__ */ o("button", { type: "button", className: "btn", onClick: () => g(!0), children: [
+      /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: () => h(!0), children: "Change" })
+    ] }) : /* @__PURE__ */ o("button", { type: "button", className: "btn", onClick: () => h(!0), children: [
       "+ Choose a ",
-      r
+      i
     ] }) }),
-    S && /* No provider here. The scope this modal needs is INHERITED from
+    N && /* No provider here. The scope this modal needs is INHERITED from
                the page (which contributes its `inputs`) over the app shell
                (vars/secrets/documents) — the same scope the mapping rows below
                see, which is the entire point: reaching the expression editor
@@ -676,25 +780,26 @@ function Qe(a) {
                kind this card allows, so which arm is showing decides only which
                tab it OPENS on, never whether it renders. */
     /* @__PURE__ */ e(
-      Xe,
+      ln,
       {
         appsOnly: !0,
-        callables: G,
-        initialTab: r === "function" || r === "workflow" ? `${r}s` : "connected",
-        title: ae,
-        onClose: () => g(!1),
-        onAdd: x,
-        initialApp: c && C ? B : void 0,
-        initialAction: c ? D : void 0,
-        initialConnection: (c == null ? void 0 : c.uses.connection) ?? void 0,
-        initialWith: c == null ? void 0 : c.with
+        callables: $,
+        excludeCallableIds: a,
+        initialTab: i === "function" || i === "workflow" ? `${i}s` : "connected",
+        title: oe,
+        onClose: () => h(!1),
+        onAdd: G,
+        initialApp: r && v ? 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
       }
     ),
-    r === "endpoint" && /* @__PURE__ */ o("label", { className: "field", children: [
+    i === "endpoint" && /* @__PURE__ */ o("label", { className: "field", children: [
       /* @__PURE__ */ e("span", { children: "Endpoint" }),
-      /* @__PURE__ */ o("select", { value: E, onChange: (l) => ee(l.target.value), children: [
+      /* @__PURE__ */ o("select", { value: b, onChange: (l) => ne(l.target.value), children: [
         /* @__PURE__ */ e("option", { value: "", children: "— pick an endpoint —" }),
-        (V = w.data) == null ? void 0 : V.map((l) => /* @__PURE__ */ o("option", { value: l.id, children: [
+        (re = D.data) == null ? void 0 : re.map((l) => /* @__PURE__ */ o("option", { value: l.id, children: [
           l.displayName || l.key,
           " (",
           l.id,
@@ -704,15 +809,15 @@ function Qe(a) {
     ] })
   ] });
 }
-const jn = () => {
+const zn = () => {
 };
-function oe(a) {
-  return a instanceof he || a instanceof Error ? a.message : String(a);
+function le(t) {
+  return t instanceof pe || t instanceof Error ? t.message : String(t);
 }
-function dt(a) {
-  const { endpointId: s, onNavigate: i = jn, slots: f, tools: u } = a, n = ve(a.project), m = de(
-    (F) => i(F),
-    [i]
+function It(t) {
+  const { endpointId: s, onNavigate: a = zn, slots: m, tools: c } = t, n = ke(t.project), d = he(
+    (I) => a(I),
+    [a]
   );
   return /* @__PURE__ */ e(
     "div",
@@ -720,19 +825,19 @@ function dt(a) {
       className: "w6w-embed-root",
       style: { display: "flex", width: "100%", height: "100%", minHeight: 0 },
       children: /* @__PURE__ */ e(
-        Ce,
+        Be,
         {
           project: n,
-          onNavigate: m,
-          rail: a.rail,
-          tools: u,
+          onNavigate: d,
+          rail: t.rail,
+          tools: c,
           storageKey: n === null ? null : `w6w.rail.embed.${n}`,
           children: /* @__PURE__ */ e("div", { style: { flex: 1, minWidth: 0, overflow: "auto" }, children: /* @__PURE__ */ e(
-            Jn,
+            Gn,
             {
               id: s,
-              onNavigate: i,
-              slots: f
+              onNavigate: a,
+              slots: m
             },
             s
           ) })
@@ -741,186 +846,199 @@ function dt(a) {
     }
   );
 }
-function Jn(a) {
-  var ge;
-  const { id: s, onNavigate: i, slots: f } = a, u = Re("endpoint"), n = Te(s).data, [m, F] = N([]), S = le(m);
-  S.current = m;
-  const g = le(!1), d = le(!1), [r, t] = N("id"), [y, c] = N(null), [C, D] = N(!1), [E, B] = N(!1), [M, L] = N(!1), [j, Y] = N(""), [P, G] = N({ id: s, key: "" }), [ae, W] = N(null), X = de((k) => {
-    const $ = se(k), A = we({
-      target: $.target,
-      rows: $.input ?? [],
-      fields: S.current
+function Gn(t) {
+  var Ne;
+  const { id: s, onNavigate: a, slots: m } = t, c = je("endpoint"), n = Je(s).data, [d, I] = w([]), g = X(d);
+  g.current = d;
+  const N = X(!1), h = X(!1), [y, i] = w("id"), [P, u] = w(null), [r, v] = w(!1), [F, b] = w(!1), [B, W] = w(!1), [_, Q] = w(""), [T, se] = w({ id: s, key: "" }), [R, $] = w(null), oe = he((C) => {
+    const H = de(C), j = Se({
+      target: H.target,
+      rows: H.input ?? [],
+      fields: g.current
     });
-    return A.length > 0 ? `The target needs: ${A.join(", ")}` : null;
-  }, []), w = ln({ id: s, saveGuard: X }), p = O(
-    () => w.definition ? se(w.definition) : null,
-    [w.definition]
-  ), R = (p == null ? void 0 : p.input) ?? [], z = ((ge = p == null ? void 0 : p.exposure) == null ? void 0 : ge.security) ?? {
+    return j.length > 0 ? `The target needs: ${j.join(", ")}` : null;
+  }, []), S = vn({ id: s, saveGuard: oe }), f = L(
+    () => S.definition ? de(S.definition) : null,
+    [S.definition]
+  ), D = (f == null ? void 0 : f.input) ?? [], V = Ge({
+    kind: "endpoint",
+    id: s,
+    uses: (f == null ? void 0 : f.target.kind) === "action" ? f.target.uses : void 0,
+    dirty: S.dirty
+  }), Y = ((Ne = f == null ? void 0 : f.exposure) == null ? void 0 : Ne.security) ?? {
     auth: "platform"
-  }, Z = Me(n == null ? void 0 : n.invokeUrls), x = Bn(n == null ? void 0 : n.invokeUrls, y);
-  De({
+  }, Z = Ve(n == null ? void 0 : n.invokeUrls), O = Wn(n == null ? void 0 : n.invokeUrls, P);
+  Oe({
     kind: "endpoint",
     id: s,
-    label: (p == null ? void 0 : p.displayName) || void 0,
-    key: (p == null ? void 0 : p.key.trim()) || void 0,
-    invokeUrl: x ? x.url : n == null ? void 0 : n.invokeUrl,
-    invokeUrlByKey: x ? x.urlByKey : n == null ? void 0 : n.invokeUrlByKey,
-    urlForm: r,
-    inputs: m.map((k) => k.key),
-    policy: w.policy,
-    onPolicyChange: w.onPolicyChange
+    label: (f == null ? void 0 : f.displayName) || void 0,
+    key: (f == null ? void 0 : f.key.trim()) || void 0,
+    invokeUrl: O ? O.url : n == null ? void 0 : n.invokeUrl,
+    invokeUrlByKey: O ? O.urlByKey : n == null ? void 0 : n.invokeUrlByKey,
+    urlForm: y,
+    inputs: d.map((C) => C.key),
+    policy: S.policy,
+    onPolicyChange: S.onPolicyChange
   });
-  const { setDefinition: H } = w, q = de(
-    (k) => {
-      B(!1), H(($) => ({
-        ...se($),
-        ...k
+  const { setDefinition: G } = S, U = he(
+    (C) => {
+      b(!1), G((H) => ({
+        ...de(H),
+        ...C
       }));
     },
-    [H]
-  ), ee = (k) => {
-    B(!1), H(($) => {
-      var ke;
-      const A = se($), Ue = {
-        ...((ke = A.exposure) == null ? void 0 : ke.security) ?? { auth: "platform" },
-        ...k
+    [G]
+  ), ee = (C) => {
+    b(!1), G((H) => {
+      var Ce;
+      const j = de(H), Ze = {
+        ...((Ce = j.exposure) == null ? void 0 : Ce.security) ?? { auth: "platform" },
+        ...C
       };
-      return { ...A, exposure: { ...A.exposure, security: Ue } };
+      return { ...j, exposure: { ...j.exposure, security: Ze } };
     });
   };
-  function ie(k) {
-    g.current = !0, q({ target: k });
+  function ne(C) {
+    N.current = !0, U({ target: C });
   }
   ce(() => {
-    if (g.current) {
-      if (!je({ rows: R, touched: d.current })) {
-        g.current = !1;
+    if (N.current) {
+      if (!Qe({ rows: D, touched: h.current })) {
+        N.current = !1;
         return;
       }
-      m.length !== 0 && (q({ input: Je(R, m) }), g.current = !1);
+      d.length !== 0 && (U({ input: Ue(D, d) }), N.current = !1);
     }
-  }, [m]);
-  const ne = O(
-    () => ({ inputs: R.map((k) => k.key).filter(Boolean) }),
-    [R]
-  ), Q = O(
-    () => Oe(R, m),
-    [R, m]
-  ), _ = O(
-    () => p ? we({
-      target: p.target,
-      rows: R,
-      fields: m
+  }, [d]);
+  const te = L(
+    () => ({ inputs: D.map((C) => C.key).filter(Boolean) }),
+    [D]
+  ), ae = L(
+    () => qe(D, d),
+    [D, d]
+  ), z = L(
+    () => f ? Se({
+      target: f.target,
+      rows: D,
+      fields: d
     }) : [],
-    [p, R, m]
-  ), V = p && _.length > 0 ? /* @__PURE__ */ o("p", { className: "error small", "data-testid": "save-blocked", children: [
+    [f, D, d]
+  ), q = f && z.length > 0 ? /* @__PURE__ */ o("p", { className: "error small", "data-testid": "save-blocked", children: [
     "Can’t save yet — the target needs",
     " ",
-    p.target.kind === "action" ? "these required params mapped under Input mapping" : "these required keys declared under Input",
+    f.target.kind === "action" ? "these required params mapped under Input mapping" : "these required keys declared under Input",
     ": ",
-    /* @__PURE__ */ e("strong", { children: _.join(", ") })
-  ] }) : null, b = !!((p == null ? void 0 : p.key.trim()) ?? "") && _.length === 0 && w.canSave;
-  async function v() {
-    if (!p) return;
-    const k = await w.commit(be(p));
-    B(k.status === "saved" || k.status === "clean");
+    /* @__PURE__ */ e("strong", { children: z.join(", ") })
+  ] }) : null, l = !!((f == null ? void 0 : f.key.trim()) ?? "") && z.length === 0 && S.canSave;
+  async function E() {
+    if (!f) return;
+    const C = await S.commit(ve(f));
+    b(C.status === "saved" || C.status === "clean");
+  }
+  async function k() {
+    return !f || !S.dirty ? { status: "clean" } : l ? S.commit(ve(f)) : {
+      status: "blocked",
+      reason: "Fix the highlighted problems, then save, to test this Endpoint."
+    };
   }
   function J() {
-    if (!p) return;
-    const k = be(p);
-    Y(JSON.stringify(k, null, 2)), G({ id: String(k.id), key: String(k.key) }), W(null), L(!0);
+    if (!f) return;
+    const C = ve(f);
+    Q(JSON.stringify(C, null, 2)), se({ id: String(C.id), key: String(C.key) }), $(null), W(!0);
   }
-  async function T() {
-    const k = ue(j, P), $ = k.parsed;
-    if (!$ || k.blockedReason) return;
-    const A = await w.commit($);
-    A.status === "saved" || A.status === "clean" ? (W(null), L(!1), B(A.status === "saved" || A.status === "clean")) : A.status === "failed" ? W(oe(A.error)) : W(A.reason);
+  async function x() {
+    const C = me(_, T), H = C.parsed;
+    if (!H || C.blockedReason) return;
+    const j = await S.commit(H);
+    j.status === "saved" || j.status === "clean" ? ($(null), W(!1), b(j.status === "saved" || j.status === "clean")) : j.status === "failed" ? $(le(j.error)) : $(j.reason);
   }
-  const h = w.loadError, I = h instanceof he && h.status === 404;
-  if (!p) {
-    if (h !== null && !I)
-      return /* @__PURE__ */ e("div", { className: "error", role: "alert", children: oe(h) });
-    if (!I) return /* @__PURE__ */ e("p", { className: "muted", children: "Loading…" });
+  const M = S.loadError, p = M instanceof pe && M.status === 404;
+  if (!f) {
+    if (M !== null && !p)
+      return /* @__PURE__ */ e("div", { className: "error", role: "alert", children: le(M) });
+    if (!p) return /* @__PURE__ */ e("p", { className: "muted", children: "Loading…" });
   }
-  const U = p && (p.displayName || p.key) || u.editor.newTitle, re = w.error !== null && !w.stale ? oe(w.error) : null, te = w.stale || w.changedElsewhere ? /* @__PURE__ */ o("div", { className: "error", role: "alert", "data-testid": "endpoint-stale", children: [
-    w.stale ? oe(w.error) : "This endpoint was changed elsewhere. Reload to see the new version (your edits will be discarded).",
+  const A = f && (f.displayName || f.key) || c.editor.newTitle, ue = S.error !== null && !S.stale ? le(S.error) : null, ie = S.stale || S.changedElsewhere ? /* @__PURE__ */ o("div", { className: "error", role: "alert", "data-testid": "endpoint-stale", children: [
+    S.stale ? le(S.error) : "This endpoint was changed elsewhere. Reload to see the new version (your edits will be discarded).",
     " ",
-    /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: () => void w.reload(), children: "Reload" })
+    /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: () => void S.reload(), children: "Reload" })
   ] }) : null;
-  return /* @__PURE__ */ e(Pe, { value: ne, children: /* @__PURE__ */ e(
-    We,
+  return /* @__PURE__ */ e(xe, { value: te, children: /* @__PURE__ */ e(
+    Ye,
     {
       kind: "endpoint",
-      title: U,
+      title: A,
       incomplete: !1,
-      canSave: b,
-      isSaving: w.saving,
-      onSave: () => void v(),
-      error: I ? oe(h) : re,
-      notFound: I,
-      onNavigate: i,
-      slots: f,
+      canSave: l,
+      isSaving: S.saving,
+      onSave: () => void E(),
+      error: p ? le(M) : ue,
+      notFound: p,
+      onNavigate: a,
+      slots: m,
+      publish: { id: s, saveFirst: k, disabled: !l },
       headerActions: /* @__PURE__ */ o(K, { children: [
-        /* @__PURE__ */ e(Ee, { kind: "endpoint", id: s }),
-        /* @__PURE__ */ e(Ie, { onClick: J })
+        /* @__PURE__ */ e(De, { kind: "endpoint", id: s }),
+        /* @__PURE__ */ e(Ke, { onClick: J })
       ] }),
       banners: /* @__PURE__ */ o(K, { children: [
-        te,
         V,
-        E && /* @__PURE__ */ e("span", { className: "ok", children: "Saved." })
+        ie,
+        q,
+        F && /* @__PURE__ */ e("span", { className: "ok", children: "Saved." })
       ] }),
-      children: p && /* @__PURE__ */ o(K, { children: [
+      children: f && /* @__PURE__ */ o(K, { children: [
         /* @__PURE__ */ o("div", { className: "card", children: [
           /* @__PURE__ */ o("div", { className: "section-head", children: [
             /* @__PURE__ */ e("h3", { children: "Identity" }),
             /* @__PURE__ */ e(
-              ye,
+              be,
               {
                 icon: "edit-2",
                 label: "Edit name, key, and description",
-                onClick: () => D(!0)
+                onClick: () => v(!0)
               }
             )
           ] }),
           /* @__PURE__ */ o("div", { className: "field", children: [
             /* @__PURE__ */ e("span", { className: "muted small", children: "Display name" }),
-            /* @__PURE__ */ e("span", { children: p.displayName || "—" })
+            /* @__PURE__ */ e("span", { children: f.displayName || "—" })
           ] }),
           /* @__PURE__ */ o("div", { className: "field", children: [
             /* @__PURE__ */ e("span", { className: "muted small", children: "Key" }),
-            /* @__PURE__ */ e("code", { className: "muted", children: p.key || "—" })
+            /* @__PURE__ */ e("code", { className: "muted", children: f.key || "—" })
           ] }),
           /* @__PURE__ */ o("div", { className: "field", children: [
             /* @__PURE__ */ e("span", { className: "muted small", children: "Description" }),
-            /* @__PURE__ */ e("span", { children: p.description || "—" })
+            /* @__PURE__ */ e("span", { children: f.description || "—" })
           ] })
         ] }),
         /* @__PURE__ */ e(
-          Rn,
+          $n,
           {
-            entry: Dn(x, n == null ? void 0 : n.invokeUrl, n == null ? void 0 : n.invokeUrlByKey),
+            entry: Qn(O, n == null ? void 0 : n.invokeUrl, n == null ? void 0 : n.invokeUrlByKey),
             domainOptions: Z,
-            urlDomain: (x == null ? void 0 : x.domain) ?? null,
-            onUrlDomain: c,
-            urlForm: r,
-            onUrlForm: t
+            urlDomain: (O == null ? void 0 : O.domain) ?? null,
+            onUrlDomain: u,
+            urlForm: y,
+            onUrlForm: i
           }
         ),
         /* @__PURE__ */ e(
-          qe,
+          ze,
           {
             title: "Input",
             description: "The declared inbound contract. Reuses core Param fields. Leave empty to pass the raw request payload through to the target unchanged.",
             emptyMeansPassthrough: !0,
-            rows: R,
-            onChange: (k) => {
-              d.current = !0, q({ input: k });
+            rows: D,
+            onChange: (C) => {
+              h.current = !0, U({ input: C });
             },
-            uncoveredKeys: Q
+            uncoveredKeys: ae
           }
         ),
         /* @__PURE__ */ e(
-          Qe,
+          Xe,
           {
             allowedKinds: ["action", "function", "workflow"],
             title: "Target",
@@ -934,13 +1052,13 @@ function Jn(a) {
               " target enqueues an asynchronous run. Switching the target here preserves the key and the input contract below, so callers never break."
             ] }),
             passthroughHint: !0,
-            value: p.target,
-            onChange: ie,
-            onResolved: (k) => F(k.fields)
+            value: f.target,
+            onChange: ne,
+            onResolved: (C) => I(C.fields)
           }
         ),
-        /* @__PURE__ */ e(Kn, { security: z, onPatch: ee }),
-        /* @__PURE__ */ e(Tn, { id: s, inputs: R }),
+        /* @__PURE__ */ e(Hn, { security: Y, onPatch: ee }),
+        /* @__PURE__ */ e(_n, { id: s, inputs: D, saveFirst: k }),
         /* @__PURE__ */ o(
           "div",
           {
@@ -948,55 +1066,54 @@ function Jn(a) {
             style: {
               justifyContent: "flex-end",
               alignItems: "center",
-              gap: "var(--w6w-sp-3)",
-              marginTop: "var(--w6w-sp-4)"
+              gap: "var(--w6w-sp-3)"
             },
             children: [
-              V,
-              E && /* @__PURE__ */ e("span", { className: "ok", children: "Saved." }),
+              q,
+              F && /* @__PURE__ */ e("span", { className: "ok", children: "Saved." }),
               /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
                   className: "btn",
-                  disabled: !b,
-                  onClick: () => void v(),
-                  children: w.saving ? "Saving…" : "Save"
+                  disabled: !l,
+                  onClick: () => void E(),
+                  children: S.saving ? "Saving…" : "Save"
                 }
               )
             ]
           }
         ),
-        C && /* @__PURE__ */ e(
-          cn,
+        r && /* @__PURE__ */ e(
+          bn,
           {
             initial: {
-              key: p.key,
-              displayName: p.displayName ?? "",
-              description: p.description ?? ""
+              key: f.key,
+              displayName: f.displayName ?? "",
+              description: f.description ?? ""
             },
-            onClose: () => D(!1),
-            onSaved: (k) => {
-              q({
-                displayName: k.displayName,
-                description: k.description
-              }), D(!1);
+            onClose: () => v(!1),
+            onSaved: (C) => {
+              U({
+                displayName: C.displayName,
+                description: C.description
+              }), v(!1);
             }
           }
         ),
         /* @__PURE__ */ e(
-          Se,
+          Re,
           {
-            open: M,
-            onClose: () => L(!1),
-            title: `JSON — ${U}`,
+            open: B,
+            onClose: () => W(!1),
+            title: `JSON — ${A}`,
             mode: "disconnected",
-            value: j,
-            onChange: Y,
-            guard: (k) => ue(k, P).blockedReason,
-            onSave: () => void T(),
-            saving: w.saving,
-            error: ae,
+            value: _,
+            onChange: Q,
+            guard: (C) => me(C, T).blockedReason,
+            onSave: () => void x(),
+            saving: S.saving,
+            error: R,
             editorLabel: "Endpoint definition JSON"
           }
         )
@@ -1004,152 +1121,162 @@ function Jn(a) {
     }
   ) });
 }
-const On = () => {
-}, fe = (a) => a instanceof Error ? a.message : String(a);
-function ut(a) {
-  const { functionId: s, onNavigate: i = On, slots: f, tools: u } = a, n = ve(a.project);
+const Xn = () => {
+}, Pe = (t) => t instanceof Error ? t.message : String(t);
+function Ft(t) {
+  const { functionId: s, onNavigate: a = Xn, slots: m, tools: c } = t, n = ke(t.project);
   return /* @__PURE__ */ e(
     "div",
     {
       className: "w6w-embed-root",
       style: { display: "flex", width: "100%", height: "100%", minHeight: 0 },
       children: /* @__PURE__ */ e(
-        Ce,
+        Be,
         {
           project: n,
-          onNavigate: i,
-          rail: a.rail,
-          tools: u,
+          onNavigate: a,
+          rail: t.rail,
+          tools: c,
           storageKey: n === null ? null : `w6w.rail.embed.${n}`,
-          children: /* @__PURE__ */ e(Ln, { functionId: s, onNavigate: i, slots: f })
+          children: /* @__PURE__ */ e(Zn, { functionId: s, onNavigate: a, slots: m })
         }
       )
     }
   );
 }
-function Ln(a) {
-  const s = rn({ id: a.functionId });
-  return /* @__PURE__ */ e(Mn, { ...a, draft: s }, a.functionId);
+function Zn(t) {
+  const s = gn({ id: t.functionId });
+  return /* @__PURE__ */ e(et, { ...t, draft: s }, t.functionId);
 }
-function Mn(a) {
-  var T;
-  const { functionId: s, draft: i, onNavigate: f, slots: u } = a, n = i.definition, m = (n == null ? void 0 : n.inputs) ?? [], S = ((T = Ke(s).data) == null ? void 0 : T.valid) === !0, g = i.loadError, d = g instanceof he && g.status === 404, [r, t] = N(!1), [y, c] = N(null), [C, D] = N(!1), [E, B] = N(!1), M = ((n == null ? void 0 : n.key) ?? "").trim() || In((n == null ? void 0 : n.displayName) ?? "");
-  De({
+function et(t) {
+  var M;
+  const { functionId: s, draft: a, onNavigate: m, slots: c } = t, n = a.definition, d = (n == null ? void 0 : n.inputs) ?? [], g = ((M = Me(s).data) == null ? void 0 : M.valid) === !0, N = a.loadError, h = n ? Ee(n.impl) : void 0, y = Ge({
+    kind: "function",
+    id: s,
+    uses: (h == null ? void 0 : h.kind) === "action" ? h.uses : void 0,
+    dirty: a.dirty
+  }), i = N instanceof pe && N.status === 404, [P, u] = w(!1), [r, v] = w(null), [F, b] = w(!1), [B, W] = w(!1), _ = ((n == null ? void 0 : n.key) ?? "").trim() || Mn((n == null ? void 0 : n.displayName) ?? "");
+  Oe({
     kind: "function",
     id: s,
     label: (n == null ? void 0 : n.displayName) || void 0,
-    key: M || void 0,
-    inputs: m.filter((h) => !!h.key).map((h) => ({ key: h.key, required: h.required === !0 })),
-    policy: i.policy,
-    onPolicyChange: i.onPolicyChange
+    key: _ || void 0,
+    inputs: d.filter((p) => !!p.key).map((p) => ({ key: p.key, required: p.required === !0 })),
+    policy: a.policy,
+    onPolicyChange: a.onPolicyChange
   });
-  const L = (h) => i.setDefinition((I) => ({ ...I, ...h })), [j, Y] = N([]), P = le(!1), G = le(!1);
+  const Q = (p) => a.setDefinition((A) => ({ ...A, ...p })), [T, se] = w([]), R = X(!1), $ = X(!1);
   ce(() => {
-    if (P.current) {
-      if (!je({ rows: m, touched: G.current })) {
-        P.current = !1;
+    if (R.current) {
+      if (!Qe({ rows: d, touched: $.current })) {
+        R.current = !1;
         return;
       }
-      j.length !== 0 && (L({ inputs: Je(m, j) }), P.current = !1);
+      T.length !== 0 && (Q({ inputs: Ue(d, T) }), R.current = !1);
     }
-  }, [j]);
-  const ae = O(
-    () => Oe(m, j),
-    [m, j]
-  ), W = O(
-    () => ({ inputs: m.map((h) => h.key).filter(Boolean) }),
-    [m]
+  }, [T]);
+  const oe = L(
+    () => qe(d, T),
+    [d, T]
+  ), S = L(
+    () => ({ inputs: d.map((p) => p.key).filter(Boolean) }),
+    [d]
   );
-  function X(h) {
-    var U;
-    P.current = !0;
-    const I = bn(h);
-    L({ impl: (U = n == null ? void 0 : n.impl) != null && U.outputMap ? { ...I, outputMap: n.impl.outputMap } : I });
+  function f(p) {
+    R.current = !0, Q({ impl: Rn(n == null ? void 0 : n.impl, p) });
   }
-  const w = O(
-    () => kn({ impl: n == null ? void 0 : n.impl, fields: j }),
-    [n == null ? void 0 : n.impl, j]
-  ), p = !!M && w.length === 0 && i.canSave;
-  function R() {
+  const D = L(
+    () => Bn({ impl: n == null ? void 0 : n.impl, fields: T }),
+    [n == null ? void 0 : n.impl, T]
+  ), V = !!_ && D.length === 0 && a.canSave;
+  function Y() {
     return {
       ...n,
-      key: M,
-      inputs: xe(m, { emptyMeansPassthrough: !1 })
+      key: _,
+      inputs: Le(d, { emptyMeansPassthrough: !1 })
     };
   }
-  async function z() {
-    c(null), D(!1);
-    const h = await i.commit(R());
-    h.status === "saved" || h.status === "clean" ? D(!0) : h.status === "blocked" && c(h.reason);
+  async function Z() {
+    v(null), b(!1);
+    const p = await a.commit(Y());
+    p.status === "saved" || p.status === "clean" ? b(!0) : p.status === "blocked" && v(p.reason);
   }
-  const [Z, x] = N(!1), [H, q] = N(""), [ee, ie] = N({ id: s, key: "" }), [ne, Q] = N(null);
-  function _() {
-    const h = R();
-    q(JSON.stringify(h, null, 2)), ie({ id: String(h.id), key: String(h.key) }), Q(null), x(!0);
+  async function O() {
+    return a.dirty ? V ? a.commit(Y()) : {
+      status: "blocked",
+      reason: "Fix the highlighted problems, then save, to test this Function."
+    } : { status: "clean" };
   }
-  async function V() {
-    const h = ue(H, ee);
-    if (!h.parsed || h.blockedReason) return;
-    D(!1);
-    const I = await i.commit(h.parsed);
-    I.status === "saved" || I.status === "clean" ? (Q(null), x(!1), D(!0)) : I.status === "blocked" ? Q(I.reason) : I.status === "failed" && Q(fe(I.error));
+  const [G, U] = w(!1), [ee, ne] = w(""), [te, ae] = w({ id: s, key: "" }), [z, q] = w(null);
+  function re() {
+    const p = Y();
+    ne(JSON.stringify(p, null, 2)), ae({ id: String(p.id), key: String(p.key) }), q(null), U(!0);
   }
-  const l = de(async () => {
-    B(!0);
+  async function l() {
+    const p = me(ee, te);
+    if (!p.parsed || p.blockedReason) return;
+    b(!1);
+    const A = await a.commit(p.parsed);
+    A.status === "saved" || A.status === "clean" ? (q(null), U(!1), b(!0)) : A.status === "blocked" ? q(A.reason) : A.status === "failed" && q(Pe(A.error));
+  }
+  const E = he(async () => {
+    W(!0);
     try {
-      await i.reload(), c(null), D(!1);
+      await a.reload(), v(null), b(!1);
     } finally {
-      B(!1);
+      W(!1);
     }
-  }, [i.reload]), b = i.stale ? null : i.error ?? g, v = y ?? (b === null ? null : fe(b)), J = (n == null ? void 0 : n.displayName) || (n == null ? void 0 : n.key) || "New function";
-  return i.loading || n === null && g === null ? /* @__PURE__ */ e("p", { className: "muted", children: "Loading…" }) : /* @__PURE__ */ e("div", { style: { flex: 1, minWidth: 0, overflow: "auto" }, children: /* @__PURE__ */ e(Pe, { value: W, children: /* @__PURE__ */ e(
-    We,
+  }, [a.reload]), k = a.stale ? null : a.error ?? N, J = r ?? (k === null ? null : Pe(k)), x = (n == null ? void 0 : n.displayName) || (n == null ? void 0 : n.key) || "New function";
+  return a.loading || n === null && N === null ? /* @__PURE__ */ e("p", { className: "muted", children: "Loading…" }) : /* @__PURE__ */ e("div", { style: { flex: 1, minWidth: 0, overflow: "auto" }, children: /* @__PURE__ */ e(xe, { value: S, children: /* @__PURE__ */ e(
+    Ye,
     {
       kind: "function",
-      title: J,
-      incomplete: n !== null && !S,
-      canSave: p,
-      isSaving: i.saving,
-      onSave: () => void z(),
-      error: v,
-      notFound: d,
-      onNavigate: f,
-      slots: u,
+      title: x,
+      incomplete: n !== null && !g,
+      canSave: V,
+      isSaving: a.saving,
+      onSave: () => void Z(),
+      error: J,
+      notFound: i,
+      onNavigate: m,
+      slots: c,
+      publish: { id: s, saveFirst: O, disabled: !V || !g },
       headerActions: n && /* @__PURE__ */ o(K, { children: [
-        /* @__PURE__ */ e(Ee, { kind: "function", id: s }),
-        /* @__PURE__ */ e(Ie, { onClick: _ })
+        /* @__PURE__ */ e(De, { kind: "function", id: s }),
+        /* @__PURE__ */ e(Ke, { onClick: re })
       ] }),
       banners: /* @__PURE__ */ o(K, { children: [
-        i.stale && /* @__PURE__ */ o("div", { className: "error", role: "alert", "data-testid": "save-stale", children: [
+        y,
+        a.stale && /* @__PURE__ */ o("div", { className: "error", role: "alert", "data-testid": "save-stale", children: [
           /* @__PURE__ */ e("p", { children: "This function changed on the server after you opened it. Your save was refused, so their work is intact." }),
-          /* @__PURE__ */ e("button", { type: "button", className: "btn", disabled: E, onClick: l, children: E ? "Reloading…" : "Reload from server" })
+          /* @__PURE__ */ e("button", { type: "button", className: "btn", disabled: B, onClick: E, children: B ? "Reloading…" : "Reload from server" })
         ] }),
-        i.changedElsewhere && !i.stale && /* @__PURE__ */ o("div", { className: "muted small", "data-testid": "changed-elsewhere", children: [
+        a.changedElsewhere && !a.stale && /* @__PURE__ */ o("div", { className: "muted small", "data-testid": "changed-elsewhere", children: [
           /* @__PURE__ */ e("p", { children: "This function was changed elsewhere. Reloading replaces your unsaved edits with the saved copy." }),
-          /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", disabled: E, onClick: l, children: E ? "Reloading…" : "Reload from server" })
+          /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", disabled: B, onClick: E, children: B ? "Reloading…" : "Reload from server" })
         ] }),
-        w.length > 0 && /* @__PURE__ */ o("p", { className: "error small", "data-testid": "save-blocked", children: [
+        D.length > 0 && /* @__PURE__ */ o("p", { className: "error small", "data-testid": "save-blocked", children: [
           "Can’t save yet — map ",
-          w.length > 1 ? "these" : "this",
+          D.length > 1 ? "these" : "this",
           " required action",
           " ",
-          w.length > 1 ? "params" : "param",
+          D.length > 1 ? "params" : "param",
           " under Input mapping above:",
           " ",
-          /* @__PURE__ */ e("strong", { children: w.join(", ") })
+          /* @__PURE__ */ e("strong", { children: D.join(", ") })
         ] }),
-        C && /* @__PURE__ */ e("span", { className: "ok", children: "Saved." })
+        F && /* @__PURE__ */ e("span", { className: "ok", children: "Saved." })
       ] }),
       children: n && /* @__PURE__ */ o(K, { children: [
         /* @__PURE__ */ o("div", { className: "card", children: [
           /* @__PURE__ */ o("div", { className: "section-head", children: [
             /* @__PURE__ */ e("h3", { children: "Interface" }),
             /* @__PURE__ */ e(
-              ye,
+              be,
               {
                 icon: "edit-2",
                 label: "Edit name, key, and description",
-                onClick: () => t(!0)
+                onClick: () => u(!0)
               }
             )
           ] }),
@@ -1167,61 +1294,71 @@ function Mn(a) {
           ] })
         ] }),
         /* @__PURE__ */ e(
-          qe,
+          ze,
           {
             title: "Inputs",
             description: "The canonical, vendor-stable interface a caller binds to. Reuses core Param fields.",
             emptyMeansPassthrough: !1,
-            rows: m,
-            onChange: (h) => {
-              G.current = !0, L({ inputs: h });
+            rows: d,
+            onChange: (p) => {
+              $.current = !0, Q({ inputs: p });
             },
-            uncoveredKeys: ae
+            uncoveredKeys: oe
           }
         ),
         /* @__PURE__ */ e(
-          Qe,
+          Xe,
           {
             allowedKinds: ["action", "function", "workflow"],
+            excludeCallableIds: [s],
             title: "Implementation",
             description: /* @__PURE__ */ o(K, { children: [
               'Bind the interface to one concrete app action, another Function, or a Workflow. Switching the provider here (a "re-bind") rewrites only ',
               /* @__PURE__ */ e("code", { children: "impl" }),
               "'s target fields - the interface above, and every caller, is untouched."
             ] }),
-            value: wn(n.impl),
-            onChange: X,
-            onResolved: (h) => Y(h.fields)
+            value: Ee(n.impl),
+            onChange: f,
+            onResolved: (p) => se(p.fields)
           }
         ),
-        /* @__PURE__ */ e(Wn, { id: s, inputs: m, disabled: !S, invalid: !S }),
-        r && /* @__PURE__ */ e(
-          dn,
+        /* @__PURE__ */ e(
+          nt,
+          {
+            id: s,
+            inputs: d,
+            disabled: !g,
+            invalid: !g,
+            saveFirst: O
+          }
+        ),
+        P && /* @__PURE__ */ e(
+          kn,
           {
             initial: {
               key: n.key,
               displayName: n.displayName ?? "",
               description: n.description ?? ""
             },
-            onClose: () => t(!1),
-            onSaved: (h) => {
-              L({ displayName: h.displayName, description: h.description }), t(!1);
+            onClose: () => u(!1),
+            onSaved: (p) => {
+              Q({ displayName: p.displayName, description: p.description }), u(!1);
             }
           }
         ),
         /* @__PURE__ */ e(
-          Se,
+          Re,
           {
-            open: Z,
-            onClose: () => x(!1),
-            title: `JSON — ${J}`,
+            open: G,
+            onClose: () => U(!1),
+            title: `JSON — ${x}`,
             mode: "disconnected",
-            value: H,
-            onChange: q,
-            guard: (h) => ue(h, ee).blockedReason,
-            onSave: () => void V(),
-            saving: i.saving,
-            error: ne,
+            value: ee,
+            onChange: ne,
+            guard: (p) => me(p, te).blockedReason,
+            onSave: () => void l(),
+            saving: a.saving,
+            error: z,
             editorLabel: "Function definition JSON"
           }
         )
@@ -1229,41 +1366,51 @@ function Mn(a) {
     }
   ) }) });
 }
-function Wn(a) {
-  const { id: s, inputs: i } = a, [f, u] = N({}), [n, m] = N(void 0), [F, S] = N(null), g = Le(), d = pn();
-  async function r() {
-    const t = {};
-    for (const y of i) {
-      const c = Ae(y.type, f[y.key] ?? "");
-      c !== void 0 && (t[y.key] = c);
+function nt(t) {
+  const { id: s, inputs: a } = t, [m, c] = w({}), [n, d] = w(void 0), [I, g] = w(null), [N, h] = w(!1), y = we(), i = Sn();
+  async function P() {
+    const u = {};
+    for (const r of a) {
+      const v = We(r.type, m[r.key] ?? "");
+      v !== void 0 && (u[r.key] = v);
     }
+    h(!0);
     try {
-      const y = await d.mutateAsync({ id: s, inputs: t });
-      S(null), m(y);
-    } catch (y) {
-      m(void 0), S(fe(y));
+      const r = await t.saveFirst();
+      if (r.status === "blocked") {
+        d(void 0), g(r.reason);
+        return;
+      }
+      if (r.status === "failed") {
+        d(void 0), g(fe(r.error));
+        return;
+      }
+      const v = await i.mutateAsync({ id: s, inputs: u });
+      g(null), d(v);
+    } catch (r) {
+      d(void 0), g(fe(r));
     } finally {
-      g.invalidateQueries({ queryKey: Be.root });
+      h(!1), y.invalidateQueries({ queryKey: Ae.root });
     }
   }
   return /* @__PURE__ */ o("div", { className: "card", children: [
     /* @__PURE__ */ e("h3", { children: "Test invoke" }),
-    /* @__PURE__ */ e("p", { className: "muted small", children: "Runs the saved Function through its bound action. Save any edits first." }),
-    a.invalid && /* @__PURE__ */ e("p", { className: "muted small", children: "Pick an app and action to test this function — it has no implementation bound yet." }),
-    i.length === 0 && /* @__PURE__ */ e("p", { className: "muted small", children: "Add inputs above to supply test values." }),
-    i.map((t) => {
-      const y = `fn-invoke-${t.key || t.label}`;
+    /* @__PURE__ */ e("p", { className: "muted small", children: "Runs the saved draft through its bound action — no need to publish first. Unsaved edits are saved first." }),
+    t.invalid && /* @__PURE__ */ e("p", { className: "muted small", children: "Pick an app and action to test this function — it has no implementation bound yet." }),
+    a.length === 0 && /* @__PURE__ */ e("p", { className: "muted small", children: "Add inputs above to supply test values." }),
+    a.map((u) => {
+      const r = `fn-invoke-${u.key || u.label}`;
       return /* @__PURE__ */ o("div", { className: "field", children: [
-        /* @__PURE__ */ o("label", { htmlFor: y, children: [
-          t.label || t.key,
-          t.required && " *"
+        /* @__PURE__ */ o("label", { htmlFor: r, children: [
+          u.label || u.key,
+          u.required && " *"
         ] }),
-        t.type === "boolean" ? /* @__PURE__ */ o(
+        u.type === "boolean" ? /* @__PURE__ */ o(
           "select",
           {
-            id: y,
-            value: f[t.key] ?? "",
-            onChange: (c) => u((C) => ({ ...C, [t.key]: c.target.value })),
+            id: r,
+            value: m[u.key] ?? "",
+            onChange: (v) => c((F) => ({ ...F, [u.key]: v.target.value })),
             children: [
               /* @__PURE__ */ e("option", { value: "", children: "—" }),
               /* @__PURE__ */ e("option", { value: "true", children: "true" }),
@@ -1273,26 +1420,26 @@ function Wn(a) {
         ) : /* @__PURE__ */ e(
           "input",
           {
-            id: y,
-            type: t.type === "number" ? "number" : "text",
-            value: f[t.key] ?? "",
-            placeholder: t.type === "json" ? "{ }" : t.hint ?? "",
-            onChange: (c) => u((C) => ({ ...C, [t.key]: c.target.value }))
+            id: r,
+            type: u.type === "number" ? "number" : "text",
+            value: m[u.key] ?? "",
+            placeholder: u.type === "json" ? "{ }" : u.hint ?? "",
+            onChange: (v) => c((F) => ({ ...F, [u.key]: v.target.value }))
           }
         )
-      ] }, t.key || t.label);
+      ] }, u.key || u.label);
     }),
     /* @__PURE__ */ e("div", { className: "row", children: /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         className: "btn",
-        disabled: a.disabled || d.isPending,
-        onClick: () => void r(),
-        children: d.isPending ? "Invoking…" : "Invoke"
+        disabled: t.disabled || N || i.isPending,
+        onClick: () => void P(),
+        children: N || i.isPending ? "Invoking…" : "Invoke"
       }
     ) }),
-    F && /* @__PURE__ */ e("div", { className: "result error", children: F }),
+    I && /* @__PURE__ */ e("div", { className: "result error", children: I }),
     n !== void 0 && /* @__PURE__ */ o(K, { children: [
       n.invocationId && /* @__PURE__ */ o("p", { className: "muted small", children: [
         n.status ?? "done",
@@ -1305,9 +1452,9 @@ function Wn(a) {
   ] });
 }
 export {
-  ct as DocumentEditor,
-  dt as EndpointEditor,
-  ut as FunctionEditor,
-  pt as WorkflowEditor
+  Et as DocumentEditor,
+  It as EndpointEditor,
+  Ft as FunctionEditor,
+  Rt as WorkflowEditor
 };
 //# sourceMappingURL=editors.mjs.map