@w6w/embed 0.0.0-stage → 0.1.0

package/dist/editor.mjs

@@ -0,0 +1,2170 @@
+"use client";
+var xn = Object.defineProperty;
+var Vn = (n, t, o) => t in n ? xn(n, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : n[t] = o;
+var Xe = (n, t, o) => Vn(n, typeof t != "symbol" ? t + "" : t, o);
+import { jsxs as a, jsx as e, Fragment as R } from "react/jsx-runtime";
+import { useQuery as cn, useQueries as en } from "@tanstack/react-query";
+import { ApiError as _ } from "@w6w/sdk";
+import { ExecutionStats as Fn, ExecutionFilters as Bn, ExecutionList as $n, ExecutionDetail as Hn, Modal as Kn, IconButton as z, JsonEditor as un, ExpressionOptionsProvider as hn, CodeBlock as Re, Icon as de, RetryPolicyFields as qn, StepBuilderModal as Qn, useEnterSubmit as _n, DeleteButton as Jn, EditButton as Un, ConfirmModal as nn, useExpressionOptions as zn, ExpressionInput as Gn, useW6WApi as fn, isTestRequired as tn, requiredParamsFilled as Yn, ExecutionLogPanel as Zn } from "@w6w/ui";
+import { useRef as $, useState as p, useEffect as j, useCallback as we, Component as Xn, createContext as mn, useContext as Oe, useMemo as F, Suspense as et, lazy as nt } from "react";
+import { a7 as tt, a8 as ot, a5 as it, H as on, E as st, a6 as at, ap as rt, ai as lt, a4 as dt, ah as ct, Z as ut, Y as ht, at as pn, d as ft, a9 as mt, aq as pt, ad as vt, aa as gt, as as bt, ag as yt, V as wt, a2 as kt, ar as vn, ac as gn, aj as Nt, ay as Ct, ak as St, W as Et, ab as Tt, r as It, w as Pt, F as At, u as sn, T as Rt, D as Ot, B as Dt, b as Lt } from "./spec-import-HgO7ZkLZ.js";
+import { z as Mt, a as Wt, v as jt, b as bn, I as yn, l as xt, F as Vt, p as Ft, u as wn, e as an, m as Bt, g as $t, t as Ht, s as Kt, c as qt, K as Qt, M as rn, w as _t, x as Jt, H as Ut, N as zt, k as ln, d as Gt, J as Yt, O as Zt } from "./slug-ByKQgxrf.js";
+import { u as kn } from "./client-context-CX61Bgw-.js";
+import { u as Xt } from "./use-workflow-draft-oI02dsP-.js";
+import { u as eo } from "./project-context-Dbk0Gr1K.js";
+function no({ title: n }) {
+  const { value: t, placeholder: o, maxLength: i, ariaLabel: r, onChange: s, onBlur: u } = n;
+  return /* @__PURE__ */ e(
+    "input",
+    {
+      className: "wf-title-input",
+      value: t,
+      placeholder: o,
+      maxLength: i,
+      size: Math.min(Math.max(t.length, o.length), 80),
+      "aria-label": r,
+      onChange: (l) => s(l.target.value),
+      onBlur: u
+    }
+  );
+}
+function to({
+  onBack: n,
+  backLabel: t,
+  title: o,
+  titleAdornment: i,
+  actions: r
+}) {
+  return /* @__PURE__ */ a("div", { className: "wf-fullbleed-head", children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "muted wf-back-btn",
+        "data-testid": "wf-editor-back",
+        onClick: n,
+        children: t
+      }
+    ),
+    o.editable ? /* @__PURE__ */ e(no, { title: o }) : /* @__PURE__ */ a("h2", { className: "exec-profile-title", children: [
+      o.value,
+      " ",
+      i
+    ] }),
+    /* @__PURE__ */ e("div", { className: "wf-head-actions", style: { marginLeft: "auto" }, children: r })
+  ] });
+}
+const oo = 300;
+function io(n) {
+  var g, H;
+  const { scope: t, showKind: o, filters: i, onFiltersChange: r, onOpenInEditor: s } = n, u = $(i);
+  u.current = i;
+  const [l, h] = p(i.q), k = $(null), [v, b] = p(null);
+  j(() => {
+    h(i.q);
+  }, [i.q]), j(
+    () => () => {
+      k.current && clearTimeout(k.current);
+    },
+    []
+  );
+  const y = tt(t, i), N = ot(t, i), w = it(v), C = ((g = y.data) == null ? void 0 : g.executions) ?? [], m = i.offset, A = ((H = y.data) == null ? void 0 : H.hasMore) ?? !1, S = (c) => {
+    r({ ...c, offset: 0 });
+  }, D = (c) => {
+    if (c.q === l) {
+      S(c);
+      return;
+    }
+    h(c.q), k.current && clearTimeout(k.current), k.current = setTimeout(() => {
+      k.current = null, r({ ...u.current, q: c.q, offset: 0 });
+    }, oo);
+  }, L = () => r({ ...i, q: l, offset: Math.max(0, m - on) }), B = () => r({ ...i, q: l, offset: m + on }), P = we(
+    (c) => {
+      b(C.find((M) => M.id === c) ?? null);
+    },
+    [C]
+  ), T = {
+    status: i.status,
+    kind: i.kind,
+    from: i.from,
+    to: i.to,
+    q: l
+  }, O = (v == null ? void 0 : v.kind) === "workflow" && s ? () => s(v) : void 0;
+  return /* @__PURE__ */ a(R, { children: [
+    /* @__PURE__ */ e(Fn, { stats: N.data ?? null }),
+    /* @__PURE__ */ e(Bn, { showKind: o, value: T, onChange: D }),
+    y.isError && /* @__PURE__ */ e("p", { className: "error", "data-testid": "history-error", children: "Couldn't load execution history." }),
+    /* @__PURE__ */ e(
+      $n,
+      {
+        items: C,
+        showCallable: o,
+        loading: y.isLoading,
+        selectedId: (v == null ? void 0 : v.id) ?? null,
+        hasPrev: m > 0,
+        hasNext: A,
+        onPrev: L,
+        onNext: B,
+        onSelect: P
+      }
+    ),
+    v && /* @__PURE__ */ e(
+      Hn,
+      {
+        execution: w.data ?? null,
+        loading: w.isLoading,
+        errorMessage: w.isError ? "This execution is no longer available." : void 0,
+        onClose: () => b(null),
+        onOpenInEditor: O
+      }
+    )
+  ] });
+}
+function so(n, t, o) {
+  if (!(n !== "workflow" || t === void 0))
+    return (i) => {
+      o(), t(i.id);
+    };
+}
+function ao(n) {
+  const { kind: t, id: o, onClose: i, onOpenRun: r } = n, [s, u] = p(st), l = so(t, r, i);
+  return /* @__PURE__ */ e(
+    Kn,
+    {
+      size: "full",
+      title: "History",
+      subtitle: o,
+      onClose: i,
+      headerRight: /* @__PURE__ */ e(z, { icon: "close", label: "Close", onClick: i }),
+      children: /* @__PURE__ */ e("div", { className: "w6w-modal-body", children: /* @__PURE__ */ e(
+        io,
+        {
+          scope: { callable: o },
+          showKind: !1,
+          filters: s,
+          onFiltersChange: u,
+          onOpenInEditor: l
+        }
+      ) })
+    }
+  );
+}
+function Nn({
+  hasExecuted: n,
+  onClick: t,
+  buttonRef: o
+}) {
+  return /* @__PURE__ */ e(
+    z,
+    {
+      ref: o,
+      icon: "history",
+      "data-testid": "history-button",
+      label: "Execution history",
+      title: n ? "Execution history" : "No executions yet",
+      disabled: !n,
+      onClick: t
+    }
+  );
+}
+function ro({ kind: n, id: t, onOpenRun: o }) {
+  const { hasExecuted: i } = at(t), [r, s] = p(!1), u = $(null), l = $(!1);
+  return j(() => {
+    var h;
+    l.current && !r && ((h = u.current) == null || h.focus()), l.current = r;
+  }, [r]), /* @__PURE__ */ a(R, { children: [
+    /* @__PURE__ */ e(
+      Nn,
+      {
+        hasExecuted: i,
+        buttonRef: u,
+        onClick: () => s(!0)
+      }
+    ),
+    r && /* @__PURE__ */ e(ao, { kind: n, id: t, onClose: () => s(!1), onOpenRun: o })
+  ] });
+}
+class lo extends Xn {
+  constructor() {
+    super(...arguments);
+    Xe(this, "state", { failed: !1 });
+  }
+  static getDerivedStateFromError() {
+    return { failed: !0 };
+  }
+  componentDidCatch(o) {
+    console.error("history probe answer was unreadable; disabling the button", o);
+  }
+  render() {
+    return this.state.failed ? /* @__PURE__ */ e(Nn, { hasExecuted: !1, onClick: () => {
+    } }) : this.props.children;
+  }
+}
+function co(n) {
+  return /* @__PURE__ */ e(lo, { children: /* @__PURE__ */ e(ro, { ...n }) });
+}
+function J({
+  title: n,
+  onClose: t,
+  children: o,
+  wide: i = !1,
+  xl: r = !1,
+  headerRight: s
+}) {
+  const u = $(null);
+  return j(() => {
+    const l = u.current;
+    if (!l) return;
+    l.open || l.showModal();
+    const h = (v) => {
+      v.preventDefault(), t();
+    }, k = (v) => {
+      if (v.target !== l) return;
+      const b = l.getBoundingClientRect();
+      (v.clientX < b.left || v.clientX > b.right || v.clientY < b.top || v.clientY > b.bottom) && t();
+    };
+    return l.addEventListener("cancel", h), l.addEventListener("click", k), () => {
+      l.removeEventListener("cancel", h), l.removeEventListener("click", k);
+    };
+  }, [t]), /* @__PURE__ */ e("div", { className: "modal-backdrop", children: /* @__PURE__ */ a(
+    "dialog",
+    {
+      ref: u,
+      className: `modal${i ? " modal-wide" : ""}${r ? " modal-xl" : ""}`,
+      "aria-label": n,
+      children: [
+        s ? /* @__PURE__ */ a("div", { className: "modal-head", children: [
+          /* @__PURE__ */ e("h3", { children: n }),
+          s
+        ] }) : /* @__PURE__ */ e("h3", { children: n }),
+        o
+      ]
+    }
+  ) });
+}
+function uo(n) {
+  return /* @__PURE__ */ e(z, { icon: "json", onClick: n.onClick, label: "Edit raw JSON definition" });
+}
+function ho(n) {
+  const {
+    open: t,
+    onClose: o,
+    title: i,
+    mode: r,
+    value: s,
+    onChange: u,
+    onValidityChange: l,
+    invalidReason: h,
+    guard: k,
+    onSave: v,
+    saving: b,
+    error: y,
+    editorLabel: N
+  } = n;
+  if (!t) return null;
+  const w = (k == null ? void 0 : k(s)) ?? null;
+  return /* @__PURE__ */ a(J, { title: i, onClose: o, wide: !0, children: [
+    /* @__PURE__ */ a("div", { className: "modal-body", children: [
+      /* @__PURE__ */ e("p", { className: "muted small", children: r === "synced" ? /* @__PURE__ */ a(R, { children: [
+        "Edit the raw definition (",
+        /* @__PURE__ */ e("code", { children: 'manifestVersion: "2"' }),
+        "). Changes sync live to the visual editor."
+      ] }) : "Save replaces the stored definition." }),
+      /* @__PURE__ */ e(
+        un,
+        {
+          value: s,
+          onChange: u,
+          onValidityChange: ({ valid: C, error: m }) => l == null ? void 0 : l({ valid: C, error: m ?? null }),
+          minHeight: "420px",
+          "aria-label": N
+        }
+      ),
+      w && /* @__PURE__ */ e("p", { className: "muted small", "data-testid": "json-toggle-reason", children: w }),
+      h && /* @__PURE__ */ a("div", { className: "muted small", children: [
+        "Invalid JSON — ",
+        h
+      ] }),
+      y && /* @__PURE__ */ e("div", { className: "error", children: y })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "modal-actions", children: r === "synced" ? /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: o, children: "Done" }) : /* @__PURE__ */ a(R, { children: [
+      /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: o, children: "Cancel" }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "btn",
+          "data-testid": "json-toggle-save",
+          disabled: w != null || !!b,
+          onClick: v,
+          children: b ? "Saving…" : "Save"
+        }
+      )
+    ] }) })
+  ] });
+}
+const De = mn(null);
+function fo({ children: n }) {
+  const [t, o] = p(null);
+  return /* @__PURE__ */ e(De.Provider, { value: { resource: t, setCallable: o }, children: n });
+}
+function mo(n) {
+  const t = Oe(De);
+  if (!t) throw new Error("useWorkspace must be used within <WorkspaceProvider>");
+  const { setCallable: o } = t, i = n ? JSON.stringify(n) : "";
+  j(() => (o(n), () => o(null)), [i, o]);
+}
+function po() {
+  const n = Oe(De);
+  if (!n) throw new Error("useWorkspaceCallable must be used within <WorkspaceProvider>");
+  return n.resource;
+}
+const Cn = { open: !1, activeTool: null };
+function vo(n) {
+  if (typeof localStorage > "u") return Cn;
+  const t = localStorage.getItem(n), { activeTool: o } = Mt(t);
+  return { open: !1, activeTool: o };
+}
+function Sn({
+  tools: n,
+  ctx: t,
+  state: o,
+  onToggle: i
+}) {
+  const r = o.open ? n.find((s) => s.id === o.activeTool) ?? null : null;
+  return /* @__PURE__ */ a("aside", { className: "right-rail", children: [
+    /* @__PURE__ */ e("div", { className: "right-rail-strip", children: n.map((s) => /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        "data-testid": `rail-tool-${s.id}`,
+        className: `right-rail-tool-btn${(r == null ? void 0 : r.id) === s.id ? " active" : ""}`,
+        title: s.title,
+        "aria-label": s.title,
+        "aria-pressed": (r == null ? void 0 : r.id) === s.id,
+        onClick: () => i(s.id),
+        children: /* @__PURE__ */ e(s.Icon, {})
+      },
+      s.id
+    )) }),
+    r && /* @__PURE__ */ a("div", { className: "right-rail-panel", "data-testid": `rail-panel-${r.id}`, children: [
+      !r.rendersHeading && /* @__PURE__ */ e("div", { className: "right-rail-panel-head", children: /* @__PURE__ */ e("h3", { children: r.title }) }),
+      /* @__PURE__ */ e(r.Panel, { ctx: t })
+    ] })
+  ] });
+}
+function go({
+  storageKey: n,
+  tools: t,
+  ctx: o
+}) {
+  const [i, r] = p(() => vo(n));
+  j(() => {
+    typeof localStorage > "u" || localStorage.setItem(n, JSON.stringify({ activeTool: i.activeTool }));
+  }, [n, i.activeTool]);
+  function s(u) {
+    r(
+      (l) => l.open && l.activeTool === u ? { open: !1, activeTool: u } : { open: !0, activeTool: u }
+    );
+  }
+  return /* @__PURE__ */ e(Sn, { tools: t, ctx: o, state: i, onToggle: s });
+}
+function bo({
+  tools: n,
+  storageKey: t
+}) {
+  const o = po(), i = n.filter((r) => r.isAvailable(o));
+  return i.length === 0 ? null : t === null ? /* @__PURE__ */ e(Sn, { tools: i, ctx: o, state: Cn, onToggle: () => {
+  } }) : /* @__PURE__ */ e(go, { storageKey: t, tools: i, ctx: o }, t);
+}
+function yo(n) {
+  const t = n, o = rt(t ?? void 0, t != null), i = lt(), r = dt(t ?? void 0, t != null), s = ct(), u = ut(), l = ht();
+  return F(
+    () => ({
+      vars: (o.data ?? []).map((h) => h.name),
+      secrets: (i.data ?? []).map((h) => h.name),
+      // `document-sources.ts` owns the `format === "json"` gate and the raw
+      // field enumeration — no parsing, no gate logic, and no filtering here
+      // (A5c); `isRefSafeKey` filtering happens once, downstream, at the
+      // modal's render site.
+      documents: jt(r.data ?? []),
+      // Real project values so the ƒx Result preview substitutes them for
+      // `vars.<name>` / `documents.<key>` / `documents.<key>.<field>` refs
+      // instead of the raw template.
+      sampleValues: {
+        ...Object.fromEntries((o.data ?? []).map((h) => [`vars.${h.name}`, h.value])),
+        ...Wt(r.data ?? [])
+      },
+      sealSecret: s,
+      // A created var carries the SAME project the read above carried (B3) —
+      // it must land in the project whose rail asked for it. `type: "string"`
+      // is pinned (a string type's `raw` passes through untouched) — the modal
+      // has no type field.
+      createVar: (h) => u.mutateAsync({
+        input: {
+          name: h.name,
+          type: "string",
+          value: h.value,
+          description: h.description
+        },
+        project: t ?? void 0
+      }).then(() => {
+      }),
+      // Secrets carry NO project (B4) — `vault_secrets` has no `project`
+      // column and the routes read no `?project=`. Plaintext in, the server
+      // encrypts; the resolved value is referenced nowhere (B5).
+      createSecret: (h) => l.mutateAsync({ name: h.name, value: h.value, description: h.description }).then(() => {
+      })
+    }),
+    [
+      o.data,
+      i.data,
+      r.data,
+      s,
+      u.mutateAsync,
+      l.mutateAsync,
+      t
+    ]
+  );
+}
+function wo({
+  project: n,
+  children: t
+}) {
+  const o = yo(n);
+  return /* @__PURE__ */ e(hn, { value: o, children: t });
+}
+const ye = [
+  { id: "node", label: "Node", language: "TypeScript", grammar: "typescript", icon: "lang-node" },
+  { id: "cli", label: "CLI", language: "Shell", grammar: "bash", icon: "terminal" },
+  { id: "python", label: "Python", language: "Python", grammar: "python", icon: "lang-python" },
+  { id: "curl", label: "curl", language: "Shell", grammar: "bash", icon: "lang-curl" }
+];
+function ko(n) {
+  const t = bn(n);
+  return t ? ye.filter((o) => typeof t[o.id] == "string") : [];
+}
+function No({
+  resource: n,
+  triggers: t,
+  wrap: o = !1,
+  maxHeight: i = "420px",
+  initialTab: r
+}) {
+  var C, m, A;
+  const [s, u] = p(r ?? "node"), [l, h] = p(0), k = !!t && t.length > 0, v = k ? t[Math.min(l, t.length - 1)] ?? t[0] : null, b = bn(n, v == null ? void 0 : v.fields), y = b ? ye.filter((S) => typeof b[S.id] == "string") : [], N = y.some((S) => S.id === s) ? s : ((C = y[0]) == null ? void 0 : C.id) ?? "node", w = (b == null ? void 0 : b[N]) ?? "";
+  return b === null ? /* @__PURE__ */ e("p", { className: "muted", children: yn(n) }) : /* @__PURE__ */ a(R, { children: [
+    k && v && /* @__PURE__ */ a("div", { className: "subpanel", style: { marginTop: 0, paddingTop: 0, borderTop: "none" }, children: [
+      /* @__PURE__ */ a("div", { "data-testid": "trigger-panel", children: [
+        /* @__PURE__ */ e("div", { className: "code-tabs", children: t.map((S, D) => /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `code-tab${D === l ? " active" : ""}`,
+            "data-testid": "trigger-tab",
+            onClick: () => h(D),
+            children: S.label
+          },
+          S.id
+        )) }),
+        v.fields.length === 0 && /* @__PURE__ */ e("p", { className: "muted small", children: "This trigger declares no fields." })
+      ] }),
+      t.length > 1 && /* @__PURE__ */ a("p", { className: "muted small", "data-testid": "trigger-multi-note", children: [
+        "This workflow has ",
+        t.length,
+        " manual triggers — the same input reaches every one of them identically; there is no per-trigger routing."
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "code-tabs", children: y.map((S) => /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: `code-tab${N === S.id ? " active" : ""}`,
+        onClick: () => u(S.id),
+        children: S.label
+      },
+      S.id
+    )) }),
+    /* @__PURE__ */ e(
+      Re,
+      {
+        code: w,
+        language: ((m = ye.find((S) => S.id === N)) == null ? void 0 : m.grammar) ?? "plaintext",
+        maxHeight: i,
+        wrap: o,
+        "aria-label": `${((A = ye.find((S) => S.id === N)) == null ? void 0 : A.label) ?? N} snippet`,
+        copyable: !0
+      }
+    ),
+    /* @__PURE__ */ e("p", { className: "muted small", style: { marginBottom: 0 }, children: N === "node" ? /* @__PURE__ */ a(R, { children: [
+      /* @__PURE__ */ e("code", { children: "npm i @w6w/sdk" }),
+      " · set ",
+      /* @__PURE__ */ e("code", { children: "W6W_BASE_URL" }),
+      " and ",
+      /* @__PURE__ */ e("code", { children: "W6W_TOKEN" }),
+      " · operation ",
+      /* @__PURE__ */ e("code", { children: b.operation })
+    ] }) : N === "cli" ? /* @__PURE__ */ a(R, { children: [
+      /* @__PURE__ */ e("code", { children: "npm i -g @w6w/cli" }),
+      " · set ",
+      /* @__PURE__ */ e("code", { children: "W6W_BASE_URL" }),
+      " and",
+      " ",
+      /* @__PURE__ */ e("code", { children: "W6W_TOKEN" }),
+      " (or pass ",
+      /* @__PURE__ */ e("code", { children: "--base-url" }),
+      " / ",
+      /* @__PURE__ */ e("code", { children: "--token" }),
+      ") · operation ",
+      /* @__PURE__ */ e("code", { children: b.operation })
+    ] }) : N === "python" ? /* @__PURE__ */ a(R, { children: [
+      /* @__PURE__ */ e("code", { children: "pip install w6w" }),
+      " · set ",
+      /* @__PURE__ */ e("code", { children: "W6W_BASE_URL" }),
+      " and ",
+      /* @__PURE__ */ e("code", { children: "W6W_TOKEN" }),
+      " ",
+      "· operation ",
+      /* @__PURE__ */ e("code", { children: b.operation })
+    ] }) : /* @__PURE__ */ a(R, { children: [
+      "No client library — any HTTP client will do. Set ",
+      /* @__PURE__ */ e("code", { children: "W6W_BASE_URL" }),
+      " to your w6w base URL (for an Endpoint, the URL above is the one this page is showing); substitute a w6w token for ",
+      /* @__PURE__ */ e("code", { children: "$W6W_TOKEN" }),
+      " and send the declared input as the JSON body."
+    ] }) })
+  ] });
+}
+function Co({ ctx: n }) {
+  const [t, o] = p(null), i = Vt(n);
+  if (!i) return null;
+  const r = (n == null ? void 0 : n.kind) === "workflow" ? n.triggers : void 0, s = ko(i);
+  return s.length === 0 ? /* @__PURE__ */ e("p", { className: "muted", children: yn(i) }) : /* @__PURE__ */ a("div", { children: [
+    /* @__PURE__ */ e("p", { className: "muted small", style: { marginTop: 0 }, children: "Call this from:" }),
+    /* @__PURE__ */ e("div", { className: "rail-code-langs", children: s.map(({ id: u, label: l, icon: h }) => /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        className: "rail-code-lang",
+        "data-testid": `rail-code-lang-${u}`,
+        title: `Show the ${l} snippet`,
+        "aria-label": `Show the ${l} snippet`,
+        onClick: () => o(u),
+        children: [
+          /* @__PURE__ */ e(de, { name: h, size: 20 }),
+          /* @__PURE__ */ e("span", { children: l })
+        ]
+      },
+      u
+    )) }),
+    t !== null && /* @__PURE__ */ e(J, { title: "Call from code", wide: !0, onClose: () => o(null), children: /* @__PURE__ */ e("div", { style: { height: 450 }, children: /* @__PURE__ */ e(No, { resource: i, triggers: r, initialTab: t }) }) })
+  ] });
+}
+function So() {
+  return /* @__PURE__ */ e(de, { name: "code" });
+}
+const Eo = {
+  id: "code",
+  title: "Code",
+  Icon: So,
+  isAvailable: (n) => xt(n),
+  Panel: Co
+}, To = { project: null, onNavigate: () => {
+} }, En = mn(To);
+function Io({
+  project: n,
+  onNavigate: t,
+  children: o
+}) {
+  return /* @__PURE__ */ e(En.Provider, { value: { project: n, onNavigate: t }, children: o });
+}
+function Tn() {
+  return Oe(En);
+}
+const Po = "@w6w/call";
+function dn(n) {
+  return n ? n.kind === "workflow" ? n.workflow : n.kind === "function" ? n.function : `${n.uses.app}/${n.uses.action}` : "";
+}
+function Ao(n) {
+  return (n == null ? void 0 : n.kind) === "workflow" ? "Workflow (asynchronous)" : (n == null ? void 0 : n.kind) === "function" ? "Function (synchronous)" : "App action (synchronous)";
+}
+function Ro(n) {
+  const t = kn();
+  return cn({
+    queryKey: ["functions"],
+    queryFn: () => t.functions.list(),
+    enabled: n
+  });
+}
+function Oo({
+  kind: n,
+  id: t,
+  policy: o,
+  ready: i,
+  saving: r,
+  onPersist: s
+}) {
+  var D, L, B, P;
+  const u = Ro(!0), { project: l } = Tn(), h = pn(l ?? void 0, !0), [k, v] = p(!1), [b, y] = p(null), N = (D = o.reroute) == null ? void 0 : D.target, w = dn(N), C = N ? an({
+    resource: { kind: n, id: t },
+    target: { kind: N.kind, id: w },
+    hasAdapter: ((L = o.reroute) == null ? void 0 : L.with) !== void 0
+  }) : "allow", m = (N == null ? void 0 : N.kind) === "workflow" ? ((P = (B = h.data) == null ? void 0 : B.find((T) => T.id === w)) == null ? void 0 : P.displayName) ?? void 0 : (() => {
+    var O;
+    const T = (O = u.data) == null ? void 0 : O.find((g) => g.id === w);
+    return T ? T.displayName || T.key : void 0;
+  })();
+  j(() => {
+    t && n && y(null);
+  }, [t, n]);
+  function A(T) {
+    y(null), s(T, y);
+  }
+  function S(T) {
+    var H;
+    let O;
+    if (T.uses.app === Po) {
+      const c = T.with ?? {}, M = typeof c.targetId == "string" ? c.targetId : "";
+      if (!M) return;
+      O = c.targetKind === "workflow" ? { kind: "workflow", workflow: M } : { kind: "function", function: M };
+    } else if (!T.uses.app.startsWith("@w6w/"))
+      O = {
+        kind: "action",
+        uses: {
+          app: T.uses.app,
+          action: T.uses.action,
+          connection: T.uses.connection ?? void 0
+        },
+        ...T.with ? { with: T.with } : {}
+      };
+    else
+      return;
+    if (an({
+      resource: { kind: n, id: t },
+      target: { kind: O.kind, id: dn(O) },
+      hasAdapter: ((H = o.reroute) == null ? void 0 : H.with) !== void 0
+    }) === "block") {
+      y(
+        "This handler would call itself with the same inputs and can loop forever. Choose another handler or keep a differing imported adapter."
+      ), v(!1);
+      return;
+    }
+    A({ ...o, reroute: { ...o.reroute, target: O } }), v(!1);
+  }
+  return !i && !r ? /* @__PURE__ */ e("p", { className: "muted small", children: "Loading…" }) : /* @__PURE__ */ a("div", { className: "w6w-stack", "data-testid": "rail-errorhandling-body", children: [
+    /* @__PURE__ */ a("section", { "data-testid": "rail-retry-section", children: [
+      /* @__PURE__ */ e(
+        qn,
+        {
+          value: o.retry,
+          onChange: (T) => A({ ...o, retry: T }),
+          readOnly: r,
+          target: n
+        }
+      ),
+      n === "workflow" && /* @__PURE__ */ e("p", { className: "muted small", "data-testid": "rail-retry-run-warning", children: "Retrying re-runs the whole workflow from its first step, so steps that already succeeded run again. For a step that must not repeat (a send or a charge), set retry on that step instead." })
+    ] }),
+    /* @__PURE__ */ e("p", { className: "muted small", children: n === "workflow" ? "What runs when this workflow's run fails, after every step's own retry is spent." : "What runs when this call fails, after retry (if any) is exhausted." }),
+    w ? /* @__PURE__ */ a("div", { className: "row", style: { alignItems: "center", gap: 8 }, children: [
+      /* @__PURE__ */ a("span", { className: "list-main", children: [
+        /* @__PURE__ */ e("strong", { children: m ?? w }),
+        " ",
+        /* @__PURE__ */ e("code", { className: "muted", children: w }),
+        /* @__PURE__ */ e("span", { className: "muted small block", children: Ao(N) })
+      ] }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "btn ghost",
+          "data-testid": "rail-errorhandling-change",
+          disabled: r,
+          onClick: () => v(!0),
+          children: "Change"
+        }
+      )
+    ] }) : /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "btn",
+        "data-testid": "rail-errorhandling-choose",
+        disabled: r,
+        onClick: () => v(!0),
+        children: "+ Choose what runs on failure"
+      }
+    ),
+    w && /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "btn ghost",
+        "data-testid": "rail-errorhandling-clear",
+        disabled: r,
+        onClick: () => A({ ...o, reroute: void 0 }),
+        children: "Remove handler"
+      }
+    ),
+    C === "warn" && /* @__PURE__ */ e("div", { className: "result error", "data-testid": "rail-errorhandling-self-caution", children: "This handler targets itself. Its imported input adapter is preserved; the server will refuse it if it resolves to the failed call's same inputs." }),
+    b && /* @__PURE__ */ e("div", { className: "error", "data-testid": "rail-errorhandling-error", children: b }),
+    k && /* @__PURE__ */ e(
+      Qn,
+      {
+        appsOnly: !0,
+        callables: ["function", "workflow"],
+        title: "Choose what runs on failure",
+        onClose: () => v(!1),
+        onAdd: S
+      }
+    )
+  ] });
+}
+function Do({ ctx: n }) {
+  const t = (n == null ? void 0 : n.kind) === "workflow" ? n.policy : void 0, o = (n == null ? void 0 : n.kind) === "workflow" ? n.onPolicyChange : void 0;
+  return (n == null ? void 0 : n.kind) !== "workflow" ? null : /* @__PURE__ */ e(
+    Oo,
+    {
+      kind: "workflow",
+      id: n.id,
+      policy: t ? wn(t) : {},
+      ready: !!o,
+      saving: !1,
+      onPersist: (i) => o == null ? void 0 : o(i)
+    }
+  );
+}
+function Lo() {
+  return /* @__PURE__ */ e(de, { name: "warning" });
+}
+const Mo = {
+  id: "error-handling",
+  title: "Error handling",
+  Icon: Lo,
+  isAvailable: (n) => Ft(n) && (n == null ? void 0 : n.kind) === "workflow",
+  Panel: Do
+};
+function Wo(n, t) {
+  if (!t.includes(",")) return { tags: n, typed: t };
+  let o = n;
+  for (const i of t.split(",")) {
+    const r = i.trim();
+    r && !o.includes(r) && (o = [...o, r]);
+  }
+  return { tags: o, typed: "" };
+}
+function jo(n, t) {
+  return n.filter((o) => o !== t);
+}
+function xo({ tags: n, onChange: t }) {
+  const [o, i] = p("");
+  function r(s) {
+    const u = Wo(n, s);
+    i(u.typed), u.tags !== n && t(u.tags);
+  }
+  return /* @__PURE__ */ a("div", { className: "tag-list", "data-testid": "tag-editor", children: [
+    n.map((s) => /* @__PURE__ */ a("span", { className: "tag removable", children: [
+      s,
+      /* @__PURE__ */ e(
+        z,
+        {
+          danger: !0,
+          icon: "close",
+          label: `Remove tag ${s}`,
+          title: `Remove ${s}`,
+          onClick: () => t(jo(n, s))
+        }
+      )
+    ] }, s)),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        type: "text",
+        value: o,
+        placeholder: "Add a tag…",
+        "aria-label": "New tag",
+        onChange: (s) => r(s.target.value)
+      }
+    )
+  ] });
+}
+function Vo(n) {
+  const t = ft(n.kind).settings, { initial: o } = n, [i, r] = p(o.displayName), [s, u] = p(o.key ?? ""), [l, h] = p(o.tags ?? []), [k, v] = p(!1), [b, y] = p(null), N = i !== o.displayName, w = s !== (o.key ?? ""), C = t.hasTags && JSON.stringify(l) !== JSON.stringify(o.tags ?? []), m = N || w || C, A = t.canEditKey, S = s === "" || Bt(s), D = m && S && !k;
+  async function L() {
+    if (D) {
+      y(null), v(!0);
+      try {
+        await n.onSave({
+          displayName: i.trim(),
+          key: A && w ? s : o.key,
+          tags: t.hasTags ? l : void 0
+        }), n.onClose();
+      } catch (P) {
+        y(P instanceof _ ? P.message : String(P));
+      } finally {
+        v(!1);
+      }
+    }
+  }
+  const B = _n(L, { enabled: D });
+  return /* @__PURE__ */ a(J, { title: "Edit settings", onClose: n.onClose, children: [
+    /* @__PURE__ */ a("div", { className: "modal-body", children: [
+      /* @__PURE__ */ a("label", { className: "field", children: [
+        /* @__PURE__ */ e("span", { children: "Name" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: i,
+            onChange: (P) => r(P.target.value),
+            placeholder: t.namePlaceholder,
+            autoFocus: !0,
+            ...B
+          }
+        )
+      ] }),
+      A && /* @__PURE__ */ a("label", { className: "field", children: [
+        /* @__PURE__ */ e("span", { children: "Key" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: s,
+            onChange: (P) => u($t(P.target.value)),
+            placeholder: t.keyPlaceholder,
+            ...B
+          }
+        ),
+        /* @__PURE__ */ a("span", { className: "muted small", children: [
+          "Lowercase, kebab-case, 3–39 characters.",
+          t.keyHintSuffix
+        ] })
+      ] }),
+      t.hasTags && /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e("p", { className: "muted small", style: { marginBottom: "8px" }, children: "Tags" }),
+        /* @__PURE__ */ e(xo, { tags: l, onChange: h })
+      ] }),
+      b && /* @__PURE__ */ e("div", { className: "error", children: b })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "modal-actions", children: [
+      /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: n.onClose, children: "Cancel" }),
+      /* @__PURE__ */ e("button", { type: "button", className: "btn", disabled: !D, onClick: L, children: k ? "Saving…" : "Save" })
+    ] })
+  ] });
+}
+const Fo = {
+  function: "functions",
+  endpoint: "endpoints",
+  workflow: "workflows"
+}, Bo = {
+  function: {
+    json: "functions-import-json",
+    submit: "functions-import-submit",
+    unresolved: "functions-import-unresolved",
+    goto: "functions-import-goto"
+  },
+  endpoint: {
+    json: "endpoints-import-json",
+    submit: "endpoints-import-submit",
+    unresolved: "endpoints-import-unresolved",
+    goto: "endpoints-import-goto"
+  },
+  workflow: {
+    json: "workflows-import-json",
+    submit: "workflows-import-submit",
+    unresolved: "workflows-import-unresolved",
+    goto: "workflows-import-goto"
+  }
+};
+function $o(n) {
+  const { kind: t } = n, o = Fo[t], i = Bo[t], [r, s] = p(""), [u, l] = p(null), [h, k] = p(null), v = mt(n.project, n.listKeys), { parsed: b, blockedReason: y } = Ht(r, t), N = y !== null || v.isPending;
+  function w(m) {
+    n.onClose(), n.onOpenImported(t, m);
+  }
+  function C() {
+    y !== null || b === null || v.isPending || (l(null), k(null), v.mutate(b, {
+      onSuccess: (m) => {
+        if (m.references.every((S) => S.resolved)) {
+          w(m.callable.id);
+          return;
+        }
+        k({
+          callableId: m.callable.id,
+          references: m.references.filter((S) => !S.resolved)
+        });
+      },
+      onError: (m) => l(m instanceof _ ? m.message : String(m))
+    }));
+  }
+  return /* @__PURE__ */ a(J, { title: `Import ${t}`, onClose: n.onClose, wide: !0, children: [
+    /* @__PURE__ */ a("div", { className: "modal-body", children: [
+      /* @__PURE__ */ a("p", { className: "muted small", children: [
+        "Paste a portable ",
+        t,
+        " spec document (exported via",
+        " ",
+        /* @__PURE__ */ a("code", { children: [
+          "GET /",
+          o,
+          "/:id/spec"
+        ] }),
+        "). A fresh id is minted here; connection references are re-bound to whatever this account already has connected, and anything that couldn't be re-bound is reported below."
+      ] }),
+      /* @__PURE__ */ e("div", { "data-testid": i.json, children: /* @__PURE__ */ e(
+        un,
+        {
+          value: r,
+          onChange: (m) => {
+            s(m), k(null), l(null);
+          },
+          minHeight: "320px",
+          "aria-label": `${t} spec document JSON`
+        }
+      ) }),
+      y && r !== "" && /* @__PURE__ */ e("p", { className: "muted small", children: y }),
+      u && /* @__PURE__ */ e("div", { className: "result error", children: u }),
+      h && /* @__PURE__ */ a("div", { className: "result", "data-testid": i.unresolved, children: [
+        /* @__PURE__ */ a("p", { children: [
+          "The ",
+          t,
+          " was created, but ",
+          h.references.length,
+          " reference",
+          h.references.length === 1 ? "" : "s",
+          " could not be resolved:"
+        ] }),
+        /* @__PURE__ */ e("ul", { className: "list", children: h.references.map((m) => /* @__PURE__ */ a("li", { children: [
+          /* @__PURE__ */ e("code", { children: m.path }),
+          " ",
+          /* @__PURE__ */ a("span", { className: "muted", children: [
+            "(",
+            m.kind,
+            ")"
+          ] }),
+          m.reason && /* @__PURE__ */ a("span", { className: "muted", children: [
+            " — ",
+            m.reason
+          ] })
+        ] }, m.path)) }),
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: "btn",
+            "data-testid": i.goto,
+            onClick: () => w(h.callableId),
+            children: [
+              "Open the created ",
+              t
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "modal-actions", children: [
+      /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: n.onClose, children: "Cancel" }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "btn",
+          "data-testid": i.submit,
+          disabled: N,
+          onClick: C,
+          children: v.isPending ? "Importing…" : "Import"
+        }
+      )
+    ] })
+  ] });
+}
+function Ho({
+  title: n,
+  message: t,
+  onConfirm: o,
+  onClose: i,
+  confirmLabel: r = "Confirm",
+  cancelLabel: s = "Cancel",
+  destructive: u = !0
+}) {
+  return /* @__PURE__ */ a(J, { title: n, onClose: i, children: [
+    /* @__PURE__ */ e("div", { className: "modal-body", children: /* @__PURE__ */ e("p", { className: "muted small", children: t }) }),
+    /* @__PURE__ */ a("div", { className: "modal-actions", children: [
+      /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: i, children: s }),
+      /* @__PURE__ */ e("button", { type: "button", className: u ? "btn danger" : "btn", onClick: o, children: r })
+    ] })
+  ] });
+}
+const Ko = {
+  function: {
+    json: "functions-version-json",
+    error: "functions-version-error",
+    revertButton: "functions-version-revert",
+    invokeButton: "functions-version-invoke",
+    invokeJson: "functions-version-invoke-json",
+    invokeError: "functions-version-invoke-error"
+  },
+  workflow: {
+    json: "workflows-version-json",
+    error: "workflows-version-error",
+    revertButton: "workflows-version-revert",
+    invokeButton: "workflows-version-invoke",
+    invokeJson: "workflows-version-invoke-json",
+    invokeError: "workflows-version-invoke-error"
+  },
+  endpoint: {
+    json: "endpoints-version-json",
+    error: "endpoints-version-error",
+    revertButton: "endpoints-version-revert",
+    invokeButton: "endpoints-version-invoke",
+    invokeJson: "endpoints-version-invoke-json",
+    invokeError: "endpoints-version-invoke-error"
+  }
+};
+function qo(n) {
+  const { kind: t, id: o, versionNumber: i } = n, r = Ko[t], s = pt(t, o, i, !0), u = vt(t), l = gt(t), [h, k] = p(!1);
+  return /* @__PURE__ */ a(R, { children: [
+    /* @__PURE__ */ a(J, { title: `Version ${i}`, onClose: n.onClose, wide: !0, children: [
+      /* @__PURE__ */ a("div", { className: "modal-body", children: [
+        s.isLoading ? /* @__PURE__ */ e("p", { className: "muted small", children: "Loading…" }) : s.isError ? /* @__PURE__ */ e("div", { className: "error", "data-testid": r.error, children: s.error instanceof Error ? s.error.message : String(s.error) }) : s.data ? /* @__PURE__ */ e("div", { "data-testid": r.json, children: /* @__PURE__ */ e(
+          Re,
+          {
+            code: JSON.stringify(s.data.definition, null, 2),
+            language: "json",
+            maxHeight: "420px",
+            copyable: !0
+          }
+        ) }) : null,
+        l.data !== void 0 && /* @__PURE__ */ e("div", { "data-testid": r.invokeJson, children: /* @__PURE__ */ e(
+          Re,
+          {
+            code: JSON.stringify(l.data, null, 2),
+            language: "json",
+            maxHeight: "240px",
+            copyable: !0
+          }
+        ) }),
+        l.isError && /* @__PURE__ */ e("div", { className: "error", "data-testid": r.invokeError, children: l.error instanceof _ ? l.error.message : String(l.error) })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "modal-actions", children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "btn ghost",
+            "data-testid": r.invokeButton,
+            disabled: l.isPending,
+            onClick: () => l.mutate({ id: o, versionNumber: i }),
+            children: l.isPending ? "Invoking…" : "Invoke this version"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "btn danger",
+            "data-testid": r.revertButton,
+            disabled: u.isPending,
+            onClick: () => k(!0),
+            children: u.isPending ? "Reverting…" : "Revert to this version"
+          }
+        ),
+        /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: n.onClose, children: "Close" })
+      ] })
+    ] }),
+    h && /* @__PURE__ */ e(
+      Ho,
+      {
+        title: "Revert to this version",
+        message: `Revert to version ${i}? This restores its content onto the resource's current draft; the resource's key and address stay unchanged.`,
+        confirmLabel: "Revert",
+        destructive: !0,
+        onConfirm: () => {
+          k(!1), u.mutate({ id: o, versionNumber: i });
+        },
+        onClose: () => k(!1)
+      }
+    )
+  ] });
+}
+function Qo(n) {
+  const {
+    archived: t,
+    deleteLabel: o,
+    deleteTestId: i,
+    archiveTestId: r,
+    onRequestDelete: s,
+    onRequestArchive: u,
+    deleteError: l,
+    archiveError: h
+  } = n;
+  return /* @__PURE__ */ a("div", { className: "rail-danger-zone rail-danger-zone--panel", "data-testid": "rail-danger-zone-panel", children: [
+    t ? /* @__PURE__ */ a("span", { className: "rail-danger-zone-delete", children: [
+      /* @__PURE__ */ e(Jn, { label: o, "data-testid": i, onClick: s }),
+      /* @__PURE__ */ e("span", { children: "Delete" })
+    ] }) : /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "btn danger",
+        "data-testid": r,
+        onClick: u,
+        children: "Archive"
+      }
+    ),
+    l && /* @__PURE__ */ e("div", { className: "error", "data-testid": "rail-delete-error", children: l }),
+    h && /* @__PURE__ */ e("div", { className: "error", "data-testid": "rail-archive-error", children: h })
+  ] });
+}
+function _o(n) {
+  return /* @__PURE__ */ a("div", { className: "right-rail-panel-head rail-settings-head", children: [
+    /* @__PURE__ */ e("h3", { children: "Settings" }),
+    /* @__PURE__ */ e(Un, { label: "Edit settings", "data-testid": "rail-settings-edit", onClick: n.onEdit })
+  ] });
+}
+function Jo(n) {
+  const { id: t, displayName: o, fields: i, row: r, tags: s } = n;
+  return /* @__PURE__ */ e("div", { className: "rail-meta", children: /* @__PURE__ */ e(
+    "div",
+    {
+      style: {
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "flex-start",
+        gap: "8px"
+      },
+      children: /* @__PURE__ */ a("dl", { className: "rail-meta-list", children: [
+        o && /* @__PURE__ */ a(R, { children: [
+          /* @__PURE__ */ e("dt", { children: "Name" }),
+          /* @__PURE__ */ e("dd", { "data-testid": "rail-meta-name", children: /* @__PURE__ */ e("code", { children: o }) })
+        ] }),
+        /* @__PURE__ */ e("dt", { children: "ID" }),
+        /* @__PURE__ */ e("dd", { "data-testid": "rail-meta-id", children: /* @__PURE__ */ e("code", { children: t }) }),
+        i.includes("key") && r && /* @__PURE__ */ a(R, { children: [
+          /* @__PURE__ */ e("dt", { children: "Key" }),
+          /* @__PURE__ */ e("dd", { "data-testid": "rail-meta-key", children: /* @__PURE__ */ e("code", { children: r.key || "unset" }) })
+        ] }),
+        i.includes("updatedAt") && r && /* @__PURE__ */ a(R, { children: [
+          /* @__PURE__ */ e("dt", { children: "Updated" }),
+          /* @__PURE__ */ e("dd", { "data-testid": "rail-meta-updated", "data-value": r.updatedAt, children: new Date(r.updatedAt).toLocaleString() })
+        ] }),
+        s !== void 0 && r && /* @__PURE__ */ a(R, { children: [
+          /* @__PURE__ */ e("dt", { children: "Tags" }),
+          /* @__PURE__ */ e("dd", { "data-testid": "rail-meta-tags", children: s.length > 0 ? s.map((u) => /* @__PURE__ */ e("span", { className: "tag", children: u }, u)) : "No tags" })
+        ] })
+      ] })
+    }
+  ) });
+}
+function Uo(n) {
+  return /* @__PURE__ */ e("div", { className: "rail-spec-actions", children: /* @__PURE__ */ e(
+    z,
+    {
+      icon: "file-text",
+      label: "Export, edit, or import",
+      "data-testid": "rail-spec-actions-open",
+      onClick: n.onOpen
+    }
+  ) });
+}
+function zo(n) {
+  const { kind: t, children: o, onImport: i, onClose: r } = n;
+  return /* @__PURE__ */ a(J, { title: "Definition", onClose: r, children: [
+    /* @__PURE__ */ a("div", { className: "modal-body", children: [
+      o,
+      /* @__PURE__ */ a("p", { className: "muted small", children: [
+        "Import a spec document to create a NEW ",
+        t,
+        " and navigate to it — this does not replace the ",
+        t,
+        " you have open."
+      ] }),
+      /* @__PURE__ */ e("div", { className: "rail-spec-menu-row", children: /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "btn ghost",
+          "data-testid": "rail-spec-import",
+          onClick: i,
+          children: "Import"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "modal-actions", children: /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: r, children: "Close" }) })
+  ] });
+}
+function Go(n) {
+  const { open: t, versions: o } = n;
+  return /* @__PURE__ */ a("div", { className: "rail-version-section", children: [
+    /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        className: "rail-link-icon",
+        "data-testid": "rail-history-show",
+        "aria-label": "Version history",
+        title: "Version history",
+        onClick: n.onShow,
+        children: [
+          /* @__PURE__ */ e(de, { name: "clock", size: 14 }),
+          /* @__PURE__ */ e("span", { children: "Version history" })
+        ]
+      }
+    ),
+    t && /* @__PURE__ */ a(R, { children: [
+      /* @__PURE__ */ e("p", { className: "muted small", "data-testid": "rail-version-published", children: (o == null ? void 0 : o.currentPublishedVersion) != null ? `Published: v${o.currentPublishedVersion}` : "Never published" }),
+      /* @__PURE__ */ a("div", { className: "rail-version-actions", children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "btn ghost",
+            "data-testid": "rail-publish",
+            disabled: n.publishing,
+            onClick: n.onPublish,
+            children: n.publishing ? "Publishing…" : "Publish"
+          }
+        ),
+        " ",
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "btn ghost",
+            "data-testid": "rail-enable-toggle",
+            disabled: n.togglingEnabled || o === void 0,
+            onClick: n.onToggleEnabled,
+            children: n.togglingEnabled ? "Saving…" : o != null && o.enabled ? "Disable" : "Enable"
+          }
+        )
+      ] }),
+      n.publishError && /* @__PURE__ */ e("div", { className: "error", "data-testid": "rail-publish-error", children: n.publishError }),
+      n.enableError && /* @__PURE__ */ e("div", { className: "error", "data-testid": "rail-enable-error", children: n.enableError })
+    ] })
+  ] });
+}
+function Yo(n) {
+  const { loading: t, versions: o } = n;
+  return /* @__PURE__ */ a(J, { title: "All versions", onClose: n.onClose, wide: !0, children: [
+    /* @__PURE__ */ a("div", { className: "modal-body", children: [
+      t && /* @__PURE__ */ e("p", { className: "muted small", children: "Loading…" }),
+      (o == null ? void 0 : o.length) === 0 && /* @__PURE__ */ e("p", { className: "muted small", children: "No versions yet." }),
+      o && o.length > 0 && /* @__PURE__ */ e("ul", { className: "list", children: o.map((i) => /* @__PURE__ */ e("li", { className: "selectable", children: /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "row-select",
+          "data-testid": "rail-version-row",
+          onClick: () => n.onSelect(i.versionNumber),
+          children: /* @__PURE__ */ a("div", { className: "list-main", children: [
+            /* @__PURE__ */ a("code", { children: [
+              "v",
+              i.versionNumber
+            ] }),
+            " ",
+            i.isCurrentPublished && /* @__PURE__ */ e("span", { className: "badge", "data-testid": "rail-version-current", children: "Published" }),
+            /* @__PURE__ */ e("div", { className: "muted small", children: new Date(i.createdAt).toLocaleString() })
+          ] })
+        }
+      ) }, i.versionNumber)) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "modal-actions", children: /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: n.onClose, children: "Done" }) })
+  ] });
+}
+const Zo = {
+  function: {
+    deleteTitle: "Delete function",
+    deleteMessage: "Delete this function permanently? Any endpoint, workflow, or call pointing to it will start failing with a not-found error the next time it runs, and this cannot be undone.",
+    archiveTitle: "Archive function",
+    archiveMessage: "Archive this function? It stops being invocable and can no longer be edited. Archiving is one-way — there is no unarchive — and only an archived function can be deleted.",
+    deleteLabel: "Delete this function",
+    deleteTestId: "delete-function",
+    archiveTestId: "archive-function"
+  },
+  endpoint: {
+    deleteTitle: "Delete endpoint",
+    deleteMessage: "Delete this endpoint permanently? Any alias, workflow, or call pointing to it will start failing with a not-found error the next time it runs, and this cannot be undone.",
+    archiveTitle: "Archive endpoint",
+    archiveMessage: "Archive this endpoint? It stops being invocable and can no longer be edited. Archiving is one-way — there is no unarchive — and only an archived endpoint can be deleted.",
+    deleteLabel: "Delete this endpoint",
+    deleteTestId: "delete-endpoint",
+    archiveTestId: "archive-endpoint"
+  },
+  workflow: {
+    deleteTitle: "Delete workflow",
+    deleteMessage: "Delete this workflow permanently? Its run history is discarded immediately via cascading deletes and cannot be recovered.",
+    archiveTitle: "Archive workflow",
+    archiveMessage: "Archive this workflow? It stops running and can no longer be published. Archiving is one-way — there is no unarchive — and only an archived workflow can be deleted.",
+    deleteLabel: "Delete this workflow",
+    deleteTestId: "wf-settings-delete",
+    archiveTestId: "wf-settings-archive"
+  }
+};
+function Xo(n) {
+  const t = Zo[n.kind];
+  return /* @__PURE__ */ a(R, { children: [
+    /* @__PURE__ */ e(
+      Qo,
+      {
+        archived: n.archived,
+        deleteLabel: t.deleteLabel,
+        deleteTestId: t.deleteTestId,
+        archiveTestId: t.archiveTestId,
+        onRequestDelete: n.onRequestDelete,
+        onRequestArchive: n.onRequestArchive,
+        deleteError: n.deleteError,
+        archiveError: n.archiveError
+      }
+    ),
+    n.deleteConfirming && /* @__PURE__ */ e(
+      nn,
+      {
+        title: t.deleteTitle,
+        message: t.deleteMessage,
+        confirmLabel: "Delete",
+        onConfirm: n.onConfirmDelete,
+        onClose: n.onCloseDelete
+      }
+    ),
+    n.archiveConfirming && /* @__PURE__ */ e(
+      nn,
+      {
+        title: t.archiveTitle,
+        message: t.archiveMessage,
+        confirmLabel: "Archive",
+        onConfirm: n.onConfirmArchive,
+        onClose: n.onCloseArchive
+      }
+    )
+  ] });
+}
+const ei = {
+  functionsKey: ["functions"],
+  endpointsKey: ["endpoints"],
+  workflowsKey: Ct
+};
+function ni({
+  ctx: n,
+  project: t,
+  onNavigate: o,
+  open: i
+}) {
+  var ae, ne;
+  const {
+    editingSettings: r,
+    setEditingSettings: s,
+    historyOpen: u,
+    setHistoryOpen: l,
+    versionListOpen: h,
+    setVersionListOpen: k
+  } = i, v = pn(t ?? void 0), b = (n == null ? void 0 : n.kind) === "workflow", y = (n == null ? void 0 : n.id) ?? "", N = bt(y, b), w = yt(t ?? void 0), C = wt(), m = kt(), [A, S] = p(!1), [D, L] = p(!1), [B, P] = p(!1), [T, O] = p(!1), [g, H] = p(null), [c, M] = p(null), Z = vn("workflow", y, u && b), ce = gn("workflow"), X = Nt("workflow"), [ke, oe] = p(null), [ue, G] = p(null), [x, ie] = p(
+    null
+  );
+  if (!n || n.kind !== "workflow")
+    return /* @__PURE__ */ e("p", { className: "muted small", children: "Open a workflow to see its settings." });
+  const W = (ae = v.data) == null ? void 0 : ae.find((E) => E.id === n.id), K = W && typeof W.displayName == "string" ? W.displayName : "", se = (W == null ? void 0 : W.tags) ?? [], he = (W == null ? void 0 : W.status) === "archived";
+  function ee() {
+    H(null), m.mutate(y, {
+      onSuccess: () => {
+        P(!1), o({ type: "list" });
+      },
+      onError: (E) => {
+        P(!1), H(E instanceof _ ? E.message : String(E));
+      }
+    });
+  }
+  function fe() {
+    M(null), C.mutate(y, {
+      onSuccess: () => {
+        O(!1), o({ type: "list" });
+      },
+      onError: (E) => {
+        O(!1), M(E instanceof _ ? E.message : String(E));
+      }
+    });
+  }
+  return /* @__PURE__ */ a("div", { className: "rail-settings-panel", children: [
+    /* @__PURE__ */ e(_o, { onEdit: () => s(!0) }),
+    /* @__PURE__ */ e(
+      Jo,
+      {
+        id: n.id,
+        displayName: K,
+        fields: Kt("workflow"),
+        row: W,
+        tags: se
+      }
+    ),
+    /* @__PURE__ */ e(Uo, { onOpen: () => S(!0) }),
+    /* @__PURE__ */ e(
+      Go,
+      {
+        open: u,
+        versions: Z.data,
+        publishing: ce.isPending,
+        togglingEnabled: X.isPending,
+        publishError: ke,
+        enableError: ue,
+        onShow: () => {
+          l(!0), k(!0);
+        },
+        onPublish: () => {
+          oe(null), ce.mutate(y, {
+            onError: (E) => oe(E instanceof _ ? E.message : String(E))
+          });
+        },
+        onToggleEnabled: () => {
+          var E;
+          G(null), X.mutate(
+            { id: y, enabled: !((E = Z.data) != null && E.enabled) },
+            { onError: (q) => G(q instanceof _ ? q.message : String(q)) }
+          );
+        }
+      }
+    ),
+    h && /* @__PURE__ */ e(
+      Yo,
+      {
+        loading: Z.isLoading,
+        versions: (ne = Z.data) == null ? void 0 : ne.versions,
+        onSelect: (E) => ie({ id: y, versionNumber: E }),
+        onClose: () => k(!1)
+      }
+    ),
+    x && x.id === y && /* @__PURE__ */ e(
+      qo,
+      {
+        kind: "workflow",
+        id: y,
+        versionNumber: x.versionNumber,
+        onClose: () => ie(null)
+      }
+    ),
+    A && /* @__PURE__ */ e(
+      zo,
+      {
+        kind: "workflow",
+        onClose: () => S(!1),
+        onImport: () => {
+          S(!1), L(!0);
+        }
+      }
+    ),
+    r && W && /* @__PURE__ */ e(
+      Vo,
+      {
+        kind: "workflow",
+        id: y,
+        initial: {
+          displayName: K,
+          key: W.key ?? null,
+          tags: se
+        },
+        onSave: async (E) => {
+          if (!N.data) throw new Error("Unable to save settings");
+          const q = N.data;
+          return new Promise((me, Ne) => {
+            const re = {
+              ...q.workflow,
+              displayName: E.displayName
+            };
+            E.key !== void 0 && (re.key = E.key), E.tags !== void 0 && (re.tags = E.tags), w.mutate(
+              { definition: re, ifUnmodifiedSince: q.updatedAt },
+              { onSuccess: () => me(), onError: Ne }
+            );
+          });
+        },
+        onClose: () => s(!1)
+      },
+      y
+    ),
+    /* @__PURE__ */ e(
+      Xo,
+      {
+        kind: "workflow",
+        archived: he,
+        deleteConfirming: B,
+        archiveConfirming: T,
+        deleteError: g,
+        archiveError: c,
+        onRequestDelete: () => P(!0),
+        onRequestArchive: () => O(!0),
+        onConfirmDelete: ee,
+        onConfirmArchive: fe,
+        onCloseDelete: () => P(!1),
+        onCloseArchive: () => O(!1)
+      }
+    ),
+    D && /* @__PURE__ */ e(
+      $o,
+      {
+        kind: "workflow",
+        project: t ?? void 0,
+        listKeys: ei,
+        onOpenImported: (E, q) => o({ type: "imported", kind: E, id: q }),
+        onClose: () => L(!1)
+      }
+    )
+  ] });
+}
+function ti({ ctx: n }) {
+  const { project: t, onNavigate: o } = Tn(), [i, r] = p(!1), [s, u] = p(!1), [l, h] = p(!1);
+  return /* @__PURE__ */ e(
+    ni,
+    {
+      ctx: n,
+      project: t,
+      onNavigate: o,
+      open: {
+        editingSettings: i,
+        setEditingSettings: r,
+        historyOpen: s,
+        setHistoryOpen: u,
+        versionListOpen: l,
+        setVersionListOpen: h
+      }
+    }
+  );
+}
+function oi() {
+  return /* @__PURE__ */ e(de, { name: "settings" });
+}
+const ii = {
+  id: "settings",
+  title: "Settings",
+  rendersHeading: !0,
+  Icon: oi,
+  isAvailable: (n) => (n == null ? void 0 : n.kind) === "workflow",
+  Panel: ti
+}, si = [ii, Eo, Mo], ai = ["string", "number", "boolean", "object", "array"];
+function ri(n) {
+  const { autoSave: t, savePosition: o, variables: i, onClose: r, onChange: s, onVariablesChange: u } = n, l = zn().vars ?? [], [h, k] = p("general");
+  function v() {
+    u([...i, { key: "" }]);
+  }
+  function b(w, C) {
+    u(i.map((m, A) => A === w ? { ...m, ...C } : m));
+  }
+  function y(w) {
+    u(i.filter((C, m) => m !== w));
+  }
+  const N = qt(i);
+  return /* @__PURE__ */ a(J, { title: "Workflow settings", onClose: r, wide: !0, children: [
+    /* @__PURE__ */ a("div", { className: "w6w-subtabs", children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: `w6w-subtab${h === "general" ? " active" : ""}`,
+          onClick: () => k("general"),
+          children: "General"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: `w6w-subtab${h === "variables" ? " active" : ""}`,
+          onClick: () => k("variables"),
+          children: "Variables"
+        }
+      )
+    ] }),
+    h === "general" ? /* @__PURE__ */ a(R, { children: [
+      /* @__PURE__ */ a("div", { className: "modal-body", children: [
+        /* @__PURE__ */ e("p", { className: "muted small", children: "These settings belong to the workflow, so everyone who opens it gets the same behaviour. Both are on unless you turn them off; each change saves straight away." }),
+        /* @__PURE__ */ a(
+          "label",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "var(--w6w-sp-2)",
+              cursor: "pointer"
+            },
+            title: "Save edits as you make them, without pressing Save.",
+            children: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: t,
+                  onChange: (w) => s("autoSave", w.target.checked)
+                }
+              ),
+              /* @__PURE__ */ e("span", { className: "muted small", children: "Auto-save edits" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ a(
+          "label",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "var(--w6w-sp-2)",
+              cursor: "pointer"
+            },
+            title: "Keep the arrangement of the canvas — where each step sits, and the view you left it at.",
+            children: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: o,
+                  onChange: (w) => s("savePosition", w.target.checked)
+                }
+              ),
+              /* @__PURE__ */ e("span", { className: "muted small", children: "Save step positions and canvas view" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("div", { className: "modal-actions", children: /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: r, children: "Done" }) })
+    ] }) : /* @__PURE__ */ a(R, { children: [
+      /* @__PURE__ */ a("div", { className: "modal-body", children: [
+        /* @__PURE__ */ a("p", { className: "muted small", children: [
+          "Declaring variables here defines this workflow's ",
+          /* @__PURE__ */ e("strong", { children: "public input schema" }),
+          ": API and AI (MCP) callers then see exactly these inputs. With none declared, they may send anything."
+        ] }),
+        /* @__PURE__ */ a("div", { className: "row", style: { justifyContent: "space-between", alignItems: "center" }, children: [
+          /* @__PURE__ */ e("span", { className: "muted small", children: i.length === 0 ? "No variables declared." : `${i.length} variable${i.length === 1 ? "" : "s"} declared.` }),
+          /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: v, children: "+ Add variable" })
+        ] }),
+        i.length > 0 && /* @__PURE__ */ e("ul", { className: "list", "data-testid": "workflow-variables-list", children: i.map((w, C) => /* @__PURE__ */ a(
+          "li",
+          {
+            style: {
+              flexDirection: "column",
+              alignItems: "stretch",
+              gap: "var(--w6w-sp-1)"
+            },
+            children: [
+              /* @__PURE__ */ a("div", { className: "row", style: { alignItems: "center", gap: "var(--w6w-sp-2)" }, children: [
+                /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "text",
+                    value: w.key,
+                    placeholder: "key",
+                    "aria-label": "Variable key",
+                    onChange: (m) => b(C, { key: m.target.value })
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  "select",
+                  {
+                    value: w.type ?? "",
+                    "aria-label": "Variable type",
+                    onChange: (m) => b(C, {
+                      type: m.target.value || void 0
+                    }),
+                    children: [
+                      /* @__PURE__ */ e("option", { value: "", children: "(unset)" }),
+                      ai.map((m) => /* @__PURE__ */ e("option", { value: m, children: m }, m))
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  "label",
+                  {
+                    className: "row",
+                    style: { gap: "var(--w6w-sp-1)", alignItems: "center" },
+                    children: [
+                      /* @__PURE__ */ e(
+                        "input",
+                        {
+                          type: "checkbox",
+                          checked: w.required ?? !1,
+                          onChange: (m) => b(C, { required: m.target.checked })
+                        }
+                      ),
+                      /* @__PURE__ */ e("span", { className: "muted small", children: "required" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  hn,
+                  {
+                    value: { vars: Qt(i, C, l) },
+                    children: /* @__PURE__ */ e(
+                      Gn,
+                      {
+                        value: w.default,
+                        onChange: (m) => b(C, { default: m }),
+                        placeholder: "default",
+                        "aria-label": "Variable default"
+                      },
+                      `${i.length}:${C}`
+                    )
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  z,
+                  {
+                    danger: !0,
+                    icon: "close",
+                    label: `Remove variable ${w.key || C + 1}`,
+                    onClick: () => y(C)
+                  }
+                )
+              ] }),
+              N.includes(C) && /* @__PURE__ */ e("span", { className: "muted small", "data-testid": "variable-duplicate", children: "Duplicate key — a later row with the same name wins." })
+            ]
+          },
+          C
+        )) })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "modal-actions", children: /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: r, children: "Done" }) })
+    ] })
+  ] });
+}
+const li = /^[a-zA-Z0-9][a-zA-Z0-9._-]*$/, di = "Untitled workflow", ci = (n) => ["app-actions", n], ui = /* @__PURE__ */ new Map();
+function hi(n) {
+  var l;
+  const t = fn(), o = (l = t.listAppsByIds) == null ? void 0 : l.bind(t), i = [...n].sort().join(","), s = cn({
+    queryKey: ["editor-apps", i],
+    queryFn: ({ signal: h }) => o ? o(n, { signal: h }) : Promise.resolve([]),
+    enabled: n.length > 0 && typeof o == "function"
+  }).data;
+  return { byId: F(
+    () => s ? new Map(s.map((h) => [h.id, h])) : ui,
+    [s]
+  ) };
+}
+const fi = nt(
+  () => import("@w6w/ui/flow").then((n) => ({ default: n.WorkflowFlowEditor }))
+);
+function mi(n) {
+  var Je, Ue, ze, Ge, Ye;
+  const { workflowId: t, project: o, initialRunId: i, onNavigate: r, slots: s } = n, u = kn(), l = fn(), [h, k] = p(!0), [v, b] = p(null), [y, N] = p(null), [w, C] = p(!1), [m, A] = p(!1), [S, D] = p(!1), [L, B] = p(void 0), P = $(!0), T = $(() => null), O = we(
+    (d) => {
+      const f = d;
+      return li.test(typeof f.id == "string" ? f.id : "") ? rn(L, f.key).reason : "Invalid workflow id.";
+    },
+    [L]
+  ), g = Xt({
+    workflowId: t,
+    project: o,
+    autoSave: P.current,
+    // The expression editor holds uncommitted parts in its own local state until its Save
+    // button, so saving from under it would persist a workflow without the expression the user
+    // is looking at. Read at fire time (opening it changes neither the buffer nor `canSave`).
+    canAutoSave: () => !document.querySelector(".w6w-exprmodal"),
+    saveGuard: O,
+    publishBlockedReason: (d) => T.current(d)
+  }), H = g.json, c = g.parsed, M = g.canSave, Z = g.dirty;
+  j(() => {
+    if (g.loading || g.loadError !== null) {
+      B(void 0);
+      return;
+    }
+    !g.dirty && c && B(c.key ?? null);
+  }, [g.loading, g.loadError, g.dirty, c]);
+  const [ce, X] = p(!1);
+  j(() => {
+    g.stale || X(!1);
+  }, [g.stale]);
+  const [ke, oe] = p(!1), ue = $(!1);
+  j(() => {
+    g.saving ? oe(!1) : ue.current && g.error === null && oe(!0), ue.current = g.saving;
+  }, [g.saving, g.error]);
+  const [G, x] = p(null), ie = St(), W = Et(), K = Tt(G), se = (Je = K.data) == null ? void 0 : Je.status, he = K.isError, ee = It(se, he), fe = Pt(
+    (Ue = K.data) == null ? void 0 : Ue.steps
+  ), ae = At(K.data, fe), ne = $(!1), [E, q] = p(!1);
+  j(() => {
+    x(null);
+  }, [t]), j(() => {
+    i && x(i);
+  }, [t, i]), j(() => {
+    K.data && K.data.workflowId !== t && x(null);
+  }, [K.data, t]);
+  async function me(d) {
+    try {
+      const f = await g.flushThen(d);
+      !f.ok && f.outcome.status === "blocked" && N(f.outcome.reason);
+    } catch (f) {
+      N(f instanceof _ ? f.message : String(f));
+    }
+  }
+  async function Ne() {
+    var d;
+    if (!(!t || ee || ne.current)) {
+      N(null), ne.current = !0, q(!0);
+      try {
+        const f = await Dt(
+          (d = ve == null ? void 0 : ve[0]) == null ? void 0 : d.id,
+          (I) => sn(u, t, I)
+        );
+        await me(
+          () => ie.mutateAsync({ id: t, variables: {}, ...f ? { input: f } : {} }).then((I) => x(I.runId))
+        );
+      } finally {
+        ne.current = !1, q(!1);
+      }
+    }
+  }
+  function re() {
+    G && (W.mutate(G, {
+      onError: (d) => {
+        const f = d instanceof _ ? d.code : "";
+        Lt(f) === "surface" && N(d instanceof _ ? d.message : String(d));
+      }
+    }), x(null));
+  }
+  async function In() {
+    D(!0);
+    try {
+      await g.reload(), k(!0), b(null), N(null);
+    } finally {
+      D(!1);
+    }
+  }
+  const pe = g.stale ? null : g.error ?? g.loadError, Le = y ?? (pe === null ? null : pe instanceof Error ? pe.message : String(pe)), Pn = c !== null && Array.isArray(c.steps), Me = (c == null ? void 0 : c.displayName) ?? "", Ce = _t(c == null ? void 0 : c.settings), An = F(() => Jt(c == null ? void 0 : c.variables), [c == null ? void 0 : c.variables]), We = rn(L, c == null ? void 0 : c.key), je = c !== null && L !== void 0 && !We.allowed ? We.reason : null, Q = F(
+    () => Array.isArray(c == null ? void 0 : c.steps) ? c.steps : [],
+    [c]
+  ), [V, Rn] = p(null);
+  j(() => {
+    let d = !1;
+    return import("@w6w/ui/flow").then((f) => {
+      d || Rn({
+        internalNodes: f.INTERNAL_NODES,
+        isInternalApp: f.isInternalApp,
+        internalNodeParams: f.internalNodeParams,
+        isManualTrigger: (I) => I === f.TRIGGER_APP,
+        asFieldDefs: f.asFieldDefs
+      });
+    }), () => {
+      d = !0;
+    };
+  }, []);
+  const ve = F(() => {
+    if (V)
+      return Ut(
+        { steps: Q },
+        { isManualTrigger: V.isManualTrigger, asFieldDefs: V.asFieldDefs }
+      );
+  }, [V, Q]), xe = F(() => {
+    if (!V) return !1;
+    const d = new Set(
+      V.internalNodes.filter((f) => f.group === "trigger").map((f) => `${f.app}::${f.action}`)
+    );
+    return Q.some((f) => {
+      const { app: I, action: U } = f.uses ?? {};
+      return !!I && !!U && d.has(`${I}::${U}`);
+    });
+  }, [V, Q]), ge = F(() => {
+    if (!V) return [];
+    const d = /* @__PURE__ */ new Set();
+    for (const f of Q) {
+      const { app: I, action: U } = f.uses ?? {};
+      I && U && !V.isInternalApp(I) && d.add(I);
+    }
+    return [...d];
+  }, [V, Q]), { byId: be } = hi(ge), On = F(() => [...be.values()], [be]), Ve = en({
+    queries: ge.map((d) => ({
+      queryKey: ci(d),
+      queryFn: () => l.getAppActions(d)
+    }))
+  }), Fe = F(() => {
+    var f, I;
+    const d = {};
+    if (!V) return d;
+    for (const U of Q) {
+      const { app: Y, action: te } = U.uses ?? {};
+      if (!Y || !te) continue;
+      const Pe = `${Y}::${te}`;
+      if (!(Pe in d))
+        if (V.isInternalApp(Y))
+          d[Pe] = V.internalNodeParams(Y, te);
+        else {
+          const Ze = ge.indexOf(Y), Ae = Ze >= 0 ? (f = Ve[Ze]) == null ? void 0 : f.data : void 0;
+          d[Pe] = ((I = Ae == null ? void 0 : Ae.find((jn) => jn.key === te)) == null ? void 0 : I.params) ?? [];
+        }
+    }
+    return d;
+  }, [V, Q, ge, Ve]), le = F(() => {
+    const d = {};
+    for (const [f, I] of be) d[f] = I;
+    return d;
+  }, [be]), Se = F(
+    () => Q.filter((d) => {
+      var I;
+      const f = (I = d.uses) == null ? void 0 : I.app;
+      return !!f && f in le && tn(le[f]);
+    }),
+    [Q, le]
+  ), Be = en({
+    queries: Se.map((d) => ({
+      queryKey: Rt(t, d.id),
+      queryFn: () => sn(u, t, d.id),
+      enabled: !!t
+    }))
+  }), $e = F(() => {
+    const d = {};
+    return Se.forEach((f, I) => {
+      var U, Y;
+      d[f.id] = !!((Y = (U = Be[I]) == null ? void 0 : U.data) != null && Y.some((te) => te.lastRunStatus === "succeeded"));
+    }), d;
+  }, [Se, Be]), Ee = vn("workflow", t, !!t), Te = gn("workflow"), Ie = F(
+    () => ({
+      hasTrigger: xe,
+      actionParamsByKey: Fe,
+      appsById: le,
+      testStatus: $e,
+      requiredParamsFilled: Yn,
+      isTestRequired: tn
+    }),
+    [xe, Fe, le, $e]
+  ), He = c !== null && zt(c, Ie), Dn = c !== null ? ln(c, Ie) : null;
+  T.current = (d) => d !== null && typeof d == "object" ? ln(d, Ie) : null, P.current = Ce.autoSave;
+  function Ke(d) {
+    if (!c) return;
+    const f = { ...c, ...d };
+    g.setJson(JSON.stringify(f, null, 2));
+  }
+  function Ln(d) {
+    if (!c) return;
+    const f = { ...c, ...d };
+    N(null), g.commit(JSON.stringify(f, null, 2));
+  }
+  const qe = $(c);
+  qe.current = c;
+  const Qe = $(g.commit);
+  Qe.current = g.commit;
+  const _e = $(g.saveNow);
+  _e.current = g.saveNow, j(() => {
+    const d = (f) => {
+      f.altKey || !(f.metaKey || f.ctrlKey) || f.key.toLowerCase() !== "s" || (f.preventDefault(), !document.querySelector(".w6w-exprmodal") && M && _e.current());
+    };
+    return document.addEventListener("keydown", d), () => {
+      document.removeEventListener("keydown", d);
+    };
+  }, [M]);
+  const Mn = F(
+    () => c ? wn(c) : {},
+    [c]
+  ), Wn = we((d) => {
+    const f = qe.current;
+    if (!f) return;
+    const I = Gt(f, d);
+    N(null), Qe.current(JSON.stringify(I, null, 2));
+  }, []);
+  return mo({
+    kind: "workflow",
+    id: t,
+    label: Me,
+    key: (c == null ? void 0 : c.key) ?? void 0,
+    triggers: ve,
+    policy: Mn,
+    onPolicyChange: Wn
+  }), /* @__PURE__ */ a("div", { className: "wf-fullbleed", style: { height: "100%", minWidth: 0, flex: 1 }, children: [
+    (s == null ? void 0 : s.header) ?? /* @__PURE__ */ e(
+      to,
+      {
+        onBack: () => r({ type: "list" }),
+        backLabel: (s == null ? void 0 : s.backLabel) ?? "← Workflows",
+        title: {
+          editable: !0,
+          value: Me,
+          placeholder: di,
+          maxLength: 80,
+          ariaLabel: "Workflow name",
+          onChange: (d) => Ke({ displayName: d }),
+          onBlur: () => {
+            M && g.saveNow();
+          }
+        },
+        actions: /* @__PURE__ */ a(R, { children: [
+          /* @__PURE__ */ e(
+            z,
+            {
+              icon: "play",
+              label: Ot(se, he),
+              "data-testid": "wf-run-start",
+              onClick: Ne,
+              disabled: !t || ee || E || ie.isPending
+            }
+          ),
+          ee && /* @__PURE__ */ e(
+            z,
+            {
+              icon: "stop",
+              label: "Stop this run",
+              "data-testid": "wf-run-stop",
+              onClick: re,
+              disabled: W.isPending
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: `btn ghost wf-publish${((ze = Ee.data) == null ? void 0 : ze.currentPublishedVersion) != null ? " active" : ""}`,
+              "data-testid": "wf-publish",
+              onClick: () => {
+                t && (N(null), me(() => Te.mutateAsync(t)));
+              },
+              disabled: o === null || !M || !He || Te.isPending,
+              title: M && !He ? Dn ?? "Workflow is not valid" : ((Ge = Ee.data) == null ? void 0 : Ge.currentPublishedVersion) != null ? "Published — click to publish a new version" : "Never published — click to publish",
+              children: Te.isPending ? "Publishing…" : ((Ye = Ee.data) == null ? void 0 : Ye.currentPublishedVersion) != null ? "● Published" : "Publish"
+            }
+          ),
+          /* @__PURE__ */ e(
+            co,
+            {
+              kind: "workflow",
+              id: t,
+              onOpenRun: (d) => {
+                x(d), r({ type: "run", id: t, runId: d });
+              }
+            }
+          ),
+          /* @__PURE__ */ e(uo, { onClick: () => C(!0) }),
+          /* @__PURE__ */ e(
+            z,
+            {
+              icon: "settings",
+              label: "Workflow settings",
+              onClick: () => A(!0)
+            }
+          ),
+          s == null ? void 0 : s.headerActions
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "wf-fullbleed-canvas", children: /* @__PURE__ */ a("div", { className: "wf-run-area", children: [
+      /* @__PURE__ */ e("div", { className: "wf-run-canvas", children: /* @__PURE__ */ e(et, { fallback: /* @__PURE__ */ e("p", { className: "muted", children: "Loading visual editor…" }), children: Pn && c ? /* @__PURE__ */ e(
+        fi,
+        {
+          value: c,
+          onChange: (d) => {
+            g.setJson(JSON.stringify(d, null, 2)), k(!0), b(null), x(null);
+          },
+          apps: On,
+          project: o ?? void 0,
+          height: "100%",
+          readOnly: ee,
+          fitViewKey: G !== null,
+          runState: K.data,
+          onTestRun: () => x(null)
+        }
+      ) : H === "" ? /* @__PURE__ */ e("p", { className: "muted", children: "Loading…" }) : /* @__PURE__ */ e("p", { className: "muted", children: "Fix the JSON to render the visual editor." }) }) }),
+      G && /* @__PURE__ */ e("div", { className: "wf-run-log", "data-testid": "wf-run-log", children: /* @__PURE__ */ e(
+        Zn,
+        {
+          steps: fe,
+          runError: ae.runError,
+          stepErrors: ae.stepErrors,
+          onDismiss: () => x(null)
+        }
+      ) })
+    ] }) }),
+    o === null && /* @__PURE__ */ a("div", { role: "alert", className: "error", "data-testid": "wf-project-required", children: [
+      "No project selected — pass a ",
+      /* @__PURE__ */ e("code", { children: "project" }),
+      " prop (or set the provider's project) to edit and save this workflow."
+    ] }),
+    /* @__PURE__ */ a("div", { className: "wf-fullbleed-foot", children: [
+      /* @__PURE__ */ a("div", { className: "row", style: { flexWrap: "wrap", alignItems: "center" }, children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "btn",
+            disabled: o === null || !M || !Z,
+            onClick: g.saveNow,
+            children: g.saving ? "Saving…" : "Save"
+          }
+        ),
+        ke && /* @__PURE__ */ e("span", { className: "ok", children: "Saved." })
+      ] }),
+      Le && /* @__PURE__ */ e("div", { className: "error", children: Le }),
+      je && /* @__PURE__ */ e("div", { className: "error", "data-testid": "wf-key-guard", children: je })
+    ] }),
+    /* @__PURE__ */ e(
+      ho,
+      {
+        open: w,
+        onClose: () => C(!1),
+        title: `JSON — ${(c == null ? void 0 : c.displayName) || "workflow"}`,
+        mode: "synced",
+        value: H,
+        onChange: (d) => {
+          g.setJson(d), x(null);
+        },
+        onValidityChange: ({ valid: d, error: f }) => {
+          k(d), b(f);
+        },
+        invalidReason: h ? null : v,
+        editorLabel: "Workflow definition JSON"
+      }
+    ),
+    g.stale && !ce && /* @__PURE__ */ a(J, { title: "This workflow changed on the server", onClose: () => X(!0), children: [
+      /* @__PURE__ */ a("div", { className: "modal-body", children: [
+        /* @__PURE__ */ e("p", { className: "muted small", children: "Someone else — another tab, another session — saved this workflow after you opened it. Your save was refused rather than applied, so their work is still intact." }),
+        /* @__PURE__ */ a("p", { className: "muted small", children: [
+          /* @__PURE__ */ e("strong", { children: "Reload from server" }),
+          " replaces what is on this canvas with the saved copy; anything you changed here and have not saved is lost.",
+          " ",
+          /* @__PURE__ */ e("strong", { children: "Keep editing" }),
+          " leaves your version exactly as it is — but every save will be refused the same way until you reload, so copy out anything you need first."
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "modal-actions", children: [
+        /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: () => X(!0), children: "Keep editing" }),
+        /* @__PURE__ */ e("button", { type: "button", className: "btn", disabled: S, onClick: In, children: S ? "Reloading…" : "Reload from server" })
+      ] })
+    ] }),
+    m && /* @__PURE__ */ e(
+      ri,
+      {
+        autoSave: Ce.autoSave,
+        savePosition: Ce.savePosition,
+        variables: An,
+        onClose: () => A(!1),
+        onChange: (d, f) => Ln({ settings: Zt(c == null ? void 0 : c.settings, d, f) }),
+        onVariablesChange: (d) => Ke({ variables: Yt(d) })
+      }
+    )
+  ] });
+}
+const pi = () => {
+};
+function Ii(n) {
+  const { workflowId: t, initialRunId: o, onNavigate: i = pi, slots: r } = n, s = eo(n.project), u = we(
+    (l) => {
+      l.type === "list" ? i({ type: "list" }) : l.kind === "workflow" && i({ type: "workflow", id: l.id });
+    },
+    [i]
+  );
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "w6w-embed-root",
+      style: { display: "flex", width: "100%", height: "100%", minHeight: 0 },
+      children: /* @__PURE__ */ e(fo, { children: /* @__PURE__ */ e(Io, { project: s, onNavigate: u, children: /* @__PURE__ */ a(wo, { project: s, children: [
+        /* @__PURE__ */ e(
+          mi,
+          {
+            workflowId: t,
+            project: s,
+            initialRunId: o,
+            onNavigate: i,
+            slots: r
+          }
+        ),
+        /* @__PURE__ */ e(
+          bo,
+          {
+            tools: si,
+            storageKey: s === null ? null : `w6w.rail.embed.${s}`
+          }
+        )
+      ] }) }) })
+    }
+  );
+}
+export {
+  Ii as WorkflowEditor
+};
+//# sourceMappingURL=editor.mjs.map