@w6w/ui 0.0.0-stage → 0.1.0

package/dist/index.mjs

@@ -0,0 +1,1811 @@
+var Tt = Object.defineProperty;
+var At = (e, s, n) => s in e ? Tt(e, s, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[s] = n;
+var V = (e, s, n) => At(e, typeof s != "symbol" ? s + "" : s, n);
+import { j as Et, a0 as Mt, J as z, ab as _t, M as Ve, L as Pt, l as It, am as L } from "./ConfirmModal-sY1tzkBO.js";
+import { aa as en, Q as tn, a9 as sn, an as nn, ao as an, ap as rn, H as ln, a1 as on, a8 as cn, aq as dn, S as un, ar as wn, as as mn, at as hn, au as pn, av as fn, Y as vn, aw as yn, ax as Nn, ay as gn, u as bn } from "./ConfirmModal-sY1tzkBO.js";
+import { jsxs as o, jsx as t, Fragment as k } from "react/jsx-runtime";
+import { useMemo as ye, useState as v, useEffect as G, useId as Ut, useRef as Ft } from "react";
+import { C as ke } from "./CodeBlock-Dot3Pd7P.js";
+import { yaml as Lt } from "@codemirror/lang-yaml";
+import { EditorView as Bt } from "@codemirror/view";
+import Jt from "@uiw/react-codemirror";
+import { u as Dt, a as Ht, b as jt, C as qt, I as ze } from "./Copyable-1niV9gUa.js";
+import { i as xn } from "./Copyable-1niV9gUa.js";
+class ce extends Error {
+  constructor(n, l, d, a) {
+    super(d);
+    V(this, "status");
+    V(this, "code");
+    /**
+     * The parsed error response body, when the server sent one. Carries the
+     * fields that ride alongside an error — e.g. an invoke's `logs` and
+     * `apiCalls` — which the message alone would drop.
+     */
+    V(this, "body");
+    this.name = "ApiError", this.status = n, this.code = l, this.body = a;
+  }
+}
+function _s(e) {
+  const s = e.baseUrl.replace(/\/$/, ""), n = e.fetch ?? globalThis.fetch, l = async () => typeof e.token == "function" ? await e.token() : e.token;
+  async function d(r, c) {
+    const u = new Headers(c == null ? void 0 : c.headers), w = await l();
+    w && u.set("authorization", `Bearer ${w}`), c != null && c.body && !u.has("content-type") && u.set("content-type", "application/json");
+    let h;
+    try {
+      h = await n(`${s}${r}`, { ...c, headers: u });
+    } catch (N) {
+      throw new ce(
+        0,
+        "network_error",
+        `Could not reach the w6w server (${(c == null ? void 0 : c.method) ?? "GET"} ${s}${r}). It may be down or unreachable. (${N.message})`
+      );
+    }
+    const m = await h.text();
+    let p = null;
+    if (m)
+      try {
+        p = JSON.parse(m);
+      } catch {
+        if (!h.ok)
+          throw new ce(
+            h.status,
+            "bad_response",
+            `Server returned a non-JSON ${h.status} response: ${m.slice(0, 200)}`
+          );
+      }
+    if (!h.ok) {
+      const N = (p == null ? void 0 : p.error) ?? {};
+      throw new ce(h.status, N.code ?? "error", N.message ?? h.statusText, p);
+    }
+    return { status: h.status, data: p };
+  }
+  async function a(r, c) {
+    const { data: u } = await d(r, c);
+    return u;
+  }
+  return {
+    // A bare GET only returns the server's default page (50) — every consumer
+    // of this client treats the result as the complete catalog, so page
+    // through it here. Capped at 20 pages as a runaway backstop.
+    listApps: async () => {
+      const r = [];
+      let c;
+      for (let u = 0; u < 20; u++) {
+        const w = new URLSearchParams({ limit: "200" });
+        c && w.set("cursor", c);
+        const h = await a(`/apps?${w}`);
+        if (r.push(...h.apps), !h.nextCursor) break;
+        c = h.nextCursor;
+      }
+      return r;
+    },
+    // Bounded lookup: dedupe; `[]` sends nothing; chunks of <= 100 (the server's
+    // `MAX_IDS_PER_QUERY`), each `GET /apps?ids=a,b` with no limit/cursor.
+    listAppsByIds: async (r) => {
+      const c = Array.from(new Set(r)), u = [];
+      for (let w = 0; w < c.length; w += 100) {
+        const m = c.slice(w, w + 100).map(encodeURIComponent).join(","), p = await a(`/apps?ids=${m}`);
+        u.push(...p.apps);
+      }
+      return u;
+    },
+    getAppAuth: async (r) => (await a(`/apps/${encodeURIComponent(r)}/auths`)).auths ?? [],
+    createConnection: (r, c) => a(`/apps/${encodeURIComponent(r)}/connections`, {
+      method: "POST",
+      body: JSON.stringify(c)
+    }).then((u) => u.connection),
+    startAppOAuthFlow: (r, c, u) => a(
+      `/apps/${encodeURIComponent(r)}/oauth-config/${encodeURIComponent(c)}/authorize-url`,
+      { method: "POST", body: JSON.stringify(u) }
+    ),
+    getAppActions: (r) => a(`/apps/${encodeURIComponent(r)}`).then(
+      (c) => c.actions ?? []
+    ),
+    listConnectionsForApp: (r) => a(
+      `/apps/${encodeURIComponent(r)}/connections`
+    ).then((c) => c.connections ?? []),
+    listConnections: () => a("/connections").then((r) => r.connections ?? []),
+    invokeAction: (r, c, u, w = {}) => a(
+      `/apps/${encodeURIComponent(r)}/actions/${encodeURIComponent(c)}/invoke`,
+      // This body is built KEY BY KEY, not by spreading `opts` — so every new
+      // option has to be named here or it is silently dropped before the wire
+      // (the caller compiles, the UI looks right, the field never leaves the
+      // page). `project` scopes document-expression resolution to the
+      // workflow's selected project; `state` is the start state upstream step
+      // outputs are seeded from, so `{{ steps.<id>.output.<f> }}` resolves.
+      // Undefined keys are dropped by JSON.stringify, so an absent project or
+      // state leaves the request byte-identical to one that never had them.
+      {
+        method: "POST",
+        body: JSON.stringify({
+          params: u,
+          connectionId: w.connectionId,
+          project: w.project,
+          state: w.state
+        })
+      }
+    ),
+    listSavedTests: (r) => a(
+      `/connections/${encodeURIComponent(r)}/saved-tests`
+    ).then((c) => c.savedTests ?? []),
+    createSavedTest: (r, c) => a(
+      `/connections/${encodeURIComponent(r)}/saved-tests`,
+      { method: "POST", body: JSON.stringify(c) }
+    ).then((u) => u.savedTest),
+    updateSavedTest: (r, c, u) => a(
+      `/connections/${encodeURIComponent(r)}/saved-tests/${encodeURIComponent(c)}`,
+      { method: "PATCH", body: JSON.stringify(u) }
+    ).then((w) => w.savedTest),
+    deleteSavedTest: (r, c) => a(
+      `/connections/${encodeURIComponent(r)}/saved-tests/${encodeURIComponent(c)}`,
+      { method: "DELETE" }
+    ).then(() => {
+    }),
+    recordTestRun: (r, c) => a(`/connections/${encodeURIComponent(r)}/test-runs`, {
+      method: "POST",
+      body: JSON.stringify(c)
+    }).then(() => {
+    }),
+    listTestRuns: (r) => a(
+      `/connections/${encodeURIComponent(r)}/test-runs`
+    ).then((c) => c.runs ?? []),
+    saveStepTest: (r, c, u) => a(
+      `/workflows/${encodeURIComponent(r)}/steps/${encodeURIComponent(c)}/tests`,
+      { method: "POST", body: JSON.stringify(u) }
+    ).then((w) => w.stepTest),
+    listStepTests: (r, c) => a(
+      `/workflows/${encodeURIComponent(r)}/steps/${encodeURIComponent(c)}/tests`
+    ).then((u) => u.stepTests ?? []),
+    recordStepTestRun: (r, c, u) => a(
+      `/workflows/${encodeURIComponent(r)}/steps/${encodeURIComponent(c)}/test-runs`,
+      { method: "POST", body: JSON.stringify(u) }
+    ).then(() => {
+    }),
+    listFunctions: () => a("/functions").then((r) => r.functions ?? []),
+    getFunction: (r) => a(
+      `/functions/${encodeURIComponent(r)}`
+    ).then((c) => ({ ...c.function, valid: c.valid })),
+    // The real synchronous route (`/functions/:id/invoke`) — deliberately NOT
+    // `POST /run`, which would give the test stage a different code path than
+    // the `@w6w/call` node it's standing in for. Returns the raw output,
+    // pinned against the committed `studio/src/repos/functions.ts` signature.
+    invokeFunction: (r, c) => a(`/functions/${encodeURIComponent(r)}/invoke`, {
+      method: "POST",
+      body: JSON.stringify({ inputs: c })
+    }).then((u) => u.output),
+    listWorkflows: () => a("/workflows").then((r) => r.workflows ?? []),
+    getWorkflow: (r) => a(`/workflows/${encodeURIComponent(r)}`).then(
+      (c) => c.workflow
+    ),
+    // `rawReq`, not `req<T>` — the ONE caller that needs the response's own
+    // status code: `200` (the run reached a terminal state inside the wait
+    // window) vs `202` (the server's own wait-timeout, still running). Both
+    // are 2xx successes; `rawReq` already throws on a non-2xx.
+    runWorkflow: (r, c = {}) => d(`/workflows/${encodeURIComponent(r)}/run?wait=true`, {
+      method: "POST",
+      body: JSON.stringify({ variables: c.variables, input: c.input })
+    }).then(({ status: u, data: w }) => ({ ...w ?? {}, terminal: u === 200 }))
+  };
+}
+function Ge(e) {
+  if (!e) return "";
+  try {
+    return JSON.stringify(JSON.parse(e), null, 2);
+  } catch {
+    return e;
+  }
+}
+function Kt(e, s) {
+  return `${e.method}-${e.url ?? e.host}-${s}`;
+}
+function Wt({ calls: e, defaultOpen: s, keyOf: n, title: l }) {
+  if (e.length === 0) return null;
+  const d = n ?? Kt;
+  return /* @__PURE__ */ o("div", { className: "w6w-stack", style: { gap: 4 }, children: [
+    l !== !1 && /* @__PURE__ */ t("strong", { className: "w6w-small", children: l ?? /* @__PURE__ */ o(k, { children: [
+      "API ",
+      e.length === 1 ? "call" : "calls",
+      " (",
+      e.length,
+      ")"
+    ] }) }),
+    e.map((a, r) => /* @__PURE__ */ o(
+      "details",
+      {
+        open: s,
+        className: "w6w-result",
+        style: { padding: 8 },
+        children: [
+          /* @__PURE__ */ t("summary", { style: { cursor: "pointer" }, children: /* @__PURE__ */ o("span", { className: "w6w-small", children: [
+            a.method,
+            " ",
+            a.url ?? a.host,
+            " →",
+            " ",
+            /* @__PURE__ */ t("strong", { children: a.error ? "failed" : a.status }),
+            a.durationMs !== void 0 && /* @__PURE__ */ o("span", { className: "w6w-muted", children: [
+              " · ",
+              a.durationMs,
+              "ms"
+            ] })
+          ] }) }),
+          /* @__PURE__ */ o("div", { className: "w6w-stack", style: { gap: 6, marginTop: 8 }, children: [
+            a.error && /* @__PURE__ */ t("div", { className: "w6w-error w6w-small", children: a.error }),
+            /* @__PURE__ */ t("div", { className: "w6w-muted w6w-small", children: "Request headers" }),
+            /* @__PURE__ */ t("pre", { className: "w6w-result", children: JSON.stringify(a.requestHeaders ?? {}, null, 2) }),
+            a.requestBody && /* @__PURE__ */ o(k, { children: [
+              /* @__PURE__ */ t("div", { className: "w6w-muted w6w-small", children: "Request body" }),
+              /* @__PURE__ */ t("pre", { className: "w6w-result", children: Ge(a.requestBody) })
+            ] }),
+            /* @__PURE__ */ t("div", { className: "w6w-muted w6w-small", children: "Response headers" }),
+            /* @__PURE__ */ t("pre", { className: "w6w-result", children: JSON.stringify(a.responseHeaders ?? {}, null, 2) }),
+            a.responseBody && /* @__PURE__ */ o(k, { children: [
+              /* @__PURE__ */ t("div", { className: "w6w-muted w6w-small", children: "Response body" }),
+              /* @__PURE__ */ t("pre", { className: "w6w-result", children: Ge(a.responseBody) })
+            ] }),
+            a.truncated && /* @__PURE__ */ t("div", { className: "w6w-muted w6w-small", children: "A captured body exceeded the size cap and was truncated." })
+          ] })
+        ]
+      },
+      d(a, r)
+    ))
+  ] });
+}
+function Ne({
+  title: e,
+  subtitle: s,
+  icon: n,
+  trailing: l,
+  active: d = !1,
+  onClick: a,
+  ariaLabel: r
+}) {
+  const c = /* @__PURE__ */ o(k, { children: [
+    n != null && /* @__PURE__ */ t("span", { className: "w6w-list-item-icon", children: n }),
+    /* @__PURE__ */ o("span", { className: "w6w-list-item-body", children: [
+      /* @__PURE__ */ t("span", { className: "w6w-list-item-title", children: e }),
+      s != null && /* @__PURE__ */ t("span", { className: "w6w-list-item-subtitle", children: s })
+    ] }),
+    l != null && /* @__PURE__ */ t("span", { className: "w6w-list-item-trailing", children: l })
+  ] }), u = `w6w-list-item${d ? " active" : ""}`;
+  return a ? /* @__PURE__ */ t(
+    "button",
+    {
+      type: "button",
+      className: u,
+      "aria-pressed": d,
+      "aria-label": r,
+      onClick: a,
+      children: c
+    }
+  ) : /* @__PURE__ */ t("div", { className: u, "aria-label": r, children: c });
+}
+function de(e) {
+  const s = Date.parse(e);
+  if (Number.isNaN(s)) return "";
+  const n = Math.max(0, Math.round((Date.now() - s) / 1e3));
+  if (n < 45) return "just now";
+  const l = Math.round(n / 60);
+  if (l < 60) return `${l}m ago`;
+  const d = Math.round(l / 60);
+  if (d < 24) return `${d}h ago`;
+  const a = Math.round(d / 24);
+  return a < 7 ? `${a}d ago` : new Date(s).toLocaleDateString();
+}
+function Qe(e) {
+  const s = {};
+  for (const n of (e == null ? void 0 : e.params) ?? [])
+    n.key && n.default !== void 0 && (s[n.key] = n.default);
+  return s;
+}
+function Vt(e) {
+  var n, l, d;
+  const s = e.indexOf("{");
+  if (s >= 0)
+    try {
+      const a = JSON.parse(e.slice(s)), r = ((l = (n = a == null ? void 0 : a.errors) == null ? void 0 : n[0]) == null ? void 0 : l.message) ?? (typeof (a == null ? void 0 : a.error) == "object" ? (d = a.error) == null ? void 0 : d.message : a == null ? void 0 : a.error) ?? (a == null ? void 0 : a.message);
+      if (typeof r == "string" && r.trim()) {
+        const c = e.slice(0, s).replace(/[:\s]+$/, "");
+        return c ? `${c}: ${r.trim()}` : r.trim();
+      }
+    } catch {
+    }
+  return e;
+}
+function tt(e) {
+  return typeof e == "object" && e !== null && typeof e.status == "number" && typeof e.code == "string";
+}
+function zt(e) {
+  if (!tt(e))
+    return { headline: (e == null ? void 0 : e.message) ?? "The action failed to run." };
+  const s = Vt(e.message ?? ""), n = `${e.status} ${e.code} ${e.message ?? ""}`.toLowerCase();
+  return e.status === 401 || e.status === 403 || /\b(401|403)\b|forbidden|unauthorized|not authorized|permission|scope|access denied|invalid api key|invalid credential/.test(
+    n
+  ) ? {
+    headline: "Permission denied by the provider — this is a credential/scope problem, not a w6w error.",
+    hint: "The connection's API key is missing the permissions this action needs. Fix it at the provider — e.g. SendGrid → Settings → API Keys → give the key the required scopes (or Full Access), or create a new key — then update this connection's credential and try again.",
+    detail: s
+  } : { headline: "The action returned an error.", detail: s };
+}
+function Gt(e) {
+  const s = tt(e) ? e.body ?? e.raw : null;
+  return (s == null ? void 0 : s.apiCalls) ?? [];
+}
+function ue() {
+  const [e, s] = v(""), [n, l] = v(void 0), [d, a] = v(!1);
+  return { text: e, value: n, invalid: d, onChange: (c) => {
+    s(c);
+    const u = c.trim();
+    if (u === "") {
+      a(!1);
+      return;
+    }
+    try {
+      const w = JSON.parse(u);
+      w !== null && typeof w == "object" && !Array.isArray(w) ? (l(w), a(!1)) : a(!0);
+    } catch {
+      a(!0);
+    }
+  } };
+}
+function Ps({
+  appId: e,
+  actions: s,
+  connectionId: n,
+  action: l,
+  seedValues: d,
+  onSavedTestsChanged: a,
+  seedTestId: r,
+  onDirtyChange: c,
+  onTestSaved: u,
+  onDeleted: w,
+  embedded: h = !1
+}) {
+  var qe;
+  const m = Et(), p = ye(() => {
+    const i = [...s];
+    return i.sort((f, g) => (f.title || f.key).localeCompare(g.title || g.key)), i;
+  }, [s]), [N, ee] = v((l == null ? void 0 : l.key) ?? ""), y = l ?? s.find((i) => i.key === N) ?? null, [Ce, Oe] = v(!1), [A, _] = v(null), [Re, P] = v(void 0), [nt, E] = v([]), C = ue(), O = ue(), R = ue(), [te, at] = v(""), [se, rt] = v(""), Te = C.invalid || O.invalid || R.invalid, lt = () => {
+    const i = {};
+    return C.text.trim() !== "" && C.value !== void 0 && (i.body = C.value), O.text.trim() !== "" && O.value !== void 0 && (i.query = O.value), R.text.trim() !== "" && R.value !== void 0 && (i.headers = R.value), te && (i.target = te), se.trim() !== "" && (i.match = se.trim()), Object.keys(i).length > 0 ? i : void 0;
+  }, [I, ne] = v("form"), [it, Ae] = v(""), [ot, Ee] = v(!1), [T, Me] = v(!1), b = (y == null ? void 0 : y.key) ?? null, _e = d ? { ...d } : Qe(y), [Pe, D] = v(() => ({
+    key: b,
+    values: _e
+  })), [x, U] = v(r ?? null), [Ie, H] = v(_e);
+  if (Pe.key !== b) {
+    const i = Qe(y);
+    D({ key: b, values: i }), H(i), U(r ?? null), _(null), P(void 0), E([]);
+  }
+  const [ct, dt] = v(r);
+  r !== ct && (dt(r), U(r ?? null));
+  const [Ue, ut] = v(d);
+  if (d !== Ue) {
+    const i = JSON.stringify(d ?? null) !== JSON.stringify(Ue ?? null);
+    if (ut(d), d && i) {
+      const f = { ...d };
+      D({ key: b, values: f }), H(f), _(null), P(void 0), E([]);
+    }
+  }
+  const S = Pe.values, Fe = (i) => D({ key: b, values: i }), Le = ye(
+    () => JSON.stringify(S) !== JSON.stringify(Ie),
+    [S, Ie]
+  );
+  G(() => {
+    c == null || c(Le);
+  }, [Le]);
+  const wt = () => {
+    Ae(JSON.stringify(S, null, 2)), Ee(!1), ne("json");
+  }, mt = async (i) => {
+    if (!y || Te) return;
+    const f = y.key;
+    Oe(!0), _(null), P(void 0), E([]);
+    let g;
+    const Ke = lt();
+    try {
+      const M = await m.invokeAction(e, f, i, {
+        connectionId: n,
+        ...Ke ? { overrides: Ke } : {}
+      });
+      P(M.value), E(M.apiCalls ?? []), g = { ok: !0, summary: "OK", result: M.value };
+    } catch (M) {
+      const We = zt(M);
+      _(We), E(Gt(M)), g = { ok: !1, summary: We.headline };
+    } finally {
+      Oe(!1);
+    }
+    if (n)
+      try {
+        await m.recordTestRun(n, {
+          savedTestId: x ?? null,
+          actionKey: f,
+          ok: g.ok,
+          summary: g.summary.slice(0, 200),
+          result: g.result
+        }), ie(), kt(), a == null || a();
+      } catch {
+      }
+  }, ht = () => mt(S), [j, Be] = v(null), [q, F] = v(null), [pt, ft] = v(0), [vt, K] = v(!1), [ae, re] = v(""), [yt, le] = v(!1), ie = () => ft((i) => i + 1);
+  G(() => {
+    if (!n) {
+      Be(null);
+      return;
+    }
+    let i = !1;
+    return F(null), m.listSavedTests(n).then((f) => !i && Be(f)).catch((f) => !i && F(f.message)), () => {
+      i = !0;
+    };
+  }, [m, n, pt]);
+  const Je = b ? (j ?? []).filter((i) => i.actionKey === b) : [], [Nt, oe] = v(null), [gt, bt] = v(0), kt = () => bt((i) => i + 1);
+  G(() => {
+    const i = m.listTestRuns;
+    if (!n || !i) {
+      oe(null);
+      return;
+    }
+    let f = !1;
+    return i(n).then((g) => !f && oe(g)).catch(() => !f && oe(null)), () => {
+      f = !0;
+    };
+  }, [m, n, gt]);
+  const De = b ? (Nt ?? []).filter((i) => i.actionKey === b).slice().sort((i, f) => Date.parse(f.occurredAt) - Date.parse(i.occurredAt)) : [], xt = () => {
+    !n || !y || (re(""), F(null), K(!0));
+  }, St = () => {
+    !n || !y || (x ? He() : xt());
+  }, He = async () => {
+    if (!(!n || !y))
+      try {
+        let i;
+        if (x)
+          i = await m.updateSavedTest(n, x, { values: S });
+        else {
+          const f = ae.trim();
+          if (!f) return;
+          i = await m.createSavedTest(n, {
+            actionKey: y.key,
+            name: f,
+            values: S
+          }), U(i.id);
+        }
+        H({ ...S }), K(!1), re(""), ie(), a == null || a(), u == null || u(i);
+      } catch (i) {
+        F(i.message);
+      }
+  }, $t = (i) => {
+    const f = { ...i.values };
+    D({ key: b, values: f }), H(f), U(i.id), ne("form"), _(null), P(void 0), E([]);
+  }, Ct = async () => {
+    if (!n || !x) return;
+    const i = x;
+    try {
+      await m.deleteSavedTest(n, i), U(null), ie(), a == null || a(), w == null || w(i);
+    } catch (f) {
+      F(f.message);
+    }
+  }, Ot = /* @__PURE__ */ o("div", { className: "w6w-stack", style: { gap: "var(--w6w-sp-1-5)" }, children: [
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: "w6w-field-labelrow",
+        style: { display: "flex", justifyContent: "space-between", alignItems: "center" },
+        children: [
+          /* @__PURE__ */ t("span", { className: "w6w-muted w6w-small", children: "Parameters" }),
+          /* @__PURE__ */ o("div", { style: { display: "flex", gap: "var(--w6w-sp-1)" }, children: [
+            /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                className: `w6w-btn w6w-btn-sm w6w-btn-ghost${I === "form" ? " active" : ""}`,
+                "aria-pressed": I === "form",
+                onClick: () => ne("form"),
+                children: "Form"
+              }
+            ),
+            /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                className: `w6w-btn w6w-btn-sm w6w-btn-ghost${I === "json" ? " active" : ""}`,
+                "aria-pressed": I === "json",
+                onClick: wt,
+                children: "JSON"
+              }
+            ),
+            !h && /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                className: "w6w-btn w6w-btn-sm w6w-btn-ghost",
+                "aria-pressed": T,
+                title: T ? "Collapse the params editor" : "Open the params editor in a larger view",
+                "aria-label": T ? "Collapse the params editor" : "Open the params editor in a larger view",
+                onClick: () => Me((i) => !i),
+                children: T ? "⤡" : "⤢"
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    I === "form" ? /* @__PURE__ */ t(Mt, { params: (y == null ? void 0 : y.params) ?? [], values: S, onChange: Fe }) : /* @__PURE__ */ o(k, { children: [
+      /* @__PURE__ */ t(
+        z,
+        {
+          value: it,
+          onChange: Ae,
+          minHeight: T ? "50vh" : "200px",
+          "aria-label": "Params JSON",
+          onValidChange: (i) => {
+            i !== null && typeof i == "object" && !Array.isArray(i) && Fe(i);
+          },
+          onValidityChange: ({ valid: i }) => Ee(!i)
+        }
+      ),
+      ot && /* @__PURE__ */ t("span", { className: "w6w-hint", style: { color: "var(--w6w-danger)" }, children: "Invalid JSON" })
+    ] })
+  ] }), Rt = /* @__PURE__ */ o("details", { className: "w6w-section", "data-testid": "overrides-region", children: [
+    /* @__PURE__ */ o("summary", { className: "w6w-section-summary", children: [
+      /* @__PURE__ */ t("span", { className: "w6w-section-title", children: "Overrides" }),
+      /* @__PURE__ */ t("span", { className: "w6w-section-subtitle", children: "Reach a vendor field this action's own params don't declare" })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "w6w-stack w6w-section-body", style: { gap: "var(--w6w-sp-2)" }, children: [
+      /* @__PURE__ */ o("div", { className: "w6w-field", children: [
+        /* @__PURE__ */ t("span", { children: "Body" }),
+        /* @__PURE__ */ t(
+          z,
+          {
+            value: C.text,
+            onChange: C.onChange,
+            minHeight: "80px",
+            "aria-label": "Overrides body (JSON)"
+          }
+        ),
+        C.invalid && /* @__PURE__ */ t("span", { className: "w6w-hint", style: { color: "var(--w6w-danger)" }, children: "Invalid JSON" })
+      ] }),
+      /* @__PURE__ */ o("div", { className: "w6w-field", children: [
+        /* @__PURE__ */ t("span", { children: "Query" }),
+        /* @__PURE__ */ t(
+          z,
+          {
+            value: O.text,
+            onChange: O.onChange,
+            minHeight: "80px",
+            "aria-label": "Overrides query (JSON)"
+          }
+        ),
+        O.invalid && /* @__PURE__ */ t("span", { className: "w6w-hint", style: { color: "var(--w6w-danger)" }, children: "Invalid JSON" })
+      ] }),
+      /* @__PURE__ */ o("div", { className: "w6w-field", children: [
+        /* @__PURE__ */ t("span", { children: "Headers" }),
+        /* @__PURE__ */ t(
+          z,
+          {
+            value: R.text,
+            onChange: R.onChange,
+            minHeight: "80px",
+            "aria-label": "Overrides headers (JSON)"
+          }
+        ),
+        R.invalid && /* @__PURE__ */ t("span", { className: "w6w-hint", style: { color: "var(--w6w-danger)" }, children: "Invalid JSON" })
+      ] }),
+      /* @__PURE__ */ o("label", { className: "w6w-field", children: [
+        /* @__PURE__ */ t("span", { children: "Target" }),
+        /* @__PURE__ */ o(
+          "select",
+          {
+            "aria-label": "Overrides target",
+            value: te,
+            onChange: (i) => at(i.target.value),
+            children: [
+              /* @__PURE__ */ t("option", { value: "", children: "— default (first) —" }),
+              /* @__PURE__ */ t("option", { value: "first", children: "first" }),
+              /* @__PURE__ */ t("option", { value: "first-write", children: "first-write" }),
+              /* @__PURE__ */ t("option", { value: "all", children: "all" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ o("label", { className: "w6w-field", children: [
+        /* @__PURE__ */ t("span", { children: "Match" }),
+        /* @__PURE__ */ t(
+          "input",
+          {
+            type: "text",
+            "aria-label": "Overrides match",
+            value: se,
+            placeholder: "Restrict to requests whose URL contains…",
+            onChange: (i) => rt(i.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("span", { className: "w6w-hint", children: "Merged onto the outbound request at the wire, never into the params above — name a field the way the vendor's own API documents it." })
+    ] })
+  ] }), W = n ? /* @__PURE__ */ o("div", { className: "w6w-stack", style: { gap: "var(--w6w-sp-1-5)" }, children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: "w6w-field-labelrow",
+        style: { display: "flex", justifyContent: "space-between", alignItems: "center" },
+        children: /* @__PURE__ */ t("span", { className: "w6w-muted w6w-small", children: "Saved tests" })
+      }
+    ),
+    q && /* @__PURE__ */ t("span", { className: "w6w-hint", style: { color: "var(--w6w-danger)" }, children: q }),
+    Je.length === 0 ? /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "No saved tests for this action yet." }) : /* @__PURE__ */ t(
+      "ul",
+      {
+        className: "w6w-stack",
+        style: { listStyle: "none", margin: 0, padding: 0, gap: "var(--w6w-sp-1-5)" },
+        children: Je.map((i) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+          Ne,
+          {
+            title: i.name,
+            subtitle: i.lastRunAt ? /* @__PURE__ */ o("span", { children: [
+              /* @__PURE__ */ t(
+                "span",
+                {
+                  style: { color: i.lastRunOk ? "var(--w6w-success)" : "var(--w6w-danger)" },
+                  children: i.lastRunOk ? "✓" : "✗"
+                }
+              ),
+              " ",
+              i.lastRunSummary ? `${i.lastRunSummary} · ` : "",
+              de(i.lastRunAt)
+            ] }) : `saved ${de(i.updatedAt)}`,
+            active: i.id === x,
+            onClick: () => $t(i)
+          }
+        ) }, i.id))
+      }
+    ),
+    m.listTestRuns && De.length > 0 && /* @__PURE__ */ o(k, { children: [
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: "w6w-field-labelrow",
+          style: { display: "flex", justifyContent: "space-between", alignItems: "center" },
+          children: /* @__PURE__ */ t("span", { className: "w6w-muted w6w-small", children: "Recent runs" })
+        }
+      ),
+      /* @__PURE__ */ t(
+        "ul",
+        {
+          className: "w6w-stack",
+          style: { listStyle: "none", margin: 0, padding: 0, gap: "var(--w6w-sp-1-5)" },
+          children: De.map((i) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+            Ne,
+            {
+              title: /* @__PURE__ */ o("span", { children: [
+                /* @__PURE__ */ t("span", { style: { color: i.ok ? "var(--w6w-success)" : "var(--w6w-danger)" }, children: i.ok ? "✓" : "✗" }),
+                " ",
+                i.actionKey
+              ] }),
+              subtitle: /* @__PURE__ */ o("span", { children: [
+                i.summary ? `${i.summary} · ` : "",
+                de(i.occurredAt)
+              ] })
+            }
+          ) }, i.id))
+        }
+      )
+    ] })
+  ] }) : null, je = (qe = j == null ? void 0 : j.find((i) => i.id === x)) == null ? void 0 : qe.name;
+  return /* @__PURE__ */ o("div", { className: `w6w-stack${h ? " w6w-tester-embedded-root" : ""}`, children: [
+    !l && (s.length === 0 ? /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "This app exposes no actions." }) : (
+      // biome-ignore lint/a11y/noLabelWithoutControl: Combobox renders its own <select>/<input> INSIDE this label, so the field text labels the control at runtime; the rule cannot see through the component boundary.
+      /* @__PURE__ */ o("label", { className: "w6w-field", children: [
+        /* @__PURE__ */ o("span", { children: [
+          "Action",
+          b ? "" : " *"
+        ] }),
+        /* @__PURE__ */ t(
+          _t,
+          {
+            value: N,
+            placeholder: "— pick an action —",
+            onChange: ee,
+            options: p.map((i) => ({
+              value: i.key,
+              label: `${i.title ?? i.key} (${i.key})`
+            }))
+          }
+        )
+      ] })
+    )),
+    y ? /* @__PURE__ */ o(k, { children: [
+      /* @__PURE__ */ o("div", { children: [
+        /* @__PURE__ */ o("strong", { children: [
+          y.title ?? y.key,
+          " ",
+          /* @__PURE__ */ t("code", { className: "w6w-muted", children: y.key })
+        ] }),
+        y.description && /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", style: { margin: "var(--w6w-sp-0-5) 0 0" }, children: y.description })
+      ] }),
+      (() => {
+        const i = /* @__PURE__ */ o("div", { className: "w6w-stack", style: { gap: "var(--w6w-sp-3)" }, children: [
+          Ot,
+          Rt,
+          A && /* @__PURE__ */ o("div", { className: "w6w-result w6w-error", children: [
+            /* @__PURE__ */ t("strong", { children: A.headline }),
+            A.hint && /* @__PURE__ */ t("div", { style: { marginTop: "var(--w6w-sp-1-5)" }, children: A.hint }),
+            A.detail && /* @__PURE__ */ t(
+              "div",
+              {
+                className: "w6w-muted w6w-small",
+                style: {
+                  marginTop: "var(--w6w-sp-1-5)",
+                  whiteSpace: "pre-wrap",
+                  wordBreak: "break-word"
+                },
+                children: A.detail
+              }
+            )
+          ] }),
+          Re !== void 0 && /* @__PURE__ */ o("div", { className: "w6w-stack", style: { gap: "var(--w6w-sp-1)" }, children: [
+            /* @__PURE__ */ t("strong", { className: "w6w-small", children: "Result" }),
+            /* @__PURE__ */ t("pre", { className: "w6w-result", children: JSON.stringify(Re, null, 2) })
+          ] }),
+          /* @__PURE__ */ t(Wt, { calls: nt })
+        ] }), f = /* @__PURE__ */ o(
+          "div",
+          {
+            className: `w6w-tester-actions${h || T ? " w6w-tester-actions-footer" : ""}`,
+            style: { display: "flex", gap: "var(--w6w-sp-2)" },
+            children: [
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  className: "w6w-btn",
+                  disabled: Ce || Te,
+                  onClick: ht,
+                  children: Ce ? "Running…" : "Run action"
+                }
+              ),
+              n && /* @__PURE__ */ t("button", { type: "button", className: "w6w-btn w6w-btn-ghost", onClick: St, children: "Save test" }),
+              n && x && /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  className: "w6w-btn w6w-btn-ghost",
+                  style: { marginLeft: "auto", color: "var(--w6w-danger)" },
+                  onClick: () => le(!0),
+                  children: "Delete"
+                }
+              )
+            ]
+          }
+        ), g = /* @__PURE__ */ o("div", { className: "w6w-stack", style: { gap: "var(--w6w-sp-3)" }, children: [
+          i,
+          f
+        ] });
+        return h ? /* @__PURE__ */ o("div", { className: "w6w-tester-embedded", children: [
+          /* @__PURE__ */ t("div", { className: "w6w-tester-embedded-scroll", children: W ? /* @__PURE__ */ o("div", { className: "w6w-tester-embedded-cols", children: [
+            /* @__PURE__ */ t("div", { className: "w6w-tester-embedded-main", children: i }),
+            /* @__PURE__ */ t("div", { className: "w6w-tester-embedded-rail", children: W })
+          ] }) : i }),
+          f
+        ] }) : T ? /* @__PURE__ */ t(
+          Ve,
+          {
+            title: `Edit params — ${y.title ?? y.key}`,
+            onClose: () => Me(!1),
+            size: "full",
+            children: /* @__PURE__ */ o("div", { className: "w6w-tester-popout", children: [
+              /* @__PURE__ */ t("div", { className: "w6w-tester-popout-scroll", children: W ? /* @__PURE__ */ o(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    gap: "var(--w6w-sp-4)",
+                    alignItems: "flex-start"
+                  },
+                  children: [
+                    /* @__PURE__ */ t("div", { style: { flex: 1, minWidth: 0 }, children: i }),
+                    /* @__PURE__ */ t("div", { style: { width: 260, flexShrink: 0 }, children: W })
+                  ]
+                }
+              ) : i }),
+              f
+            ] })
+          }
+        ) : g;
+      })(),
+      vt && /* @__PURE__ */ t(Ve, { title: "Save test", onClose: () => K(!1), children: /* @__PURE__ */ o(
+        "form",
+        {
+          className: "w6w-stack",
+          style: { gap: "var(--w6w-sp-3)" },
+          onSubmit: (i) => {
+            i.preventDefault(), He();
+          },
+          children: [
+            /* @__PURE__ */ o("label", { className: "w6w-field", children: [
+              /* @__PURE__ */ t("span", { children: "Name this saved test" }),
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  type: "text",
+                  value: ae,
+                  placeholder: "e.g. valid sender",
+                  onChange: (i) => re(i.target.value)
+                }
+              )
+            ] }),
+            q && /* @__PURE__ */ t("span", { className: "w6w-hint", style: { color: "var(--w6w-danger)" }, children: q }),
+            /* @__PURE__ */ o(
+              "div",
+              {
+                style: { display: "flex", gap: "var(--w6w-sp-2)", justifyContent: "flex-end" },
+                children: [
+                  /* @__PURE__ */ t(
+                    "button",
+                    {
+                      type: "button",
+                      className: "w6w-btn w6w-btn-ghost",
+                      onClick: () => K(!1),
+                      children: "Cancel"
+                    }
+                  ),
+                  /* @__PURE__ */ t("button", { type: "submit", className: "w6w-btn", disabled: !ae.trim(), children: "Save" })
+                ]
+              }
+            )
+          ]
+        }
+      ) }),
+      yt && /* @__PURE__ */ t(
+        Pt,
+        {
+          title: "Delete saved test",
+          message: je ? `Delete "${je}"? This cannot be undone.` : "Delete this saved test? This cannot be undone.",
+          confirmLabel: "Delete",
+          onConfirm: () => {
+            le(!1), Ct();
+          },
+          onClose: () => le(!1)
+        }
+      )
+    ] }) : !l && /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "Pick an action above to test it." })
+  ] });
+}
+function Is(e) {
+  const s = It(e.theme), { copied: n, copy: l } = Dt(e.value), d = ye(
+    () => [
+      Lt(),
+      Bt.theme({
+        "&": {
+          fontSize: "13px",
+          fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
+          backgroundColor: "var(--w6w-panel-2)",
+          color: "var(--w6w-text)",
+          border: "1px solid var(--w6w-border)",
+          borderRadius: "8px"
+        },
+        "&.cm-focused": { outline: "2px solid var(--w6w-accent)" },
+        ".cm-gutters": {
+          backgroundColor: "var(--w6w-panel)",
+          color: "var(--w6w-muted)",
+          border: "none",
+          borderRight: "1px solid var(--w6w-border)"
+        },
+        ".cm-scroller": { overflow: "auto" }
+      })
+    ],
+    []
+  );
+  function a(r) {
+    e.onChange(r);
+  }
+  return /* @__PURE__ */ o("div", { className: "w6w-yaml-editor", "aria-label": e["aria-label"] ?? "YAML editor", children: [
+    /* @__PURE__ */ t(
+      Jt,
+      {
+        value: e.value,
+        onChange: a,
+        extensions: d,
+        placeholder: e.placeholder,
+        readOnly: e.readOnly,
+        editable: !e.readOnly,
+        theme: s,
+        height: e.height,
+        minHeight: e.minHeight ?? "240px",
+        maxHeight: e.maxHeight,
+        basicSetup: {
+          lineNumbers: !0,
+          foldGutter: !0,
+          highlightActiveLine: !e.readOnly,
+          autocompletion: !0,
+          bracketMatching: !0,
+          closeBrackets: !0
+        }
+      }
+    ),
+    e.copyable && /* @__PURE__ */ o(k, { children: [
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: `w6w-icon-btn w6w-copyable-btn${n ? " is-copied" : ""}`,
+          "aria-label": "Copy",
+          onClick: () => void l(),
+          children: n ? /* @__PURE__ */ t(Ht, {}) : /* @__PURE__ */ t(jt, {})
+        }
+      ),
+      /* @__PURE__ */ t("span", { className: "w6w-copyable-status", "aria-live": "polite", children: n ? "Copied" : "" })
+    ] })
+  ] });
+}
+const we = "…";
+function Qt(e, s, n = "end") {
+  if (s === void 0 || s < 1 || s >= e.length) return e;
+  if (n === "start")
+    return `${we}${e.slice(e.length - s)}`;
+  if (n === "end")
+    return `${e.slice(0, s)}${we}`;
+  const l = Math.ceil(s / 2), d = s - l;
+  return `${e.slice(0, l)}${we}${e.slice(e.length - d)}`;
+}
+function Us(e) {
+  const { value: s, chars: n, crop: l = "end", label: d, className: a, copiedMs: r } = e, c = Qt(s, n, l), u = ["w6w-copyable--bare", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t(qt, { value: s, readOnly: !0, label: d, className: u, copiedMs: r, children: /* @__PURE__ */ t("span", { children: c }) });
+}
+const Yt = {
+  ok: "Operational",
+  degraded: "Degraded",
+  down: "Down",
+  unknown: "Unknown"
+};
+function Fs({ state: e, label: s, ariaLabel: n }) {
+  const l = s ?? Yt[e];
+  return /* @__PURE__ */ o("span", { className: `w6w-health-pill w6w-health-pill-${e}`, "aria-label": n, children: [
+    /* @__PURE__ */ t("span", { className: "w6w-health-pill-dot", "aria-hidden": "true" }),
+    /* @__PURE__ */ t("span", { className: "w6w-health-pill-label", children: l })
+  ] });
+}
+const Zt = {
+  ok: "Operational",
+  degraded: "Degraded",
+  down: "Down",
+  unknown: "Unknown"
+};
+function Ls({ days: e, ariaLabel: s }) {
+  return e.length === 0 ? null : /* @__PURE__ */ t(
+    "div",
+    {
+      className: "w6w-uptime-strip",
+      role: "img",
+      "aria-label": s ?? `${e.length}-day status`,
+      children: e.map((n, l) => /* @__PURE__ */ t(
+        "span",
+        {
+          className: `w6w-uptime-cell w6w-uptime-cell-${n.state}`,
+          title: n.label ?? `${n.day} — ${Zt[n.state]}`
+        },
+        `${n.day}-${l}`
+      ))
+    }
+  );
+}
+const st = "—", Ye = ["B", "KiB", "MiB", "GiB", "TiB", "PiB"];
+function Xt(e) {
+  if (e === null || !Number.isFinite(e)) return st;
+  if (e < 1024) return `${Math.round(e)} B`;
+  let s = e, n = 0;
+  for (; s >= 1024 && n < Ye.length - 1; )
+    s /= 1024, n += 1;
+  return `${s.toFixed(1)} ${Ye[n]}`;
+}
+function $(e) {
+  return e === null || !Number.isFinite(e) ? st : `${Math.round(e * 100)}%`;
+}
+function B(e) {
+  if (e === void 0 || e.load1 === null) return null;
+  const s = e.cpuLimit ?? e.cpus;
+  return s === null || s <= 0 ? null : e.load1 / s;
+}
+function J(e) {
+  if (e === void 0) return null;
+  const { memoryTotal: s, memoryAvailable: n } = e;
+  return s === null || n === null || s <= 0 ? null : (s - n) / s;
+}
+function es(e, s, n) {
+  return e < s ? s : e > n ? n : e;
+}
+function ts(e, s, n, l) {
+  const d = e.length;
+  if (d < 2) return "";
+  const a = [];
+  for (let r = 0; r < d; r++) {
+    const c = e[r];
+    if (c === null) continue;
+    const u = r / (d - 1) * s, w = l <= 0 ? n : n - es(c, 0, l) / l * n;
+    a.push(`${Number(u.toFixed(2))},${Number(w.toFixed(2))}`);
+  }
+  return a.join(" ");
+}
+const ss = "—", Ze = 100, Xe = 24;
+function ge({
+  values: e,
+  max: s,
+  className: n
+}) {
+  const l = ts(e, Ze, Xe, s);
+  return l === "" ? null : /* @__PURE__ */ t(
+    "svg",
+    {
+      className: n,
+      viewBox: `0 0 ${Ze} ${Xe}`,
+      preserveAspectRatio: "none",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: /* @__PURE__ */ t(
+        "polyline",
+        {
+          points: l,
+          fill: "none",
+          stroke: "var(--w6w-accent)",
+          strokeWidth: 2,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+function me(e) {
+  return e === null ? ss : e.toFixed(2);
+}
+function Z(e) {
+  let s = 1;
+  for (const n of e) n !== null && n > s && (s = n);
+  return s;
+}
+function Q({
+  label: e,
+  value: s,
+  values: n,
+  max: l
+}) {
+  return /* @__PURE__ */ o("li", { className: "w6w-server-resources__row", children: [
+    /* @__PURE__ */ t("span", { className: "w6w-server-resources__label", children: e }),
+    /* @__PURE__ */ t("span", { className: "w6w-server-resources__value", children: s }),
+    /* @__PURE__ */ t(ge, { className: "w6w-server-resources__spark", values: n, max: l })
+  ] });
+}
+function xe(e) {
+  const s = e[e.length - 1], n = e.map((a) => B(a)), l = e.map((a) => J(a)), d = e.map((a) => a.processRss);
+  return { last: s, cpuValues: n, memoryValues: l, rssValues: d };
+}
+function Bs({
+  samples: e,
+  title: s = "Server resources",
+  intervalMs: n
+}) {
+  const { last: l, cpuValues: d, memoryValues: a, rssValues: r } = xe(e);
+  return /* @__PURE__ */ o("section", { className: "w6w-server-resources w6w-server-resources--card", "aria-label": s, children: [
+    /* @__PURE__ */ t("h3", { className: "w6w-server-resources__title", children: s }),
+    /* @__PURE__ */ o("ul", { className: "w6w-server-resources__rows", children: [
+      /* @__PURE__ */ t(
+        Q,
+        {
+          label: "CPU",
+          value: $(B(l)),
+          values: d,
+          max: Z(d)
+        }
+      ),
+      /* @__PURE__ */ t(
+        Q,
+        {
+          label: "Memory",
+          value: $(J(l)),
+          values: a,
+          max: 1
+        }
+      ),
+      /* @__PURE__ */ t(
+        Q,
+        {
+          label: "Process",
+          value: Xt((l == null ? void 0 : l.processRss) ?? null),
+          values: r,
+          max: Z(r)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t("p", { className: "w6w-server-resources__meta", children: `Load ${me((l == null ? void 0 : l.load1) ?? null)} / ${me((l == null ? void 0 : l.load5) ?? null)} / ${me(
+      (l == null ? void 0 : l.load15) ?? null
+    )}` }),
+    n !== void 0 && /* @__PURE__ */ t("p", { className: "w6w-server-resources__meta", children: `Sampled every ${n / 1e3}s` })
+  ] });
+}
+function Js({ samples: e, title: s = "Server" }) {
+  const { last: n, cpuValues: l } = xe(e);
+  return /* @__PURE__ */ o("section", { className: "w6w-server-resources w6w-server-resources--small", "aria-label": s, children: [
+    /* @__PURE__ */ t("h3", { className: "w6w-server-resources__title", children: s }),
+    /* @__PURE__ */ o("ul", { className: "w6w-server-resources__rows", children: [
+      /* @__PURE__ */ t(
+        Q,
+        {
+          label: "CPU",
+          value: $(B(n)),
+          values: l,
+          max: Z(l)
+        }
+      ),
+      /* @__PURE__ */ o("li", { className: "w6w-server-resources__row", children: [
+        /* @__PURE__ */ t("span", { className: "w6w-server-resources__label", children: "Memory" }),
+        /* @__PURE__ */ t("span", { className: "w6w-server-resources__value", children: $(J(n)) })
+      ] })
+    ] })
+  ] });
+}
+function Ds({ samples: e, onExpand: s }) {
+  const { last: n, cpuValues: l, memoryValues: d } = xe(e);
+  return /* @__PURE__ */ o("aside", { className: "w6w-server-resources w6w-server-resources--rail", children: [
+    /* @__PURE__ */ o("div", { className: "w6w-server-resources__rail-row", children: [
+      /* @__PURE__ */ t("span", { className: "w6w-server-resources__label", children: "CPU" }),
+      /* @__PURE__ */ t("span", { className: "w6w-server-resources__value", children: $(B(n)) }),
+      /* @__PURE__ */ t(
+        ge,
+        {
+          className: "w6w-server-resources__spark",
+          values: l,
+          max: Z(l)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o("div", { className: "w6w-server-resources__rail-row", children: [
+      /* @__PURE__ */ t("span", { className: "w6w-server-resources__label", children: "MEM" }),
+      /* @__PURE__ */ t("span", { className: "w6w-server-resources__value", children: $(J(n)) }),
+      /* @__PURE__ */ t(ge, { className: "w6w-server-resources__spark", values: d, max: 1 })
+    ] }),
+    s !== void 0 && /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: "w6w-server-resources__expand",
+        "aria-label": "Show server resources",
+        onClick: s,
+        children: "Details"
+      }
+    )
+  ] });
+}
+function Hs({ samples: e }) {
+  const s = e[e.length - 1], n = $(B(s)), l = $(J(s));
+  return /* @__PURE__ */ t("span", { className: "w6w-server-resources w6w-server-resources--badge", children: `CPU ${n} · MEM ${l}` });
+}
+const ns = 1, as = 1440 * 60 * 1e3;
+function rs(e, s, n) {
+  const l = s.startedAt ?? s.updatedAt;
+  if (l === void 0) return null;
+  const d = Date.parse(l), a = s.resolvedAt !== void 0 ? Date.parse(s.resolvedAt) : s.startedAt !== void 0 ? n : d, r = Date.parse(`${e.from}T00:00:00.000Z`), c = Date.parse(`${e.to}T00:00:00.000Z`) + as, u = c - r;
+  if (a < r || d >= c) return null;
+  const w = d < r, h = a > c, m = Math.max(d, r), p = Math.min(a, c), N = (m - r) / u * 100, ee = (p - m) / u * 100, y = Math.max(ee, ns);
+  return { leftPct: N, widthPct: y, clippedStart: w, clippedEnd: h };
+}
+const ls = {
+  ok: "Operational",
+  degraded: "Degraded",
+  down: "Down",
+  unknown: "Unknown"
+}, is = "This vendor publishes no incident history.", os = "No incidents in this window.";
+function cs(e) {
+  const s = e.startedAt ?? e.updatedAt, n = [e.title];
+  return e.components !== void 0 && e.components.length > 0 && n.push(`(${e.components.join(", ")})`), s !== void 0 && n.push(
+    e.resolvedAt !== void 0 ? `${s} – ${e.resolvedAt}` : `${s} – ongoing`
+  ), n.join(" ");
+}
+function js({
+  window: e,
+  days: s,
+  incidents: n,
+  vendorEmptyLabel: l,
+  nowMs: d = Date.now(),
+  ariaLabel: a
+}) {
+  const r = s.length, c = r > 0 ? 100 / r : 0, u = n === void 0 ? l ?? is : n.length === 0 ? l ?? os : null;
+  return /* @__PURE__ */ t("div", { className: "w6w-history-timeline", role: "img", "aria-label": a ?? `${r}-day history`, children: /* @__PURE__ */ o("div", { className: "w6w-history-plot", children: [
+    /* @__PURE__ */ t("div", { className: "w6w-history-lane w6w-history-lane-execution", children: s.map((w, h) => /* @__PURE__ */ t(
+      "span",
+      {
+        className: `w6w-history-cell w6w-history-cell-${w.state}`,
+        style: { left: `${h * c}%`, width: `${c}%` },
+        title: w.label ?? `${w.day} — ${ls[w.state]}`
+      },
+      `${w.day}-${h}`
+    )) }),
+    /* @__PURE__ */ t("div", { className: "w6w-history-lane w6w-history-lane-vendor", children: u !== null ? /* @__PURE__ */ t("span", { className: "w6w-history-empty", title: u, children: u }) : n == null ? void 0 : n.map((w, h) => {
+      const m = rs(e, w, d);
+      if (m === null) return null;
+      const p = [
+        m.clippedStart ? "w6w-history-bar-clip-start" : "",
+        m.clippedEnd ? "w6w-history-bar-clip-end" : ""
+      ].filter(Boolean).join(" ");
+      return /* @__PURE__ */ t(
+        "span",
+        {
+          className: `w6w-history-bar w6w-history-bar-${w.state}${p ? ` ${p}` : ""}`,
+          style: { left: `${m.leftPct}%`, width: `${m.widthPct}%` },
+          title: cs(w)
+        },
+        w.id ?? `${w.title}-${h}`
+      );
+    }) }),
+    /* @__PURE__ */ o("div", { className: "w6w-history-axis", children: [
+      /* @__PURE__ */ t("span", { className: "w6w-history-tick w6w-history-tick-start", style: { left: "0%" }, children: e.from }),
+      /* @__PURE__ */ t("span", { className: "w6w-history-tick w6w-history-tick-end", style: { left: "100%" }, children: e.to })
+    ] })
+  ] }) });
+}
+function qs({ label: e, children: s, className: n }) {
+  const [l, d] = v(!1), a = Ut();
+  return /* @__PURE__ */ o("span", { className: ["w6w-info-tip", n ?? ""].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ t(
+      L,
+      {
+        label: e,
+        icon: "info",
+        "aria-expanded": l,
+        "aria-controls": a,
+        onClick: () => d((r) => !r)
+      }
+    ),
+    l && /* @__PURE__ */ t("span", { id: a, className: "w6w-info-tip-body w6w-muted w6w-small", children: s })
+  ] });
+}
+function Ks(e) {
+  const { label: s, onClick: n, disabled: l, className: d, ...a } = e;
+  return /* @__PURE__ */ t(
+    L,
+    {
+      label: s,
+      onClick: n,
+      disabled: l,
+      className: d,
+      icon: "edit",
+      "data-testid": a["data-testid"]
+    }
+  );
+}
+function Ws(e) {
+  const { label: s, onClick: n, disabled: l, className: d, ...a } = e;
+  return /* @__PURE__ */ t(
+    L,
+    {
+      label: s,
+      onClick: n,
+      disabled: l,
+      className: d,
+      danger: !0,
+      icon: "delete",
+      "data-testid": a["data-testid"]
+    }
+  );
+}
+function Vs(e) {
+  const { branch: s, shortSha: n, lastSyncLabel: l, onSyncNow: d, syncing: a, className: r, ...c } = e, [u, w] = v(!1), h = Ft(null);
+  return G(() => {
+    if (!u) return;
+    const m = (N) => {
+      h.current && !h.current.contains(N.target) && w(!1);
+    }, p = (N) => N.key === "Escape" && w(!1);
+    return document.addEventListener("mousedown", m), document.addEventListener("keydown", p), () => {
+      document.removeEventListener("mousedown", m), document.removeEventListener("keydown", p);
+    };
+  }, [u]), /* @__PURE__ */ o(
+    "div",
+    {
+      className: `w6w-repo-sync${r ? ` ${r}` : ""}`,
+      ref: h,
+      "data-testid": c["data-testid"],
+      children: [
+        /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            className: "w6w-repo-sync-trigger",
+            "aria-haspopup": "menu",
+            "aria-expanded": u,
+            "aria-busy": a,
+            onClick: () => w((m) => !m),
+            children: [
+              /* @__PURE__ */ o("span", { className: "w6w-repo-sync-icon", children: [
+                /* @__PURE__ */ t(ze, { name: "github" }),
+                a && /* @__PURE__ */ t(ze, { name: "sync", size: 10, className: "w6w-repo-sync-spin" })
+              ] }),
+              /* @__PURE__ */ t("span", { className: "w6w-repo-sync-branch", children: s }),
+              n != null && /* @__PURE__ */ t("code", { className: "w6w-repo-sync-sha", children: n })
+            ]
+          }
+        ),
+        u && /* @__PURE__ */ o("div", { className: "w6w-repo-sync-menu", role: "menu", children: [
+          /* @__PURE__ */ o("div", { className: "w6w-repo-sync-detail", children: [
+            /* @__PURE__ */ t("span", { children: s }),
+            n != null && /* @__PURE__ */ t("code", { children: n }),
+            l != null && /* @__PURE__ */ t("span", { children: l })
+          ] }),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              className: "w6w-repo-sync-item",
+              "data-testid": "repo-sync-now",
+              disabled: a,
+              onClick: d,
+              children: a ? "Syncing…" : "Sync now"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const ds = {
+  pending: "Pending",
+  running: "Running",
+  succeeded: "Succeeded",
+  failed: "Failed",
+  skipped: "Skipped",
+  queued: "Queued",
+  canceled: "Canceled"
+};
+function Se({ state: e, label: s, ariaLabel: n }) {
+  const l = s ?? ds[e];
+  return /* @__PURE__ */ o("span", { className: `w6w-step-pill w6w-step-pill-${e}`, "aria-label": n, children: [
+    /* @__PURE__ */ t("span", { className: "w6w-step-pill-dot", "aria-hidden": "true" }),
+    /* @__PURE__ */ t("span", { className: "w6w-step-pill-label", children: l })
+  ] });
+}
+const us = "—", he = 1e3, pe = 6e4;
+function $e(e) {
+  return e == null || !Number.isFinite(e) || e < 0 ? us : e < he ? `${Math.round(e)} ms` : e < pe ? `${(e / he).toFixed(1)} s` : `${Math.floor(e / pe)}m ${Math.round(e % pe / he)}s`;
+}
+function X(e) {
+  const s = new Date(e);
+  return Number.isNaN(s.getTime()) ? e : s.toLocaleString(void 0, { dateStyle: "medium", timeStyle: "short" });
+}
+const ws = {
+  function: "Function",
+  endpoint: "Endpoint",
+  workflow: "Workflow"
+};
+function zs({
+  items: e,
+  selectedId: s = null,
+  onSelect: n,
+  showCallable: l = !1,
+  loading: d = !1,
+  emptyLabel: a,
+  hasPrev: r,
+  hasNext: c,
+  onPrev: u,
+  onNext: w
+}) {
+  const h = u || w ? /* @__PURE__ */ o("div", { className: "w6w-execution-list-pager", children: [
+    /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: "w6w-btn w6w-btn-ghost",
+        "data-testid": "execution-list-prev",
+        disabled: !r,
+        onClick: u,
+        children: "Previous"
+      }
+    ),
+    /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: "w6w-btn w6w-btn-ghost",
+        "data-testid": "execution-list-next",
+        disabled: !c,
+        onClick: w,
+        children: "Next"
+      }
+    )
+  ] }) : null;
+  let m;
+  return d && e.length === 0 ? m = /* @__PURE__ */ t("p", { "data-testid": "execution-list-loading", children: "Loading…" }) : e.length === 0 ? m = /* @__PURE__ */ t("p", { "data-testid": "execution-list-empty", children: a ?? "No executions yet." }) : m = /* @__PURE__ */ t("ul", { className: "w6w-execution-list-rows", children: e.map((p) => /* @__PURE__ */ t("li", { "data-testid": "execution-row", "data-execution-id": p.id, children: /* @__PURE__ */ t(
+    Ne,
+    {
+      icon: /* @__PURE__ */ t(Se, { state: p.status }),
+      title: l ? p.callableName : X(p.startedAt),
+      subtitle: l ? `${ws[p.kind]} · ${X(p.startedAt)}` : p.id,
+      trailing: $e(p.durationMs),
+      active: p.id === s,
+      onClick: n ? () => n(p.id) : void 0
+    }
+  ) }, p.id)) }), /* @__PURE__ */ o("div", { className: "w6w-execution-list", "data-testid": "execution-list", children: [
+    m,
+    h
+  ] });
+}
+function ms({
+  steps: e,
+  emptyLabel: s,
+  onDismiss: n,
+  runError: l,
+  stepErrors: d
+}) {
+  const a = n ? /* @__PURE__ */ t("div", { className: "w6w-execution-log-head", children: /* @__PURE__ */ t(L, { label: "Dismiss run log", "data-testid": "execution-log-dismiss", onClick: n, children: "×" }) }) : null, r = d ?? [], c = l || r.length > 0 ? /* @__PURE__ */ o("div", { className: "w6w-execution-log-errors w6w-stack", children: [
+    l && /* @__PURE__ */ t(be, { error: l }),
+    r.map((u, w) => /* @__PURE__ */ t(
+      be,
+      {
+        label: u.label ?? u.stepId,
+        error: u.error
+      },
+      `${u.stepId}:${w}`
+    ))
+  ] }) : null;
+  return e.length === 0 ? /* @__PURE__ */ o(k, { children: [
+    a,
+    c,
+    /* @__PURE__ */ t("div", { className: "w6w-execution-log-empty", children: /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: s ?? "No steps have run yet." }) })
+  ] }) : /* @__PURE__ */ o(k, { children: [
+    a,
+    c,
+    /* @__PURE__ */ t("ol", { className: "w6w-execution-log", children: e.map((u) => /* @__PURE__ */ t(hs, { step: u }, u.id)) })
+  ] });
+}
+function hs({ step: e }) {
+  const [s, n] = v(!1), l = /* @__PURE__ */ o("div", { className: "w6w-execution-log-row-header", children: [
+    /* @__PURE__ */ t(Se, { state: e.status }),
+    /* @__PURE__ */ t("span", { className: "w6w-execution-log-row-label", children: e.label ?? e.id }),
+    /* @__PURE__ */ t(ps, { startedAt: e.startedAt, finishedAt: e.finishedAt })
+  ] }), d = e.error ? /* @__PURE__ */ t(be, { error: e.error }) : null;
+  return e.input === void 0 && e.output === void 0 && !e.meta ? /* @__PURE__ */ o("li", { className: "w6w-execution-log-row", children: [
+    /* @__PURE__ */ t("div", { className: "w6w-section", children: l }),
+    d
+  ] }) : /* @__PURE__ */ o("li", { className: "w6w-execution-log-row", children: [
+    /* @__PURE__ */ o("details", { className: "w6w-section", open: s, onToggle: (a) => n(a.currentTarget.open), children: [
+      /* @__PURE__ */ t("summary", { className: "w6w-section-summary", children: l }),
+      s && /* @__PURE__ */ o("div", { className: "w6w-execution-log-row-body w6w-section-body w6w-stack", children: [
+        /* @__PURE__ */ t(et, { title: "Input", value: e.input }),
+        /* @__PURE__ */ t(et, { title: "Output", value: e.output }),
+        e.meta && /* @__PURE__ */ o("div", { className: "w6w-execution-log-json w6w-stack", children: [
+          /* @__PURE__ */ t("strong", { className: "w6w-small", children: "Metadata" }),
+          /* @__PURE__ */ t(ke, { code: JSON.stringify(e.meta, null, 2), language: "json" })
+        ] })
+      ] })
+    ] }),
+    d
+  ] });
+}
+function be({ error: e, label: s }) {
+  return /* @__PURE__ */ o("div", { className: "w6w-result w6w-error", children: [
+    s !== void 0 && /* @__PURE__ */ t("strong", { className: "w6w-execution-log-error-label", children: s }),
+    e.code && /* @__PURE__ */ t("div", { className: "w6w-small w6w-execution-log-error-code", children: /* @__PURE__ */ t("code", { children: e.code }) }),
+    e.message
+  ] });
+}
+function ps({ startedAt: e, finishedAt: s }) {
+  if (e && s) {
+    const n = fs(e, s);
+    return /* @__PURE__ */ o("span", { className: "w6w-execution-log-timing", children: [
+      e,
+      " → ",
+      s,
+      n && /* @__PURE__ */ o("span", { children: [
+        " (",
+        n,
+        ")"
+      ] })
+    ] });
+  }
+  return e ? /* @__PURE__ */ o("span", { className: "w6w-execution-log-timing", children: [
+    "Started ",
+    e
+  ] }) : /* @__PURE__ */ t("span", { className: "w6w-execution-log-timing", children: "—" });
+}
+function fs(e, s) {
+  const n = Date.parse(e), l = Date.parse(s);
+  if (!Number.isFinite(n) || !Number.isFinite(l) || l < n) return null;
+  const d = l - n;
+  if (d < 1e3) return `${d}ms`;
+  const a = d / 1e3;
+  if (a < 60) return `${a.toFixed(1)}s`;
+  const r = Math.floor(a / 60), c = Math.round(a % 60);
+  return `${r}m ${c}s`;
+}
+function et({ title: e, value: s }) {
+  return /* @__PURE__ */ o("div", { className: "w6w-execution-log-json w6w-stack", children: [
+    /* @__PURE__ */ t("strong", { className: "w6w-small", children: e }),
+    s === void 0 ? /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "Not available." }) : /* @__PURE__ */ t(ke, { code: JSON.stringify(s, null, 2), language: "json" })
+  ] });
+}
+const vs = { status: "", kind: "", from: "", to: "", q: "" }, ys = [
+  { value: "", label: "Any status" },
+  { value: "queued", label: "Queued" },
+  { value: "running", label: "Running" },
+  { value: "succeeded", label: "Succeeded" },
+  { value: "failed", label: "Failed" },
+  { value: "canceled", label: "Canceled" }
+], Ns = [
+  { value: "", label: "Any type" },
+  { value: "function", label: "Function" },
+  { value: "endpoint", label: "Endpoint" },
+  { value: "workflow", label: "Workflow" }
+];
+function Gs({
+  value: e,
+  onChange: s,
+  showKind: n = !1,
+  searchPlaceholder: l = "Search by id or name",
+  disabled: d = !1
+}) {
+  const a = e.status !== "" || e.kind !== "" || e.from !== "" || e.to !== "" || e.q !== "";
+  return /* @__PURE__ */ o("div", { className: "w6w-execution-filters", "data-testid": "execution-filters", children: [
+    /* @__PURE__ */ t(
+      "input",
+      {
+        type: "search",
+        className: "w6w-execution-filters-search",
+        "data-testid": "execution-filter-q",
+        "aria-label": "Search executions",
+        placeholder: l,
+        value: e.q,
+        disabled: d,
+        onChange: (r) => s({ ...e, q: r.target.value })
+      }
+    ),
+    /* @__PURE__ */ t(
+      "select",
+      {
+        className: "w6w-execution-filters-select",
+        "data-testid": "execution-filter-status",
+        "aria-label": "Status",
+        value: e.status,
+        disabled: d,
+        onChange: (r) => s({ ...e, status: r.target.value }),
+        children: ys.map((r) => /* @__PURE__ */ t("option", { value: r.value, children: r.label }, r.value))
+      }
+    ),
+    n && /* @__PURE__ */ t(
+      "select",
+      {
+        className: "w6w-execution-filters-select",
+        "data-testid": "execution-filter-kind",
+        "aria-label": "Type",
+        value: e.kind,
+        disabled: d,
+        onChange: (r) => s({ ...e, kind: r.target.value }),
+        children: Ns.map((r) => /* @__PURE__ */ t("option", { value: r.value, children: r.label }, r.value))
+      }
+    ),
+    /* @__PURE__ */ t(
+      "input",
+      {
+        type: "date",
+        className: "w6w-execution-filters-date",
+        "data-testid": "execution-filter-from",
+        "aria-label": "From date",
+        value: e.from,
+        disabled: d,
+        onChange: (r) => s({ ...e, from: r.target.value })
+      }
+    ),
+    /* @__PURE__ */ t(
+      "input",
+      {
+        type: "date",
+        className: "w6w-execution-filters-date",
+        "data-testid": "execution-filter-to",
+        "aria-label": "To date",
+        value: e.to,
+        disabled: d,
+        onChange: (r) => s({ ...e, to: r.target.value })
+      }
+    ),
+    a && /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: "w6w-btn w6w-btn-ghost w6w-execution-filters-clear",
+        "data-testid": "execution-filter-clear",
+        disabled: d,
+        onClick: () => s({ ...vs }),
+        children: "Clear"
+      }
+    )
+  ] });
+}
+const Y = "—";
+function Qs({ stats: e, label: s }) {
+  const n = [
+    {
+      testid: "execution-stat-total",
+      label: "Executions",
+      value: e ? String(e.total) : Y
+    },
+    {
+      testid: "execution-stat-success-rate",
+      label: "Success rate",
+      value: gs(e == null ? void 0 : e.successRate)
+    },
+    {
+      testid: "execution-stat-failed",
+      label: "Failed",
+      value: e ? String(e.failed) : Y
+    },
+    {
+      testid: "execution-stat-avg-duration",
+      label: "Avg duration",
+      value: e ? $e(e.avgDurationMs) : Y
+    }
+  ];
+  return e && e.inFlight > 0 && n.push({
+    testid: "execution-stat-in-flight",
+    label: "In flight",
+    value: String(e.inFlight)
+  }), /* @__PURE__ */ o("section", { className: "w6w-execution-stats", "data-testid": "execution-stats", children: [
+    s != null && /* @__PURE__ */ t("p", { className: "w6w-execution-stats-label", children: s }),
+    /* @__PURE__ */ t("div", { className: "w6w-execution-stats-cards", children: n.map((l) => /* @__PURE__ */ o("div", { className: "w6w-execution-stat", "data-testid": l.testid, children: [
+      /* @__PURE__ */ t("span", { className: "w6w-execution-stat-value", "data-stat-value": l.value, children: l.value }),
+      /* @__PURE__ */ t("span", { className: "w6w-execution-stat-label", children: l.label })
+    ] }, l.testid)) })
+  ] });
+}
+function gs(e) {
+  return e == null || !Number.isFinite(e) ? Y : `${Math.round(e * 100)}%`;
+}
+const bs = {
+  function: "Function",
+  endpoint: "Endpoint",
+  workflow: "Workflow"
+};
+function ks(e) {
+  return JSON.stringify(e, null, 2) ?? "null";
+}
+function Ys({
+  execution: e,
+  loading: s = !1,
+  errorMessage: n,
+  onClose: l,
+  onOpenInEditor: d
+}) {
+  return /* @__PURE__ */ o("section", { className: "w6w-execution-detail w6w-stack", "data-testid": "execution-detail", children: [
+    n != null && /* @__PURE__ */ t(
+      "p",
+      {
+        role: "alert",
+        className: "w6w-execution-detail-error-message",
+        "data-testid": "execution-detail-error-message",
+        children: n
+      }
+    ),
+    e ? /* @__PURE__ */ t(xs, { execution: e, onClose: l, onOpenInEditor: d }) : s ? /* @__PURE__ */ t("p", { className: "w6w-muted", "data-testid": "execution-detail-loading", children: "Loading…" }) : /* @__PURE__ */ t("p", { className: "w6w-muted", "data-testid": "execution-detail-empty", children: "No execution selected." })
+  ] });
+}
+function xs({
+  execution: e,
+  onClose: s,
+  onOpenInEditor: n
+}) {
+  return /* @__PURE__ */ o(k, { children: [
+    /* @__PURE__ */ o("div", { className: "w6w-execution-detail-head", children: [
+      /* @__PURE__ */ o("div", { className: "w6w-execution-detail-title", children: [
+        /* @__PURE__ */ t("h3", { className: "w6w-execution-detail-name", children: e.callableName }),
+        /* @__PURE__ */ o("div", { className: "w6w-execution-detail-meta", children: [
+          /* @__PURE__ */ t(Se, { state: e.status }),
+          /* @__PURE__ */ t("span", { className: "w6w-execution-detail-kind w6w-muted w6w-small", children: bs[e.kind] })
+        ] })
+      ] }),
+      (n || s) && /* @__PURE__ */ o("div", { className: "w6w-execution-detail-actions", children: [
+        n && /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "w6w-btn w6w-btn-ghost",
+            "data-testid": "execution-detail-open-editor",
+            onClick: n,
+            children: "Open in visual editor"
+          }
+        ),
+        s && /* @__PURE__ */ t(L, { label: "Close", "data-testid": "execution-detail-close", onClick: s, children: "×" })
+      ] })
+    ] }),
+    /* @__PURE__ */ t("p", { className: "w6w-execution-detail-id-line", children: /* @__PURE__ */ t("code", { className: "w6w-execution-detail-id", "data-testid": "execution-detail-id", children: e.id }) }),
+    /* @__PURE__ */ o("dl", { className: "w6w-execution-detail-timing", children: [
+      /* @__PURE__ */ t(fe, { label: "Started", value: X(e.startedAt) }),
+      /* @__PURE__ */ t(
+        fe,
+        {
+          label: "Finished",
+          value: e.finishedAt ? X(e.finishedAt) : "—"
+        }
+      ),
+      /* @__PURE__ */ t(fe, { label: "Duration", value: $e(e.durationMs) })
+    ] }),
+    e.steps !== void 0 && /* @__PURE__ */ o(
+      "section",
+      {
+        className: "w6w-execution-detail-section w6w-stack",
+        "data-testid": "execution-detail-steps",
+        children: [
+          /* @__PURE__ */ t("strong", { className: "w6w-small", children: "Steps" }),
+          /* @__PURE__ */ t(ms, { steps: e.steps, emptyLabel: "No steps ran." })
+        ]
+      }
+    ),
+    e.input !== void 0 && /* @__PURE__ */ t(ve, { title: "Input", testid: "execution-detail-input", value: e.input }),
+    e.output !== void 0 && /* @__PURE__ */ t(ve, { title: "Output", testid: "execution-detail-output", value: e.output }),
+    e.error != null && /* @__PURE__ */ t(ve, { title: "Error", testid: "execution-detail-error", value: e.error })
+  ] });
+}
+function fe({ label: e, value: s }) {
+  return /* @__PURE__ */ o("div", { className: "w6w-execution-detail-timing-item", children: [
+    /* @__PURE__ */ t("dt", { children: e }),
+    /* @__PURE__ */ t("dd", { children: s })
+  ] });
+}
+function ve({ title: e, testid: s, value: n }) {
+  return /* @__PURE__ */ o("section", { className: "w6w-execution-detail-section w6w-stack", "data-testid": s, children: [
+    /* @__PURE__ */ t("strong", { className: "w6w-small", children: e }),
+    /* @__PURE__ */ t(ke, { code: ks(n), language: "json" })
+  ] });
+}
+export {
+  Ps as ActionTestForm,
+  en as AddConnectionModal,
+  Wt as ApiCallsPanel,
+  ce as ApiError,
+  tn as AppIcon,
+  sn as AppPicker,
+  nn as AuthFieldsForm,
+  ke as CodeBlock,
+  an as CodeEditor,
+  _t as Combobox,
+  Pt as ConfirmModal,
+  qt as Copyable,
+  Us as CopyableText,
+  Ws as DeleteButton,
+  Ks as EditButton,
+  Ys as ExecutionDetail,
+  Gs as ExecutionFilters,
+  zs as ExecutionList,
+  ms as ExecutionLogPanel,
+  Qs as ExecutionStats,
+  rn as ExpressionInput,
+  ln as ExpressionOptionsProvider,
+  Fs as HealthStatusPill,
+  js as HistoryTimeline,
+  ze as Icon,
+  L as IconButton,
+  qs as InfoTip,
+  z as JsonEditor,
+  Ne as ListItem,
+  Ve as Modal,
+  on as NodeConfigForm,
+  Mt as ParamsForm,
+  cn as PropertyEntryForm,
+  Vs as RepoSyncIndicator,
+  dn as RetryPolicyFields,
+  Hs as ServerResourcesBadge,
+  Bs as ServerResourcesCard,
+  Js as ServerResourcesCardSmall,
+  Ds as ServerResourcesRail,
+  un as StepBuilderModal,
+  Se as StepStatusPill,
+  Ls as UptimeStrip,
+  wn as W6WUIProvider,
+  Is as YamlEditor,
+  _s as createW6WApi,
+  Qt as cropText,
+  mn as filterOptions,
+  $e as formatDurationMs,
+  X as formatExecutionTime,
+  xn as iconNames,
+  hn as isExprValue,
+  pn as isSecretValue,
+  fn as isTestRequired,
+  vn as requiredParamsFilled,
+  yn as shouldUseCombobox,
+  Nn as startOAuthPopup,
+  gn as useEnterSubmit,
+  bn as useExpressionOptions,
+  Et as useW6WApi
+};
+//# sourceMappingURL=index.mjs.map