@w6w/embed 0.1.1 → 0.2.0

package/dist/editors.mjs

@@ -0,0 +1,1313 @@
+"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 { 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) {
+    case "yaml":
+      return "yaml";
+    case "json":
+      return "json";
+    case "markdown":
+      return "markdown";
+    case "html":
+      return "markup";
+    case "text":
+      return "plaintext";
+  }
+}
+function ct({
+  documentId: a,
+  project: s,
+  onDeleted: i,
+  onBack: f,
+  slots: u
+}) {
+  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)
+    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: [
+      /* @__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 });
+  }
+  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: [
+      /* @__PURE__ */ e(
+        He,
+        {
+          label: "Edit",
+          onClick: () => g(!0),
+          "data-testid": "document-editor-edit"
+        }
+      ),
+      /* @__PURE__ */ e(
+        _e,
+        {
+          label: "Delete",
+          onClick: () => r(!0),
+          disabled: F.isPending,
+          "data-testid": "document-editor-delete"
+        }
+      )
+    ] })
+  ] }) }) : u.actions;
+  return /* @__PURE__ */ o("div", { className: "w6w-embed-root w6w-doc-editor", children: [
+    y,
+    c,
+    /* @__PURE__ */ o("div", { className: "card", children: [
+      /* @__PURE__ */ e("h3", { children: "Key" }),
+      /* @__PURE__ */ e(Fe, { value: t.key, readOnly: !0, children: /* @__PURE__ */ e(
+        "code",
+        {
+          style: {
+            overflowWrap: "anywhere",
+            display: "block",
+            minWidth: 0,
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            flex: 1
+          },
+          children: t.key
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "card", children: [
+      /* @__PURE__ */ e("h3", { children: "Content" }),
+      /* @__PURE__ */ o("p", { className: "muted small", children: [
+        "Format ",
+        /* @__PURE__ */ e("code", { children: t.format }),
+        ". Stored verbatim — this is a read-only view, not a rendered preview."
+      ] }),
+      /* @__PURE__ */ e(
+        Ve,
+        {
+          code: t.content,
+          language: Fn(t.format),
+          showLineNumbers: !0
+        }
+      )
+    ] }),
+    S && /* @__PURE__ */ e(
+      en,
+      {
+        initial: t,
+        project: n,
+        onClose: () => g(!1),
+        onSaved: () => g(!1)
+      }
+    ),
+    d && /* @__PURE__ */ e(
+      Ze,
+      {
+        title: "Delete document",
+        message: `Delete the document "${t.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() });
+        },
+        onClose: () => r(!1)
+      }
+    )
+  ] });
+}
+const Pn = {
+  kind: "action",
+  uses: { app: "", action: "", connection: null }
+};
+function se(a) {
+  return { input: [], ...a, target: a.target ?? Pn };
+}
+function be(a) {
+  const { target: s, input: i, ...f } = se(a), u = {
+    ...f,
+    key: String(a.key ?? "").trim()
+  };
+  fn(s) && (u.target = s);
+  const n = xe(i ?? [], { emptyMeansPassthrough: !0 });
+  return n !== void 0 && (u.input = n), u;
+}
+function Me(a) {
+  return a && a.length > 1 ? a : 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 Dn(a, s, i) {
+  return a ?? {
+    url: s ?? "",
+    urlByKey: i,
+    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 }),
+    /* @__PURE__ */ o("div", { className: "card", children: [
+      /* @__PURE__ */ e("h3", { children: s.editor.notFoundTitle }),
+      /* @__PURE__ */ e("p", { className: "error", children: a.error })
+    ] })
+  ] }) : /* @__PURE__ */ o("div", { className: "exec-profile-editor", children: [
+    (i == null ? void 0 : i.header) ?? /* @__PURE__ */ e(
+      $e,
+      {
+        onBack: u,
+        backLabel: f,
+        title: { editable: !1, value: a.title },
+        titleAdornment: a.incomplete && /* @__PURE__ */ e("span", { className: "badge status-failed", children: "incomplete" }),
+        actions: /* @__PURE__ */ o(K, { children: [
+          a.headerActions,
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "btn",
+              disabled: !a.canSave,
+              onClick: a.onSave,
+              children: a.isSaving ? "Saving…" : s.editor.saveLabel
+            }
+          ),
+          i == null ? void 0 : i.headerActions
+        ] })
+      }
+    ),
+    /* @__PURE__ */ o("div", { className: "exec-profile-body", children: [
+      a.error && /* @__PURE__ */ e("div", { className: "error", children: a.error }),
+      a.banners,
+      a.children
+    ] })
+  ] });
+}
+const Ne = [
+  {
+    value: "platform",
+    label: "Platform auth (default)",
+    hint: "A w6w token or a partner OIDC token, exactly like the rest of the API. The call runs as the caller."
+  },
+  {
+    value: "none",
+    label: "None — public",
+    hint: "Anyone with the URL can invoke this. The call runs as this Endpoint's owner."
+  },
+  {
+    value: "basic",
+    label: "Basic auth",
+    hint: "HTTP Basic with the username and password below."
+  },
+  {
+    value: "header",
+    label: "Header auth",
+    hint: "The named header must carry the value below."
+  },
+  {
+    value: "jwt",
+    label: "JWT (HMAC)",
+    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;
+  return /* @__PURE__ */ o("div", { className: "card", children: [
+    /* @__PURE__ */ e("h3", { children: "URL" }),
+    i && /* @__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))
+        }
+      )
+    ] }),
+    F && /* @__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(
+      "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
+      },
+      d
+    )) }),
+    /* @__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("strong", { children: "POST" }),
+      " ",
+      /* @__PURE__ */ e("span", { "data-testid": "invoke-url", children: S || "…" })
+    ] }) }) }),
+    !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;
+  return /* @__PURE__ */ o("div", { className: "card", children: [
+    /* @__PURE__ */ e("h3", { children: "Security" }),
+    /* @__PURE__ */ o("label", { className: "field", children: [
+      /* @__PURE__ */ e("span", { children: "Who may call it" }),
+      /* @__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))
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: "hint", children: (u = Ne.find((n) => n.value === f)) == null ? void 0 : u.hint })
+    ] }),
+    f !== "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: [
+      /* @__PURE__ */ o("label", { className: "field", children: [
+        /* @__PURE__ */ e("span", { children: "Username" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: s.basicUser ?? "",
+            onChange: (n) => i({ basicUser: n.target.value })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(
+        pe,
+        {
+          label: "Password",
+          value: s.basicPassword,
+          onChange: (n) => i({ basicPassword: n })
+        }
+      )
+    ] }),
+    f === "header" && /* @__PURE__ */ o(K, { children: [
+      /* @__PURE__ */ o("label", { className: "field", children: [
+        /* @__PURE__ */ e("span", { children: "Header name" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            placeholder: "X-API-Key",
+            value: s.headerName ?? "",
+            onChange: (n) => i({ headerName: n.target.value })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(
+        pe,
+        {
+          label: "Header value",
+          value: s.headerValue,
+          onChange: (n) => i({ headerValue: n })
+        }
+      )
+    ] }),
+    f === "jwt" && /* @__PURE__ */ e(
+      pe,
+      {
+        label: "JWT secret (HS256)",
+        value: s.jwtSecret,
+        onChange: (n) => i({ jwtSecret: n })
+      }
+    )
+  ] });
+}
+function pe(a) {
+  const s = a.value === Nn;
+  return /* @__PURE__ */ o("label", { className: "field", children: [
+    /* @__PURE__ */ e("span", { children: a.label }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        type: "password",
+        value: s ? "" : a.value ?? "",
+        placeholder: s ? "•••••••• (stored — type to replace)" : "",
+        onChange: (i) => a.onChange(i.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);
+    }
+    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 })
+      }
+    );
+  };
+  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}`;
+      return /* @__PURE__ */ o("div", { className: "field", children: [
+        /* @__PURE__ */ o("label", { htmlFor: y, children: [
+          t.label || t.key,
+          t.required && " *"
+        ] }),
+        t.type === "boolean" ? /* @__PURE__ */ o(
+          "select",
+          {
+            id: y,
+            value: f[t.key] ?? "",
+            onChange: (c) => u((C) => ({ ...C, [t.key]: c.target.value })),
+            children: [
+              /* @__PURE__ */ e("option", { value: "", children: "—" }),
+              /* @__PURE__ */ e("option", { value: "true", children: "true" }),
+              /* @__PURE__ */ e("option", { value: "false", children: "false" })
+            ]
+          }
+        ) : /* @__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 }))
+          }
+        )
+      ] }, t.key || t.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 }),
+    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 S(d, r) {
+    i(s.map((t, y) => y === d ? { ...t, ...r } : t));
+  }
+  function g(d) {
+    i(s.filter((r, t) => t !== d));
+  }
+  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("p", { className: "muted small", children: u }),
+    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) => (
+      // 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,
+            placeholder: "key",
+            "aria-label": "Input key",
+            onChange: (t) => S(r, { key: t.target.value })
+          }
+        ),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: d.label,
+            placeholder: "Label",
+            "aria-label": "Input label",
+            onChange: (t) => S(r, { label: t.target.value })
+          }
+        ),
+        /* @__PURE__ */ e(
+          "select",
+          {
+            value: d.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))
+          }
+        ),
+        /* @__PURE__ */ o("label", { className: "row", style: { gap: 4, alignItems: "center" }, children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "checkbox",
+              checked: d.required ?? !1,
+              onChange: (t) => S(r, { required: t.target.checked })
+            }
+          ),
+          /* @__PURE__ */ e("span", { className: "muted small", children: "required" })
+        ] }),
+        /* @__PURE__ */ e(
+          ye,
+          {
+            danger: !0,
+            icon: "close",
+            label: `Remove input ${d.key || r + 1}`,
+            onClick: () => g(r)
+          }
+        )
+      ] }, r)
+    )) }),
+    m && m.length > 0 && /* @__PURE__ */ o("p", { className: "muted small", "data-testid": "input-uncovered", children: [
+      "Missing required field",
+      m.length > 1 ? "s" : "",
+      " for the current target:",
+      " ",
+      m.join(", ")
+    ] })
+  ] });
+}
+const xn = ["action", "function", "workflow", "endpoint"], An = {
+  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);
+  }
+  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);
+  ce(() => {
+    let l = !1;
+    return import("@w6w/ui/flow").then((w) => {
+      l || L({ isTriggerApp: w.isTriggerApp, asFieldDefs: w.asFieldDefs });
+    }), () => {
+      l = !0;
+    };
+  }, []);
+  const A = Cn(C, C !== ""), Y = Sn(C, C !== ""), P = O(
+    () => (A.data ?? []).find((l) => l.key === D),
+    [A.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")), k = 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, w, 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(
+      (w = R.data) == null ? void 0 : w.workflow,
+      M
+    ) : [] : r === "endpoint" ? me(((v = z.data) == null ? void 0 : v.endpoint.input) ?? []) : [];
+  }, [
+    r,
+    P,
+    p.data,
+    R.data,
+    z.data,
+    M
+  ]);
+  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);
+      return;
+    }
+    if (l.uses.app.startsWith("@w6w/")) return;
+    const w = d.kind === "action" ? d.with ?? {} : {}, v = l.with ?? {}, j = {};
+    for (const T of Object.keys(v))
+      j[T] = T in w ? w[T] : v[T];
+    y({ kind: "action", uses: l.uses, with: j }), g(!1);
+  }
+  function H(l, w) {
+    if (d.kind !== "action") return;
+    const v = { ...d.with ?? {} };
+    w === "" || w === void 0 ? delete v[l] : v[l] = w, y({ ...d, with: v });
+  }
+  function q(l) {
+    y(
+      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 }
+    );
+  }
+  const ie = O(() => {
+    var l, w;
+    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;
+      }
+      if (r === "workflow") {
+        const v = (w = X.data) == null ? void 0 : w.find((j) => j.id === E);
+        return v ? v.displayName || v.name : void 0;
+      }
+    }
+  }, [r, E, W.data, X.data]), ne = O(() => {
+    const l = (P == null ? void 0 : P.params) ?? [], w = (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 = w[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;
+      }
+      const j = v.key in w && w[v.key] !== "" && w[v.key] !== void 0;
+      return v.required || j;
+    });
+  }, [P, c == null ? void 0 : c.with]);
+  return /* @__PURE__ */ o("div", { className: "card", children: [
+    /* @__PURE__ */ e("h3", { children: n }),
+    /* @__PURE__ */ e("p", { className: "muted small", children: m }),
+    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)) })
+    ] }),
+    r === "action" && /* @__PURE__ */ o(K, { children: [
+      C && D ? /* @__PURE__ */ o("div", { className: "row", style: { alignItems: "center", gap: 8 }, children: [
+        /* @__PURE__ */ e(
+          Ye,
+          {
+            src: B == null ? void 0 : B.iconSvg,
+            srcDark: B == null ? void 0 : B.iconSvgDark,
+            brandColor: B == null ? void 0 : B.brandColor,
+            name: C
+          }
+        ),
+        /* @__PURE__ */ o("span", { className: "list-main", children: [
+          /* @__PURE__ */ e("strong", { children: (P == null ? void 0 : P.title) ?? D }),
+          " ",
+          /* @__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("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("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."
+        ] }),
+        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 w;
+          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,
+              {
+                value: (w = c == null ? void 0 : c.with) == null ? void 0 : w[l.key],
+                onChange: (v) => H(l.key, v),
+                placeholder: `inputs.${l.key}`,
+                "aria-label": `Mapping for ${l.key}`
+              }
+            ) })
+          ] }, l.key);
+        }) })
+      ] })
+    ] }),
+    (r === "function" || r === "workflow") && /* @__PURE__ */ e("div", { className: "row", style: { alignItems: "center", gap: 8 }, children: E ? /* @__PURE__ */ o(K, { children: [
+      /* @__PURE__ */ o("span", { className: "list-main", children: [
+        /* @__PURE__ */ e("strong", { children: ie ?? E }),
+        " ",
+        /* @__PURE__ */ e("code", { className: "muted", children: E }),
+        /* @__PURE__ */ e("span", { className: "muted small block", children: r === "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: [
+      "+ Choose a ",
+      r
+    ] }) }),
+    S && /* 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
+               through "Change" and reaching it through a row's `ƒx` toggle must
+               offer the identical rail. Wrapping only this modal is what made
+               them disagree.
+    
+               ONE modal for the whole card, not one per arm: it now offers every
+               kind this card allows, so which arm is showing decides only which
+               tab it OPENS on, never whether it renders. */
+    /* @__PURE__ */ e(
+      Xe,
+      {
+        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
+      }
+    ),
+    r === "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__ */ e("option", { value: "", children: "— pick an endpoint —" }),
+        (V = k.data) == null ? void 0 : V.map((l) => /* @__PURE__ */ o("option", { value: l.id, children: [
+          l.displayName || l.key,
+          " (",
+          l.id,
+          ")"
+        ] }, l.id))
+      ] })
+    ] })
+  ] });
+}
+const jn = () => {
+};
+function oe(a) {
+  return a instanceof he || a instanceof Error ? a.message : String(a);
+}
+function dt(a) {
+  const { endpointId: s, onNavigate: i = jn, slots: f, tools: u } = a, n = ve(a.project), m = de(
+    (F) => i(F),
+    [i]
+  );
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "w6w-embed-root",
+      style: { display: "flex", width: "100%", height: "100%", minHeight: 0 },
+      children: /* @__PURE__ */ e(
+        Ce,
+        {
+          project: n,
+          onNavigate: m,
+          rail: a.rail,
+          tools: u,
+          storageKey: n === null ? null : `w6w.rail.embed.${n}`,
+          children: /* @__PURE__ */ e("div", { style: { flex: 1, minWidth: 0, overflow: "auto" }, children: /* @__PURE__ */ e(
+            Jn,
+            {
+              id: s,
+              onNavigate: i,
+              slots: f
+            },
+            s
+          ) })
+        }
+      )
+    }
+  );
+}
+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), [A, Y] = N(""), [P, G] = N({ id: s, key: "" }), [ae, W] = N(null), X = de((b) => {
+    const $ = se(b), J = we({
+      target: $.target,
+      rows: $.input ?? [],
+      fields: S.current
+    });
+    return J.length > 0 ? `The target needs: ${J.join(", ")}` : null;
+  }, []), k = ln({ id: s, saveGuard: X }), p = O(
+    () => k.definition ? se(k.definition) : null,
+    [k.definition]
+  ), R = (p == null ? void 0 : p.input) ?? [], z = ((ge = p == null ? void 0 : p.exposure) == null ? void 0 : ge.security) ?? {
+    auth: "platform"
+  }, Z = Me(n == null ? void 0 : n.invokeUrls), x = Bn(n == null ? void 0 : n.invokeUrls, y);
+  De({
+    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((b) => b.key),
+    policy: k.policy,
+    onPolicyChange: k.onPolicyChange
+  });
+  const { setDefinition: H } = k, q = de(
+    (b) => {
+      B(!1), H(($) => ({
+        ...se($),
+        ...b
+      }));
+    },
+    [H]
+  ), ee = (b) => {
+    B(!1), H(($) => {
+      var ke;
+      const J = se($), Ue = {
+        ...((ke = J.exposure) == null ? void 0 : ke.security) ?? { auth: "platform" },
+        ...b
+      };
+      return { ...J, exposure: { ...J.exposure, security: Ue } };
+    });
+  };
+  function ie(b) {
+    g.current = !0, q({ target: b });
+  }
+  ce(() => {
+    if (g.current) {
+      if (!je({ rows: R, touched: d.current })) {
+        g.current = !1;
+        return;
+      }
+      m.length !== 0 && (q({ input: Je(R, m) }), g.current = !1);
+    }
+  }, [m]);
+  const ne = O(
+    () => ({ inputs: R.map((b) => b.key).filter(Boolean) }),
+    [R]
+  ), Q = O(
+    () => Oe(R, m),
+    [R, m]
+  ), _ = O(
+    () => p ? we({
+      target: p.target,
+      rows: R,
+      fields: m
+    }) : [],
+    [p, R, m]
+  ), V = p && _.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",
+    ": ",
+    /* @__PURE__ */ e("strong", { children: _.join(", ") })
+  ] }) : null, w = !!((p == null ? void 0 : p.key.trim()) ?? "") && _.length === 0 && k.canSave;
+  async function v() {
+    if (!p) return;
+    const b = await k.commit(be(p));
+    B(b.status === "saved");
+  }
+  function j() {
+    if (!p) return;
+    const b = be(p);
+    Y(JSON.stringify(b, null, 2)), G({ id: String(b.id), key: String(b.key) }), W(null), L(!0);
+  }
+  async function T() {
+    const b = ue(A, P), $ = b.parsed;
+    if (!$ || b.blockedReason) return;
+    const J = await k.commit($);
+    J.status === "saved" || J.status === "clean" ? (W(null), L(!1), B(J.status === "saved")) : J.status === "failed" ? W(oe(J.error)) : W(J.reason);
+  }
+  const h = k.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 U = p && (p.displayName || p.key) || u.editor.newTitle, re = k.error !== null && !k.stale ? oe(k.error) : null, te = k.stale || k.changedElsewhere ? /* @__PURE__ */ o("div", { className: "error", role: "alert", "data-testid": "endpoint-stale", children: [
+    k.stale ? oe(k.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 k.reload(), children: "Reload" })
+  ] }) : null;
+  return /* @__PURE__ */ e(Pe, { value: ne, children: /* @__PURE__ */ e(
+    We,
+    {
+      kind: "endpoint",
+      title: U,
+      incomplete: !1,
+      canSave: w,
+      isSaving: k.saving,
+      onSave: () => void v(),
+      error: I ? oe(h) : re,
+      notFound: I,
+      onNavigate: i,
+      slots: f,
+      headerActions: /* @__PURE__ */ o(K, { children: [
+        /* @__PURE__ */ e(Ee, { kind: "endpoint", id: s }),
+        /* @__PURE__ */ e(Ie, { onClick: j })
+      ] }),
+      banners: /* @__PURE__ */ o(K, { children: [
+        te,
+        V,
+        E && /* @__PURE__ */ e("span", { className: "ok", children: "Saved." })
+      ] }),
+      children: p && /* @__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,
+              {
+                icon: "edit-2",
+                label: "Edit name, key, and description",
+                onClick: () => D(!0)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ o("div", { className: "field", children: [
+            /* @__PURE__ */ e("span", { className: "muted small", children: "Display name" }),
+            /* @__PURE__ */ e("span", { children: p.displayName || "—" })
+          ] }),
+          /* @__PURE__ */ o("div", { className: "field", children: [
+            /* @__PURE__ */ e("span", { className: "muted small", children: "Key" }),
+            /* @__PURE__ */ e("code", { className: "muted", children: p.key || "—" })
+          ] }),
+          /* @__PURE__ */ o("div", { className: "field", children: [
+            /* @__PURE__ */ e("span", { className: "muted small", children: "Description" }),
+            /* @__PURE__ */ e("span", { children: p.description || "—" })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(
+          Rn,
+          {
+            entry: Dn(x, 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
+          }
+        ),
+        /* @__PURE__ */ e(
+          qe,
+          {
+            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: (b) => {
+              d.current = !0, q({ input: b });
+            },
+            uncoveredKeys: Q
+          }
+        ),
+        /* @__PURE__ */ e(
+          Qe,
+          {
+            allowedKinds: ["action", "function", "workflow"],
+            title: "Target",
+            description: /* @__PURE__ */ o(K, { children: [
+              "The single thing this Endpoint dispatches to. An ",
+              /* @__PURE__ */ e("strong", { children: "Action" }),
+              " target runs one app action directly and a ",
+              /* @__PURE__ */ e("strong", { children: "Function" }),
+              " target resolves synchronously to a value; a ",
+              /* @__PURE__ */ e("strong", { children: "Workflow" }),
+              " 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: (b) => F(b.fields)
+          }
+        ),
+        /* @__PURE__ */ e(Kn, { security: z, onPatch: ee }),
+        /* @__PURE__ */ e(Tn, { id: s, inputs: R }),
+        /* @__PURE__ */ o(
+          "div",
+          {
+            className: "row",
+            style: {
+              justifyContent: "flex-end",
+              alignItems: "center",
+              gap: "var(--w6w-sp-3)",
+              marginTop: "var(--w6w-sp-4)"
+            },
+            children: [
+              V,
+              E && /* @__PURE__ */ e("span", { className: "ok", children: "Saved." }),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  className: "btn",
+                  disabled: !w,
+                  onClick: () => void v(),
+                  children: k.saving ? "Saving…" : "Save"
+                }
+              )
+            ]
+          }
+        ),
+        C && /* @__PURE__ */ e(
+          cn,
+          {
+            initial: {
+              key: p.key,
+              displayName: p.displayName ?? "",
+              description: p.description ?? ""
+            },
+            onClose: () => D(!1),
+            onSaved: (b) => {
+              q({
+                displayName: b.displayName,
+                description: b.description
+              }), D(!1);
+            }
+          }
+        ),
+        /* @__PURE__ */ e(
+          Se,
+          {
+            open: M,
+            onClose: () => L(!1),
+            title: `JSON — ${U}`,
+            mode: "disconnected",
+            value: A,
+            onChange: Y,
+            guard: (b) => ue(b, P).blockedReason,
+            onSave: () => void T(),
+            saving: k.saving,
+            error: ae,
+            editorLabel: "Endpoint definition JSON"
+          }
+        )
+      ] })
+    }
+  ) });
+}
+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);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "w6w-embed-root",
+      style: { display: "flex", width: "100%", height: "100%", minHeight: 0 },
+      children: /* @__PURE__ */ e(
+        Ce,
+        {
+          project: n,
+          onNavigate: i,
+          rail: a.rail,
+          tools: u,
+          storageKey: n === null ? null : `w6w.rail.embed.${n}`,
+          children: /* @__PURE__ */ e(Ln, { functionId: s, onNavigate: i, slots: f })
+        }
+      )
+    }
+  );
+}
+function Ln(a) {
+  const s = rn({ id: a.functionId });
+  return /* @__PURE__ */ e(Mn, { ...a, draft: s }, a.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({
+    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
+  });
+  const L = (h) => i.setDefinition((I) => ({ ...I, ...h })), [A, Y] = N([]), P = le(!1), G = le(!1);
+  ce(() => {
+    if (P.current) {
+      if (!je({ rows: m, touched: G.current })) {
+        P.current = !1;
+        return;
+      }
+      A.length !== 0 && (L({ inputs: Je(m, A) }), P.current = !1);
+    }
+  }, [A]);
+  const ae = O(
+    () => Oe(m, A),
+    [m, A]
+  ), W = O(
+    () => ({ inputs: m.map((h) => h.key).filter(Boolean) }),
+    [m]
+  );
+  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 });
+  }
+  const k = O(
+    () => kn({ impl: n == null ? void 0 : n.impl, fields: A }),
+    [n == null ? void 0 : n.impl, A]
+  ), p = !!M && k.length === 0 && i.canSave;
+  function R() {
+    return {
+      ...n,
+      key: M,
+      inputs: xe(m, { 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);
+  }
+  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 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 l = de(async () => {
+    B(!0);
+    try {
+      await i.reload(), c(null), D(!1);
+    } finally {
+      B(!1);
+    }
+  }, [i.reload]), w = i.stale ? null : i.error ?? g, v = y ?? (w === null ? null : fe(w)), 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,
+    {
+      kind: "function",
+      title: j,
+      incomplete: n !== null && !S,
+      canSave: p,
+      isSaving: i.saving,
+      onSave: () => void z(),
+      error: v,
+      notFound: d,
+      onNavigate: f,
+      slots: u,
+      headerActions: n && /* @__PURE__ */ o(K, { children: [
+        /* @__PURE__ */ e(Ee, { kind: "function", id: s }),
+        /* @__PURE__ */ e(Ie, { onClick: _ })
+      ] }),
+      banners: /* @__PURE__ */ o(K, { children: [
+        i.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" })
+        ] }),
+        i.changedElsewhere && !i.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" })
+        ] }),
+        k.length > 0 && /* @__PURE__ */ o("p", { className: "error small", "data-testid": "save-blocked", children: [
+          "Can’t save yet — map ",
+          k.length > 1 ? "these" : "this",
+          " required action",
+          " ",
+          k.length > 1 ? "params" : "param",
+          " under Input mapping above:",
+          " ",
+          /* @__PURE__ */ e("strong", { children: k.join(", ") })
+        ] }),
+        C && /* @__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,
+              {
+                icon: "edit-2",
+                label: "Edit name, key, and description",
+                onClick: () => t(!0)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ o("div", { className: "field", children: [
+            /* @__PURE__ */ e("span", { className: "muted small", children: "Display name" }),
+            /* @__PURE__ */ e("span", { children: n.displayName || "—" })
+          ] }),
+          /* @__PURE__ */ o("div", { className: "field", children: [
+            /* @__PURE__ */ e("span", { className: "muted small", children: "Key" }),
+            /* @__PURE__ */ e("code", { className: "muted", children: n.key || "—" })
+          ] }),
+          /* @__PURE__ */ o("div", { className: "field", children: [
+            /* @__PURE__ */ e("span", { className: "muted small", children: "Description" }),
+            /* @__PURE__ */ e("span", { children: n.description || "—" })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(
+          qe,
+          {
+            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 });
+            },
+            uncoveredKeys: ae
+          }
+        ),
+        /* @__PURE__ */ e(
+          Qe,
+          {
+            allowedKinds: ["action", "function", "workflow"],
+            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)
+          }
+        ),
+        /* @__PURE__ */ e(Wn, { id: s, inputs: m, disabled: !S, invalid: !S }),
+        r && /* @__PURE__ */ e(
+          dn,
+          {
+            initial: {
+              key: n.key,
+              displayName: n.displayName ?? "",
+              description: n.description ?? ""
+            },
+            onClose: () => t(!1),
+            onSaved: (h) => {
+              L({ displayName: h.displayName, description: h.description }), t(!1);
+            }
+          }
+        ),
+        /* @__PURE__ */ e(
+          Se,
+          {
+            open: Z,
+            onClose: () => x(!1),
+            title: `JSON — ${j}`,
+            mode: "disconnected",
+            value: H,
+            onChange: q,
+            guard: (h) => ue(h, ee).blockedReason,
+            onSave: () => void V(),
+            saving: i.saving,
+            error: ne,
+            editorLabel: "Function definition JSON"
+          }
+        )
+      ] })
+    }
+  ) }) });
+}
+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);
+    }
+    try {
+      const y = await d.mutateAsync({ id: s, inputs: t });
+      S(null), m(y);
+    } catch (y) {
+      m(void 0), S(fe(y));
+    } finally {
+      g.invalidateQueries({ queryKey: Be.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}`;
+      return /* @__PURE__ */ o("div", { className: "field", children: [
+        /* @__PURE__ */ o("label", { htmlFor: y, children: [
+          t.label || t.key,
+          t.required && " *"
+        ] }),
+        t.type === "boolean" ? /* @__PURE__ */ o(
+          "select",
+          {
+            id: y,
+            value: f[t.key] ?? "",
+            onChange: (c) => u((C) => ({ ...C, [t.key]: c.target.value })),
+            children: [
+              /* @__PURE__ */ e("option", { value: "", children: "—" }),
+              /* @__PURE__ */ e("option", { value: "true", children: "true" }),
+              /* @__PURE__ */ e("option", { value: "false", children: "false" })
+            ]
+          }
+        ) : /* @__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 }))
+          }
+        )
+      ] }, t.key || t.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"
+      }
+    ) }),
+    F && /* @__PURE__ */ e("div", { className: "result error", children: F }),
+    n !== void 0 && /* @__PURE__ */ o(K, { children: [
+      n.invocationId && /* @__PURE__ */ o("p", { className: "muted small", children: [
+        n.status ?? "done",
+        n.durationMs !== void 0 ? ` · ${n.durationMs} ms` : "",
+        " · ",
+        /* @__PURE__ */ e("code", { children: n.invocationId })
+      ] }),
+      /* @__PURE__ */ e("pre", { className: "result", style: { overflow: "auto" }, children: JSON.stringify(n.output, null, 2) })
+    ] })
+  ] });
+}
+export {
+  ct as DocumentEditor,
+  dt as EndpointEditor,
+  ut as FunctionEditor,
+  pt as WorkflowEditor
+};
+//# sourceMappingURL=editors.mjs.map