@w6w/ui 0.1.0 → 0.2.0

package/dist/index.mjs

@@ -1,43 +1,44 @@
-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");
+"use client";
+var jt = Object.defineProperty;
+var Kt = (e, n, a) => n in e ? jt(e, n, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[n] = a;
+var ne = (e, n, a) => Kt(e, typeof n != "symbol" ? n + "" : n, a);
+import { j as ut, a0 as Wt, J as ae, ab as qt, M as Ae, L as Ht, l as zt, am as z, Q as de, an as Vt, ao as Yt } from "./ConfirmModal-Wx3i8F1n.js";
+import { aa as Oa, a9 as Ma, ap as Ia, aq as Ea, H as Pa, a1 as _a, a8 as La, ar as Ua, S as Da, as as Ba, at as Fa, au as Ja, av as ja, aw as Ka, Y as Wa, ax as qa, ay as Ha, u as za } from "./ConfirmModal-Wx3i8F1n.js";
+import { jsxs as l, jsx as t, Fragment as C } from "react/jsx-runtime";
+import { useMemo as Te, useState as y, useEffect as q, useId as Gt, useRef as Qt } from "react";
+import { C as Me } from "./CodeBlock-Dot3Pd7P.js";
+import { yaml as Zt } from "@codemirror/lang-yaml";
+import { EditorView as Xt } from "@codemirror/view";
+import en from "@uiw/react-codemirror";
+import { u as tn, a as nn, b as an, C as sn, I as et } from "./Copyable-1niV9gUa.js";
+import { i as Ya } from "./Copyable-1niV9gUa.js";
+class se extends Error {
+  constructor(a, i, c, r) {
+    super(c);
+    ne(this, "status");
+    ne(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;
+    ne(this, "body");
+    this.name = "ApiError", this.status = a, this.code = i, this.body = r;
   }
 }
-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");
+function ra(e) {
+  const n = e.baseUrl.replace(/\/$/, ""), a = e.fetch ?? globalThis.fetch, i = async () => typeof e.token == "function" ? await e.token() : e.token;
+  async function c(s, o) {
+    const u = new Headers(o == null ? void 0 : o.headers), w = await i();
+    w && u.set("authorization", `Bearer ${w}`), o != null && o.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(
+      h = await a(`${n}${s}`, { ...o, headers: u });
+    } catch (g) {
+      throw new se(
         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})`
+        `Could not reach the w6w server (${(o == null ? void 0 : o.method) ?? "GET"} ${n}${s}). It may be down or unreachable. (${g.message})`
       );
     }
     const m = await h.text();
@@ -47,66 +48,82 @@ function _s(e) {
         p = JSON.parse(m);
       } catch {
         if (!h.ok)
-          throw new ce(
+          throw new se(
             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);
+      const g = (p == null ? void 0 : p.error) ?? {};
+      throw new se(h.status, g.code ?? "error", g.message ?? h.statusText, p);
     }
     return { status: h.status, data: p };
   }
-  async function a(r, c) {
-    const { data: u } = await d(r, c);
+  async function r(s, o) {
+    const { data: u } = await c(s, o);
     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.
+    // of this client treats the result as the complete catalog, so walk one
+    // server snapshot by `nextCursor` (opaque; the cursor encodes the
+    // snapshot, so `snapshot`/`offset` are never sent). No page cap: the walk
+    // ends when the cursor is absent or fails to advance. If the snapshot
+    // expired mid-walk (410 `snapshot_expired` / 404 `unknown_snapshot`, alike
+    // to a token holder), drop what was gathered and restart once.
     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;
+      const s = async () => {
+        const o = [];
+        let u;
+        for (; ; ) {
+          const w = new URLSearchParams({ limit: "200" });
+          u && w.set("cursor", u);
+          const h = await r(`/apps?${w}`);
+          if (o.push(...h.apps), !h.nextCursor || h.nextCursor === u) return o;
+          u = h.nextCursor;
+        }
+      };
+      try {
+        return await s();
+      } catch (o) {
+        if (o instanceof se && (o.code === "snapshot_expired" || o.code === "unknown_snapshot"))
+          return await s();
+        throw o;
       }
-      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}`);
+    listAppsByIds: async (s) => {
+      const o = Array.from(new Set(s)), u = [];
+      for (let w = 0; w < o.length; w += 100) {
+        const m = o.slice(w, w + 100).map(encodeURIComponent).join(","), p = await r(`/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`, {
+    getAppAuth: async (s) => (await r(`/apps/${encodeURIComponent(s)}/auths`)).auths ?? [],
+    createConnection: (s, o) => r(`/apps/${encodeURIComponent(s)}/connections`, {
       method: "POST",
-      body: JSON.stringify(c)
+      body: JSON.stringify(o)
     }).then((u) => u.connection),
-    startAppOAuthFlow: (r, c, u) => a(
-      `/apps/${encodeURIComponent(r)}/oauth-config/${encodeURIComponent(c)}/authorize-url`,
+    updateConnection: (s, o) => r(`/connections/${encodeURIComponent(s)}`, {
+      method: "PATCH",
+      body: JSON.stringify(o)
+    }).then((u) => u.connection),
+    startAppOAuthFlow: (s, o, u) => r(
+      `/apps/${encodeURIComponent(s)}/oauth-config/${encodeURIComponent(o)}/authorize-url`,
       { method: "POST", body: JSON.stringify(u) }
     ),
-    getAppActions: (r) => a(`/apps/${encodeURIComponent(r)}`).then(
-      (c) => c.actions ?? []
+    getAppActions: (s) => r(`/apps/${encodeURIComponent(s)}`).then(
+      (o) => o.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`,
+    listConnectionsForApp: (s) => r(
+      `/apps/${encodeURIComponent(s)}/connections`
+    ).then((o) => o.connections ?? []),
+    listConnections: () => r("/connections").then((s) => s.connections ?? []),
+    invokeAction: (s, o, u, w = {}) => r(
+      `/apps/${encodeURIComponent(s)}/actions/${encodeURIComponent(o)}/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
@@ -125,69 +142,69 @@ function _s(e) {
         })
       }
     ),
-    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) }
+    listSavedTests: (s) => r(
+      `/connections/${encodeURIComponent(s)}/saved-tests`
+    ).then((o) => o.savedTests ?? []),
+    createSavedTest: (s, o) => r(
+      `/connections/${encodeURIComponent(s)}/saved-tests`,
+      { method: "POST", body: JSON.stringify(o) }
     ).then((u) => u.savedTest),
-    updateSavedTest: (r, c, u) => a(
-      `/connections/${encodeURIComponent(r)}/saved-tests/${encodeURIComponent(c)}`,
+    updateSavedTest: (s, o, u) => r(
+      `/connections/${encodeURIComponent(s)}/saved-tests/${encodeURIComponent(o)}`,
       { method: "PATCH", body: JSON.stringify(u) }
     ).then((w) => w.savedTest),
-    deleteSavedTest: (r, c) => a(
-      `/connections/${encodeURIComponent(r)}/saved-tests/${encodeURIComponent(c)}`,
+    deleteSavedTest: (s, o) => r(
+      `/connections/${encodeURIComponent(s)}/saved-tests/${encodeURIComponent(o)}`,
       { method: "DELETE" }
     ).then(() => {
     }),
-    recordTestRun: (r, c) => a(`/connections/${encodeURIComponent(r)}/test-runs`, {
+    recordTestRun: (s, o) => r(`/connections/${encodeURIComponent(s)}/test-runs`, {
       method: "POST",
-      body: JSON.stringify(c)
+      body: JSON.stringify(o)
     }).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`,
+    listTestRuns: (s) => r(
+      `/connections/${encodeURIComponent(s)}/test-runs`
+    ).then((o) => o.runs ?? []),
+    saveStepTest: (s, o, u) => r(
+      `/workflows/${encodeURIComponent(s)}/steps/${encodeURIComponent(o)}/tests`,
       { method: "POST", body: JSON.stringify(u) }
     ).then((w) => w.stepTest),
-    listStepTests: (r, c) => a(
-      `/workflows/${encodeURIComponent(r)}/steps/${encodeURIComponent(c)}/tests`
+    listStepTests: (s, o) => r(
+      `/workflows/${encodeURIComponent(s)}/steps/${encodeURIComponent(o)}/tests`
     ).then((u) => u.stepTests ?? []),
-    recordStepTestRun: (r, c, u) => a(
-      `/workflows/${encodeURIComponent(r)}/steps/${encodeURIComponent(c)}/test-runs`,
+    recordStepTestRun: (s, o, u) => r(
+      `/workflows/${encodeURIComponent(s)}/steps/${encodeURIComponent(o)}/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 })),
+    listFunctions: () => r("/functions").then((s) => s.functions ?? []),
+    getFunction: (s) => r(
+      `/functions/${encodeURIComponent(s)}`
+    ).then((o) => ({ ...o.function, valid: o.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`, {
+    invokeFunction: (s, o) => r(`/functions/${encodeURIComponent(s)}/invoke`, {
       method: "POST",
-      body: JSON.stringify({ inputs: c })
+      body: JSON.stringify({ inputs: o })
     }).then((u) => u.output),
-    listWorkflows: () => a("/workflows").then((r) => r.workflows ?? []),
-    getWorkflow: (r) => a(`/workflows/${encodeURIComponent(r)}`).then(
-      (c) => c.workflow
+    listWorkflows: () => r("/workflows").then((s) => s.workflows ?? []),
+    getWorkflow: (s) => r(`/workflows/${encodeURIComponent(s)}`).then(
+      (o) => o.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`, {
+    runWorkflow: (s, o = {}) => c(`/workflows/${encodeURIComponent(s)}/run?wait=true`, {
       method: "POST",
-      body: JSON.stringify({ variables: c.variables, input: c.input })
+      body: JSON.stringify({ variables: o.variables, input: o.input })
     }).then(({ status: u, data: w }) => ({ ...w ?? {}, terminal: u === 200 }))
   };
 }
-function Ge(e) {
+function tt(e) {
   if (!e) return "";
   try {
     return JSON.stringify(JSON.parse(e), null, 2);
@@ -195,308 +212,319 @@ function Ge(e) {
     return e;
   }
 }
-function Kt(e, s) {
-  return `${e.method}-${e.url ?? e.host}-${s}`;
+function ln(e, n) {
+  return `${e.method}-${e.url ?? e.host}-${n}`;
 }
-function Wt({ calls: e, defaultOpen: s, keyOf: n, title: l }) {
+function rn({ calls: e, defaultOpen: n, keyOf: a, title: i }) {
   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: [
+  const c = a ?? ln;
+  return /* @__PURE__ */ l("div", { className: "w6w-stack", style: { gap: 4 }, children: [
+    i !== !1 && /* @__PURE__ */ t("strong", { className: "w6w-small", children: i ?? /* @__PURE__ */ l(C, { children: [
       "API ",
       e.length === 1 ? "call" : "calls",
       " (",
       e.length,
       ")"
     ] }) }),
-    e.map((a, r) => /* @__PURE__ */ o(
+    e.map((r, s) => /* @__PURE__ */ l(
       "details",
       {
-        open: s,
+        open: n,
         className: "w6w-result",
         style: { padding: 8 },
         children: [
-          /* @__PURE__ */ t("summary", { style: { cursor: "pointer" }, children: /* @__PURE__ */ o("span", { className: "w6w-small", children: [
-            a.method,
+          /* @__PURE__ */ t("summary", { style: { cursor: "pointer" }, children: /* @__PURE__ */ l("span", { className: "w6w-small", children: [
+            r.method,
             " ",
-            a.url ?? a.host,
+            r.url ?? r.host,
             " →",
             " ",
-            /* @__PURE__ */ t("strong", { children: a.error ? "failed" : a.status }),
-            a.durationMs !== void 0 && /* @__PURE__ */ o("span", { className: "w6w-muted", children: [
+            /* @__PURE__ */ t("strong", { children: r.error ? "failed" : r.status }),
+            r.durationMs !== void 0 && /* @__PURE__ */ l("span", { className: "w6w-muted", children: [
               " · ",
-              a.durationMs,
+              r.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__ */ l("div", { className: "w6w-stack", style: { gap: 6, marginTop: 8 }, children: [
+            r.error && /* @__PURE__ */ t("div", { className: "w6w-error w6w-small", children: r.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("pre", { className: "w6w-result", children: JSON.stringify(r.requestHeaders ?? {}, null, 2) }),
+            r.requestBody && /* @__PURE__ */ l(C, { children: [
               /* @__PURE__ */ t("div", { className: "w6w-muted w6w-small", children: "Request body" }),
-              /* @__PURE__ */ t("pre", { className: "w6w-result", children: Ge(a.requestBody) })
+              /* @__PURE__ */ t("pre", { className: "w6w-result", children: tt(r.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("pre", { className: "w6w-result", children: JSON.stringify(r.responseHeaders ?? {}, null, 2) }),
+            r.responseBody && /* @__PURE__ */ l(C, { children: [
               /* @__PURE__ */ t("div", { className: "w6w-muted w6w-small", children: "Response body" }),
-              /* @__PURE__ */ t("pre", { className: "w6w-result", children: Ge(a.responseBody) })
+              /* @__PURE__ */ t("pre", { className: "w6w-result", children: tt(r.responseBody) })
             ] }),
-            a.truncated && /* @__PURE__ */ t("div", { className: "w6w-muted w6w-small", children: "A captured body exceeded the size cap and was truncated." })
+            r.truncated && /* @__PURE__ */ t("div", { className: "w6w-muted w6w-small", children: "A captured body exceeded the size cap and was truncated." })
           ] })
         ]
       },
-      d(a, r)
+      c(r, s)
     ))
   ] });
 }
-function Ne({
+function H({
   title: e,
-  subtitle: s,
-  icon: n,
-  trailing: l,
-  active: d = !1,
-  onClick: a,
-  ariaLabel: r
+  subtitle: n,
+  icon: a,
+  trailing: i,
+  active: c = !1,
+  onClick: r,
+  href: s,
+  ariaLabel: o
 }) {
-  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: [
+  const u = /* @__PURE__ */ l(C, { children: [
+    a != null && /* @__PURE__ */ t("span", { className: "w6w-list-item-icon", children: a }),
+    /* @__PURE__ */ l("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 })
+      n != null && /* @__PURE__ */ t("span", { className: "w6w-list-item-subtitle", children: n })
     ] }),
-    l != null && /* @__PURE__ */ t("span", { className: "w6w-list-item-trailing", children: l })
-  ] }), u = `w6w-list-item${d ? " active" : ""}`;
-  return a ? /* @__PURE__ */ t(
+    i != null && /* @__PURE__ */ t("span", { className: "w6w-list-item-trailing", children: i })
+  ] }), w = `w6w-list-item${c ? " active" : ""}`;
+  return s !== void 0 ? /* @__PURE__ */ t(
+    "a",
+    {
+      className: w,
+      href: s,
+      "aria-current": c ? "true" : void 0,
+      "aria-label": o,
+      onClick: r,
+      children: u
+    }
+  ) : r ? /* @__PURE__ */ t(
     "button",
     {
       type: "button",
-      className: u,
-      "aria-pressed": d,
-      "aria-label": r,
-      onClick: a,
-      children: c
+      className: w,
+      "aria-pressed": c,
+      "aria-label": o,
+      onClick: r,
+      children: u
     }
-  ) : /* @__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)
+  ) : /* @__PURE__ */ t("div", { className: w, "aria-label": o, children: u });
+}
+function ye(e) {
+  const n = Date.parse(e);
+  if (Number.isNaN(n)) return "";
+  const a = Math.max(0, Math.round((Date.now() - n) / 1e3));
+  if (a < 45) return "just now";
+  const i = Math.round(a / 60);
+  if (i < 60) return `${i}m ago`;
+  const c = Math.round(i / 60);
+  if (c < 24) return `${c}h ago`;
+  const r = Math.round(c / 24);
+  return r < 7 ? `${r}d ago` : new Date(n).toLocaleDateString();
+}
+function nt(e) {
+  const n = {};
+  for (const a of (e == null ? void 0 : e.params) ?? [])
+    a.key && a.default !== void 0 && (n[a.key] = a.default);
+  return n;
+}
+function on(e) {
+  var a, i, c;
+  const n = e.indexOf("{");
+  if (n >= 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();
+      const r = JSON.parse(e.slice(n)), s = ((i = (a = r == null ? void 0 : r.errors) == null ? void 0 : a[0]) == null ? void 0 : i.message) ?? (typeof (r == null ? void 0 : r.error) == "object" ? (c = r.error) == null ? void 0 : c.message : r == null ? void 0 : r.error) ?? (r == null ? void 0 : r.message);
+      if (typeof s == "string" && s.trim()) {
+        const o = e.slice(0, n).replace(/[:\s]+$/, "");
+        return o ? `${o}: ${s.trim()}` : s.trim();
       }
     } catch {
     }
   return e;
 }
-function tt(e) {
+function wt(e) {
   return typeof e == "object" && e !== null && typeof e.status == "number" && typeof e.code == "string";
 }
-function zt(e) {
-  if (!tt(e))
+function cn(e) {
+  if (!wt(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();
+  const n = on(e.message ?? ""), a = `${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
+    a
   ) ? {
     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();
+    detail: n
+  } : { headline: "The action returned an error.", detail: n };
+}
+function dn(e) {
+  const n = wt(e) ? e.body ?? e.raw : null;
+  return (n == null ? void 0 : n.apiCalls) ?? [];
+}
+function ge() {
+  const [e, n] = y(""), [a, i] = y(void 0), [c, r] = y(!1);
+  return { text: e, value: a, invalid: c, onChange: (o) => {
+    n(o);
+    const u = o.trim();
     if (u === "") {
-      a(!1);
+      r(!1);
       return;
     }
     try {
       const w = JSON.parse(u);
-      w !== null && typeof w == "object" && !Array.isArray(w) ? (l(w), a(!1)) : a(!0);
+      w !== null && typeof w == "object" && !Array.isArray(w) ? (i(w), r(!1)) : r(!0);
     } catch {
-      a(!0);
+      r(!0);
     }
   } };
 }
-function Ps({
+function oa({
   appId: e,
-  actions: s,
-  connectionId: n,
-  action: l,
-  seedValues: d,
-  onSavedTestsChanged: a,
-  seedTestId: r,
-  onDirtyChange: c,
+  actions: n,
+  connectionId: a,
+  action: i,
+  seedValues: c,
+  onSavedTestsChanged: r,
+  seedTestId: s,
+  onDirtyChange: o,
   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([]);
+  var Qe;
+  const m = ut(), p = Te(() => {
+    const d = [...n];
+    return d.sort((b, I) => (b.title || b.key).localeCompare(I.title || I.key)), d;
+  }, [n]), [g, S] = y((i == null ? void 0 : i.key) ?? ""), v = i ?? n.find((d) => d.key === g) ?? null, [f, A] = y(!1), [T, R] = y(null), [O, k] = y(void 0), [$, N] = y([]), x = ge(), _ = ge(), E = ge(), [ue, Nt] = y(""), [we, vt] = y(""), Le = x.invalid || _.invalid || E.invalid, yt = () => {
+    const d = {};
+    return x.text.trim() !== "" && x.value !== void 0 && (d.body = x.value), _.text.trim() !== "" && _.value !== void 0 && (d.query = _.value), E.text.trim() !== "" && E.value !== void 0 && (d.headers = E.value), ue && (d.target = ue), we.trim() !== "" && (d.match = we.trim()), Object.keys(d).length > 0 ? d : void 0;
+  }, [J, me] = y("form"), [gt, Ue] = y(""), [bt, De] = y(!1), [B, Be] = y(!1), P = (v == null ? void 0 : v.key) ?? null, Fe = c ? { ...c } : nt(v), [Je, G] = y(() => ({
+    key: P,
+    values: Fe
+  })), [L, j] = y(s ?? null), [je, Q] = y(Fe);
+  if (Je.key !== P) {
+    const d = nt(v);
+    G({ key: P, values: d }), Q(d), j(s ?? null), R(null), k(void 0), N([]);
   }
-  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 [kt, xt] = y(s);
+  s !== kt && (xt(s), j(s ?? null));
+  const [Ke, St] = y(c);
+  if (c !== Ke) {
+    const d = JSON.stringify(c ?? null) !== JSON.stringify(Ke ?? null);
+    if (St(c), c && d) {
+      const b = { ...c };
+      G({ key: P, values: b }), Q(b), R(null), k(void 0), N([]);
     }
   }
-  const S = Pe.values, Fe = (i) => D({ key: b, values: i }), Le = ye(
-    () => JSON.stringify(S) !== JSON.stringify(Ie),
-    [S, Ie]
+  const U = Je.values, We = (d) => G({ key: P, values: d }), qe = Te(
+    () => JSON.stringify(U) !== JSON.stringify(je),
+    [U, je]
   );
-  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();
+  q(() => {
+    o == null || o(qe);
+  }, [qe]);
+  const Ct = () => {
+    Ue(JSON.stringify(U, null, 2)), De(!1), me("json");
+  }, $t = async (d) => {
+    if (!v || Le) return;
+    const b = v.key;
+    A(!0), R(null), k(void 0), N([]);
+    let I;
+    const Ze = yt();
     try {
-      const M = await m.invokeAction(e, f, i, {
-        connectionId: n,
-        ...Ke ? { overrides: Ke } : {}
+      const F = await m.invokeAction(e, b, d, {
+        connectionId: a,
+        ...Ze ? { overrides: Ze } : {}
       });
-      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 };
+      k(F.value), N(F.apiCalls ?? []), I = { ok: !0, summary: "OK", result: F.value };
+    } catch (F) {
+      const Xe = cn(F);
+      R(Xe), N(dn(F)), I = { ok: !1, summary: Xe.headline };
     } finally {
-      Oe(!1);
+      A(!1);
     }
-    if (n)
+    if (a)
       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();
+        await m.recordTestRun(a, {
+          savedTestId: L ?? null,
+          actionKey: b,
+          ok: I.ok,
+          summary: I.summary.slice(0, 200),
+          result: I.result
+        }), Ne(), _t(), r == null || r();
       } 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);
+  }, At = () => $t(U), [Z, He] = y(null), [X, K] = y(null), [Tt, Rt] = y(0), [Ot, ee] = y(!1), [he, pe] = y(""), [Mt, fe] = y(!1), Ne = () => Rt((d) => d + 1);
+  q(() => {
+    if (!a) {
+      He(null);
       return;
     }
-    let i = !1;
-    return F(null), m.listSavedTests(n).then((f) => !i && Be(f)).catch((f) => !i && F(f.message)), () => {
-      i = !0;
+    let d = !1;
+    return K(null), m.listSavedTests(a).then((b) => !d && He(b)).catch((b) => !d && K(b.message)), () => {
+      d = !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);
+  }, [m, a, Tt]);
+  const ze = P ? (Z ?? []).filter((d) => d.actionKey === P) : [], [It, ve] = y(null), [Et, Pt] = y(0), _t = () => Pt((d) => d + 1);
+  q(() => {
+    const d = m.listTestRuns;
+    if (!a || !d) {
+      ve(null);
       return;
     }
-    let f = !1;
-    return i(n).then((g) => !f && oe(g)).catch(() => !f && oe(null)), () => {
-      f = !0;
+    let b = !1;
+    return d(a).then((I) => !b && ve(I)).catch(() => !b && ve(null)), () => {
+      b = !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))
+  }, [m, a, Et]);
+  const Ve = P ? (It ?? []).filter((d) => d.actionKey === P).slice().sort((d, b) => Date.parse(b.occurredAt) - Date.parse(d.occurredAt)) : [], Lt = () => {
+    !a || !v || (pe(""), K(null), ee(!0));
+  }, Ut = () => {
+    !a || !v || (L ? Ye() : Lt());
+  }, Ye = async () => {
+    if (!(!a || !v))
       try {
-        let i;
-        if (x)
-          i = await m.updateSavedTest(n, x, { values: S });
+        let d;
+        if (L)
+          d = await m.updateSavedTest(a, L, { values: U });
         else {
-          const f = ae.trim();
-          if (!f) return;
-          i = await m.createSavedTest(n, {
-            actionKey: y.key,
-            name: f,
-            values: S
-          }), U(i.id);
+          const b = he.trim();
+          if (!b) return;
+          d = await m.createSavedTest(a, {
+            actionKey: v.key,
+            name: b,
+            values: U
+          }), j(d.id);
         }
-        H({ ...S }), K(!1), re(""), ie(), a == null || a(), u == null || u(i);
-      } catch (i) {
-        F(i.message);
+        Q({ ...U }), ee(!1), pe(""), Ne(), r == null || r(), u == null || u(d);
+      } catch (d) {
+        K(d.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;
+  }, Dt = (d) => {
+    const b = { ...d.values };
+    G({ key: P, values: b }), Q(b), j(d.id), me("form"), R(null), k(void 0), N([]);
+  }, Bt = async () => {
+    if (!a || !L) return;
+    const d = L;
     try {
-      await m.deleteSavedTest(n, i), U(null), ie(), a == null || a(), w == null || w(i);
-    } catch (f) {
-      F(f.message);
+      await m.deleteSavedTest(a, d), j(null), Ne(), r == null || r(), w == null || w(d);
+    } catch (b) {
+      K(b.message);
     }
-  }, Ot = /* @__PURE__ */ o("div", { className: "w6w-stack", style: { gap: "var(--w6w-sp-1-5)" }, children: [
-    /* @__PURE__ */ o(
+  }, Ft = /* @__PURE__ */ l("div", { className: "w6w-stack", style: { gap: "var(--w6w-sp-1-5)" }, children: [
+    /* @__PURE__ */ l(
       "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__ */ l("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"),
+                className: `w6w-btn w6w-btn-sm w6w-btn-ghost${J === "form" ? " active" : ""}`,
+                "aria-pressed": J === "form",
+                onClick: () => me("form"),
                 children: "Form"
               }
             ),
@@ -504,9 +532,9 @@ function Ps({
               "button",
               {
                 type: "button",
-                className: `w6w-btn w6w-btn-sm w6w-btn-ghost${I === "json" ? " active" : ""}`,
-                "aria-pressed": I === "json",
-                onClick: wt,
+                className: `w6w-btn w6w-btn-sm w6w-btn-ghost${J === "json" ? " active" : ""}`,
+                "aria-pressed": J === "json",
+                onClick: Ct,
                 children: "JSON"
               }
             ),
@@ -515,86 +543,86 @@ function Ps({
               {
                 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 ? "⤡" : "⤢"
+                "aria-pressed": B,
+                title: B ? "Collapse the params editor" : "Open the params editor in a larger view",
+                "aria-label": B ? "Collapse the params editor" : "Open the params editor in a larger view",
+                onClick: () => Be((d) => !d),
+                children: B ? "⤡" : "⤢"
               }
             )
           ] })
         ]
       }
     ),
-    I === "form" ? /* @__PURE__ */ t(Mt, { params: (y == null ? void 0 : y.params) ?? [], values: S, onChange: Fe }) : /* @__PURE__ */ o(k, { children: [
+    J === "form" ? /* @__PURE__ */ t(Wt, { params: (v == null ? void 0 : v.params) ?? [], values: U, onChange: We }) : /* @__PURE__ */ l(C, { children: [
       /* @__PURE__ */ t(
-        z,
+        ae,
         {
-          value: it,
-          onChange: Ae,
-          minHeight: T ? "50vh" : "200px",
+          value: gt,
+          onChange: Ue,
+          minHeight: B ? "50vh" : "200px",
           "aria-label": "Params JSON",
-          onValidChange: (i) => {
-            i !== null && typeof i == "object" && !Array.isArray(i) && Fe(i);
+          onValidChange: (d) => {
+            d !== null && typeof d == "object" && !Array.isArray(d) && We(d);
           },
-          onValidityChange: ({ valid: i }) => Ee(!i)
+          onValidityChange: ({ valid: d }) => De(!d)
         }
       ),
-      ot && /* @__PURE__ */ t("span", { className: "w6w-hint", style: { color: "var(--w6w-danger)" }, children: "Invalid JSON" })
+      bt && /* @__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: [
+  ] }), Jt = /* @__PURE__ */ l("details", { className: "w6w-section", "data-testid": "overrides-region", children: [
+    /* @__PURE__ */ l("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__ */ l("div", { className: "w6w-stack w6w-section-body", style: { gap: "var(--w6w-sp-2)" }, children: [
+      /* @__PURE__ */ l("div", { className: "w6w-field", children: [
         /* @__PURE__ */ t("span", { children: "Body" }),
         /* @__PURE__ */ t(
-          z,
+          ae,
           {
-            value: C.text,
-            onChange: C.onChange,
+            value: x.text,
+            onChange: x.onChange,
             minHeight: "80px",
             "aria-label": "Overrides body (JSON)"
           }
         ),
-        C.invalid && /* @__PURE__ */ t("span", { className: "w6w-hint", style: { color: "var(--w6w-danger)" }, children: "Invalid JSON" })
+        x.invalid && /* @__PURE__ */ t("span", { className: "w6w-hint", style: { color: "var(--w6w-danger)" }, children: "Invalid JSON" })
       ] }),
-      /* @__PURE__ */ o("div", { className: "w6w-field", children: [
+      /* @__PURE__ */ l("div", { className: "w6w-field", children: [
         /* @__PURE__ */ t("span", { children: "Query" }),
         /* @__PURE__ */ t(
-          z,
+          ae,
           {
-            value: O.text,
-            onChange: O.onChange,
+            value: _.text,
+            onChange: _.onChange,
             minHeight: "80px",
             "aria-label": "Overrides query (JSON)"
           }
         ),
-        O.invalid && /* @__PURE__ */ t("span", { className: "w6w-hint", style: { color: "var(--w6w-danger)" }, children: "Invalid JSON" })
+        _.invalid && /* @__PURE__ */ t("span", { className: "w6w-hint", style: { color: "var(--w6w-danger)" }, children: "Invalid JSON" })
       ] }),
-      /* @__PURE__ */ o("div", { className: "w6w-field", children: [
+      /* @__PURE__ */ l("div", { className: "w6w-field", children: [
         /* @__PURE__ */ t("span", { children: "Headers" }),
         /* @__PURE__ */ t(
-          z,
+          ae,
           {
-            value: R.text,
-            onChange: R.onChange,
+            value: E.text,
+            onChange: E.onChange,
             minHeight: "80px",
             "aria-label": "Overrides headers (JSON)"
           }
         ),
-        R.invalid && /* @__PURE__ */ t("span", { className: "w6w-hint", style: { color: "var(--w6w-danger)" }, children: "Invalid JSON" })
+        E.invalid && /* @__PURE__ */ t("span", { className: "w6w-hint", style: { color: "var(--w6w-danger)" }, children: "Invalid JSON" })
       ] }),
-      /* @__PURE__ */ o("label", { className: "w6w-field", children: [
+      /* @__PURE__ */ l("label", { className: "w6w-field", children: [
         /* @__PURE__ */ t("span", { children: "Target" }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ l(
           "select",
           {
             "aria-label": "Overrides target",
-            value: te,
-            onChange: (i) => at(i.target.value),
+            value: ue,
+            onChange: (d) => Nt(d.target.value),
             children: [
               /* @__PURE__ */ t("option", { value: "", children: "— default (first) —" }),
               /* @__PURE__ */ t("option", { value: "first", children: "first" }),
@@ -604,22 +632,22 @@ function Ps({
           }
         )
       ] }),
-      /* @__PURE__ */ o("label", { className: "w6w-field", children: [
+      /* @__PURE__ */ l("label", { className: "w6w-field", children: [
         /* @__PURE__ */ t("span", { children: "Match" }),
         /* @__PURE__ */ t(
           "input",
           {
             type: "text",
             "aria-label": "Overrides match",
-            value: se,
+            value: we,
             placeholder: "Restrict to requests whose URL contains…",
-            onChange: (i) => rt(i.target.value)
+            onChange: (d) => vt(d.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: [
+  ] }), te = a ? /* @__PURE__ */ l("div", { className: "w6w-stack", style: { gap: "var(--w6w-sp-1-5)" }, children: [
     /* @__PURE__ */ t(
       "div",
       {
@@ -628,35 +656,35 @@ function Ps({
         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(
+    X && /* @__PURE__ */ t("span", { className: "w6w-hint", style: { color: "var(--w6w-danger)" }, children: X }),
+    ze.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,
+        children: ze.map((d) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+          H,
           {
-            title: i.name,
-            subtitle: i.lastRunAt ? /* @__PURE__ */ o("span", { children: [
+            title: d.name,
+            subtitle: d.lastRunAt ? /* @__PURE__ */ l("span", { children: [
               /* @__PURE__ */ t(
                 "span",
                 {
-                  style: { color: i.lastRunOk ? "var(--w6w-success)" : "var(--w6w-danger)" },
-                  children: i.lastRunOk ? "✓" : "✗"
+                  style: { color: d.lastRunOk ? "var(--w6w-success)" : "var(--w6w-danger)" },
+                  children: d.lastRunOk ? "✓" : "✗"
                 }
               ),
               " ",
-              i.lastRunSummary ? `${i.lastRunSummary} · ` : "",
-              de(i.lastRunAt)
-            ] }) : `saved ${de(i.updatedAt)}`,
-            active: i.id === x,
-            onClick: () => $t(i)
+              d.lastRunSummary ? `${d.lastRunSummary} · ` : "",
+              ye(d.lastRunAt)
+            ] }) : `saved ${ye(d.updatedAt)}`,
+            active: d.id === L,
+            onClick: () => Dt(d)
           }
-        ) }, i.id))
+        ) }, d.id))
       }
     ),
-    m.listTestRuns && De.length > 0 && /* @__PURE__ */ o(k, { children: [
+    m.listTestRuns && Ve.length > 0 && /* @__PURE__ */ l(C, { children: [
       /* @__PURE__ */ t(
         "div",
         {
@@ -670,63 +698,63 @@ function Ps({
         {
           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,
+          children: Ve.map((d) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+            H,
             {
-              title: /* @__PURE__ */ o("span", { children: [
-                /* @__PURE__ */ t("span", { style: { color: i.ok ? "var(--w6w-success)" : "var(--w6w-danger)" }, children: i.ok ? "✓" : "✗" }),
+              title: /* @__PURE__ */ l("span", { children: [
+                /* @__PURE__ */ t("span", { style: { color: d.ok ? "var(--w6w-success)" : "var(--w6w-danger)" }, children: d.ok ? "✓" : "✗" }),
                 " ",
-                i.actionKey
+                d.actionKey
               ] }),
-              subtitle: /* @__PURE__ */ o("span", { children: [
-                i.summary ? `${i.summary} · ` : "",
-                de(i.occurredAt)
+              subtitle: /* @__PURE__ */ l("span", { children: [
+                d.summary ? `${d.summary} · ` : "",
+                ye(d.occurredAt)
               ] })
             }
-          ) }, i.id))
+          ) }, d.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." }) : (
+  ] }) : null, Ge = (Qe = Z == null ? void 0 : Z.find((d) => d.id === L)) == null ? void 0 : Qe.name;
+  return /* @__PURE__ */ l("div", { className: `w6w-stack${h ? " w6w-tester-embedded-root" : ""}`, children: [
+    !i && (n.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: [
+      /* @__PURE__ */ l("label", { className: "w6w-field", children: [
+        /* @__PURE__ */ l("span", { children: [
           "Action",
-          b ? "" : " *"
+          P ? "" : " *"
         ] }),
         /* @__PURE__ */ t(
-          _t,
+          qt,
           {
-            value: N,
+            value: g,
             placeholder: "— pick an action —",
-            onChange: ee,
-            options: p.map((i) => ({
-              value: i.key,
-              label: `${i.title ?? i.key} (${i.key})`
+            onChange: S,
+            options: p.map((d) => ({
+              value: d.key,
+              label: `${d.title ?? d.key} (${d.key})`
             }))
           }
         )
       ] })
     )),
-    y ? /* @__PURE__ */ o(k, { children: [
-      /* @__PURE__ */ o("div", { children: [
-        /* @__PURE__ */ o("strong", { children: [
-          y.title ?? y.key,
+    v ? /* @__PURE__ */ l(C, { children: [
+      /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("strong", { children: [
+          v.title ?? v.key,
           " ",
-          /* @__PURE__ */ t("code", { className: "w6w-muted", children: y.key })
+          /* @__PURE__ */ t("code", { className: "w6w-muted", children: v.key })
         ] }),
-        y.description && /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", style: { margin: "var(--w6w-sp-0-5) 0 0" }, children: y.description })
+        v.description && /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", style: { margin: "var(--w6w-sp-0-5) 0 0" }, children: v.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(
+        const d = /* @__PURE__ */ l("div", { className: "w6w-stack", style: { gap: "var(--w6w-sp-3)" }, children: [
+          Ft,
+          Jt,
+          T && /* @__PURE__ */ l("div", { className: "w6w-result w6w-error", children: [
+            /* @__PURE__ */ t("strong", { children: T.headline }),
+            T.hint && /* @__PURE__ */ t("div", { style: { marginTop: "var(--w6w-sp-1-5)" }, children: T.hint }),
+            T.detail && /* @__PURE__ */ t(
               "div",
               {
                 className: "w6w-muted w6w-small",
@@ -735,19 +763,19 @@ function Ps({
                   whiteSpace: "pre-wrap",
                   wordBreak: "break-word"
                 },
-                children: A.detail
+                children: T.detail
               }
             )
           ] }),
-          Re !== void 0 && /* @__PURE__ */ o("div", { className: "w6w-stack", style: { gap: "var(--w6w-sp-1)" }, children: [
+          O !== void 0 && /* @__PURE__ */ l("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("pre", { className: "w6w-result", children: JSON.stringify(O, null, 2) })
           ] }),
-          /* @__PURE__ */ t(Wt, { calls: nt })
-        ] }), f = /* @__PURE__ */ o(
+          /* @__PURE__ */ t(rn, { calls: $ })
+        ] }), b = /* @__PURE__ */ l(
           "div",
           {
-            className: `w6w-tester-actions${h || T ? " w6w-tester-actions-footer" : ""}`,
+            className: `w6w-tester-actions${h || B ? " w6w-tester-actions-footer" : ""}`,
             style: { display: "flex", gap: "var(--w6w-sp-2)" },
             children: [
               /* @__PURE__ */ t(
@@ -755,42 +783,42 @@ function Ps({
                 {
                   type: "button",
                   className: "w6w-btn",
-                  disabled: Ce || Te,
-                  onClick: ht,
-                  children: Ce ? "Running…" : "Run action"
+                  disabled: f || Le,
+                  onClick: At,
+                  children: f ? "Running…" : "Run action"
                 }
               ),
-              n && /* @__PURE__ */ t("button", { type: "button", className: "w6w-btn w6w-btn-ghost", onClick: St, children: "Save test" }),
-              n && x && /* @__PURE__ */ t(
+              a && /* @__PURE__ */ t("button", { type: "button", className: "w6w-btn w6w-btn-ghost", onClick: Ut, children: "Save test" }),
+              a && L && /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
                   className: "w6w-btn w6w-btn-ghost",
                   style: { marginLeft: "auto", color: "var(--w6w-danger)" },
-                  onClick: () => le(!0),
+                  onClick: () => fe(!0),
                   children: "Delete"
                 }
               )
             ]
           }
-        ), g = /* @__PURE__ */ o("div", { className: "w6w-stack", style: { gap: "var(--w6w-sp-3)" }, children: [
-          i,
-          f
+        ), I = /* @__PURE__ */ l("div", { className: "w6w-stack", style: { gap: "var(--w6w-sp-3)" }, children: [
+          d,
+          b
         ] });
-        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,
+        return h ? /* @__PURE__ */ l("div", { className: "w6w-tester-embedded", children: [
+          /* @__PURE__ */ t("div", { className: "w6w-tester-embedded-scroll", children: te ? /* @__PURE__ */ l("div", { className: "w6w-tester-embedded-cols", children: [
+            /* @__PURE__ */ t("div", { className: "w6w-tester-embedded-main", children: d }),
+            /* @__PURE__ */ t("div", { className: "w6w-tester-embedded-rail", children: te })
+          ] }) : d }),
+          b
+        ] }) : B ? /* @__PURE__ */ t(
+          Ae,
           {
-            title: `Edit params — ${y.title ?? y.key}`,
-            onClose: () => Me(!1),
+            title: `Edit params — ${v.title ?? v.key}`,
+            onClose: () => Be(!1),
             size: "full",
-            children: /* @__PURE__ */ o("div", { className: "w6w-tester-popout", children: [
-              /* @__PURE__ */ t("div", { className: "w6w-tester-popout-scroll", children: W ? /* @__PURE__ */ o(
+            children: /* @__PURE__ */ l("div", { className: "w6w-tester-popout", children: [
+              /* @__PURE__ */ t("div", { className: "w6w-tester-popout-scroll", children: te ? /* @__PURE__ */ l(
                 "div",
                 {
                   style: {
@@ -799,39 +827,39 @@ function Ps({
                     alignItems: "flex-start"
                   },
                   children: [
-                    /* @__PURE__ */ t("div", { style: { flex: 1, minWidth: 0 }, children: i }),
-                    /* @__PURE__ */ t("div", { style: { width: 260, flexShrink: 0 }, children: W })
+                    /* @__PURE__ */ t("div", { style: { flex: 1, minWidth: 0 }, children: d }),
+                    /* @__PURE__ */ t("div", { style: { width: 260, flexShrink: 0 }, children: te })
                   ]
                 }
-              ) : i }),
-              f
+              ) : d }),
+              b
             ] })
           }
-        ) : g;
+        ) : I;
       })(),
-      vt && /* @__PURE__ */ t(Ve, { title: "Save test", onClose: () => K(!1), children: /* @__PURE__ */ o(
+      Ot && /* @__PURE__ */ t(Ae, { title: "Save test", onClose: () => ee(!1), children: /* @__PURE__ */ l(
         "form",
         {
           className: "w6w-stack",
           style: { gap: "var(--w6w-sp-3)" },
-          onSubmit: (i) => {
-            i.preventDefault(), He();
+          onSubmit: (d) => {
+            d.preventDefault(), Ye();
           },
           children: [
-            /* @__PURE__ */ o("label", { className: "w6w-field", children: [
+            /* @__PURE__ */ l("label", { className: "w6w-field", children: [
               /* @__PURE__ */ t("span", { children: "Name this saved test" }),
               /* @__PURE__ */ t(
                 "input",
                 {
                   type: "text",
-                  value: ae,
+                  value: he,
                   placeholder: "e.g. valid sender",
-                  onChange: (i) => re(i.target.value)
+                  onChange: (d) => pe(d.target.value)
                 }
               )
             ] }),
-            q && /* @__PURE__ */ t("span", { className: "w6w-hint", style: { color: "var(--w6w-danger)" }, children: q }),
-            /* @__PURE__ */ o(
+            X && /* @__PURE__ */ t("span", { className: "w6w-hint", style: { color: "var(--w6w-danger)" }, children: X }),
+            /* @__PURE__ */ l(
               "div",
               {
                 style: { display: "flex", gap: "var(--w6w-sp-2)", justifyContent: "flex-end" },
@@ -841,37 +869,37 @@ function Ps({
                     {
                       type: "button",
                       className: "w6w-btn w6w-btn-ghost",
-                      onClick: () => K(!1),
+                      onClick: () => ee(!1),
                       children: "Cancel"
                     }
                   ),
-                  /* @__PURE__ */ t("button", { type: "submit", className: "w6w-btn", disabled: !ae.trim(), children: "Save" })
+                  /* @__PURE__ */ t("button", { type: "submit", className: "w6w-btn", disabled: !he.trim(), children: "Save" })
                 ]
               }
             )
           ]
         }
       ) }),
-      yt && /* @__PURE__ */ t(
-        Pt,
+      Mt && /* @__PURE__ */ t(
+        Ht,
         {
           title: "Delete saved test",
-          message: je ? `Delete "${je}"? This cannot be undone.` : "Delete this saved test? This cannot be undone.",
+          message: Ge ? `Delete "${Ge}"? This cannot be undone.` : "Delete this saved test? This cannot be undone.",
           confirmLabel: "Delete",
           onConfirm: () => {
-            le(!1), Ct();
+            fe(!1), Bt();
           },
-          onClose: () => le(!1)
+          onClose: () => fe(!1)
         }
       )
-    ] }) : !l && /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "Pick an action above to test it." })
+    ] }) : !i && /* @__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(
+function ca(e) {
+  const n = zt(e.theme), { copied: a, copy: i } = tn(e.value), c = Te(
     () => [
-      Lt(),
-      Bt.theme({
+      Zt(),
+      Xt.theme({
         "&": {
           fontSize: "13px",
           fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
@@ -892,20 +920,20 @@ function Is(e) {
     ],
     []
   );
-  function a(r) {
-    e.onChange(r);
+  function r(s) {
+    e.onChange(s);
   }
-  return /* @__PURE__ */ o("div", { className: "w6w-yaml-editor", "aria-label": e["aria-label"] ?? "YAML editor", children: [
+  return /* @__PURE__ */ l("div", { className: "w6w-yaml-editor", "aria-label": e["aria-label"] ?? "YAML editor", children: [
     /* @__PURE__ */ t(
-      Jt,
+      en,
       {
         value: e.value,
-        onChange: a,
-        extensions: d,
+        onChange: r,
+        extensions: c,
         placeholder: e.placeholder,
         readOnly: e.readOnly,
         editable: !e.readOnly,
-        theme: s,
+        theme: n,
         height: e.height,
         minHeight: e.minHeight ?? "240px",
         maxHeight: e.maxHeight,
@@ -919,128 +947,128 @@ function Is(e) {
         }
       }
     ),
-    e.copyable && /* @__PURE__ */ o(k, { children: [
+    e.copyable && /* @__PURE__ */ l(C, { children: [
       /* @__PURE__ */ t(
         "button",
         {
           type: "button",
-          className: `w6w-icon-btn w6w-copyable-btn${n ? " is-copied" : ""}`,
+          className: `w6w-icon-btn w6w-copyable-btn${a ? " is-copied" : ""}`,
           "aria-label": "Copy",
-          onClick: () => void l(),
-          children: n ? /* @__PURE__ */ t(Ht, {}) : /* @__PURE__ */ t(jt, {})
+          onClick: () => void i(),
+          children: a ? /* @__PURE__ */ t(nn, {}) : /* @__PURE__ */ t(an, {})
         }
       ),
-      /* @__PURE__ */ t("span", { className: "w6w-copyable-status", "aria-live": "polite", children: n ? "Copied" : "" })
+      /* @__PURE__ */ t("span", { className: "w6w-copyable-status", "aria-live": "polite", children: a ? "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 = {
+const be = "…";
+function un(e, n, a = "end") {
+  if (n === void 0 || n < 1 || n >= e.length) return e;
+  if (a === "start")
+    return `${be}${e.slice(e.length - n)}`;
+  if (a === "end")
+    return `${e.slice(0, n)}${be}`;
+  const i = Math.ceil(n / 2), c = n - i;
+  return `${e.slice(0, i)}${be}${e.slice(e.length - c)}`;
+}
+function wn(e) {
+  const { value: n, chars: a, crop: i = "end", label: c, className: r, copiedMs: s } = e, o = un(n, a, i), u = ["w6w-copyable--bare", r].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t(sn, { value: n, readOnly: !0, label: c, className: u, copiedMs: s, children: /* @__PURE__ */ t("span", { children: o }) });
+}
+const mn = {
   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: [
+function Ie({ state: e, label: n, ariaLabel: a }) {
+  const i = n ?? mn[e];
+  return /* @__PURE__ */ l("span", { className: `w6w-health-pill w6w-health-pill-${e}`, "aria-label": a, children: [
     /* @__PURE__ */ t("span", { className: "w6w-health-pill-dot", "aria-hidden": "true" }),
-    /* @__PURE__ */ t("span", { className: "w6w-health-pill-label", children: l })
+    /* @__PURE__ */ t("span", { className: "w6w-health-pill-label", children: i })
   ] });
 }
-const Zt = {
+const hn = {
   ok: "Operational",
   degraded: "Degraded",
   down: "Down",
   unknown: "Unknown"
 };
-function Ls({ days: e, ariaLabel: s }) {
+function pn({ days: e, ariaLabel: n }) {
   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(
+      "aria-label": n ?? `${e.length}-day status`,
+      children: e.map((a, i) => /* @__PURE__ */ t(
         "span",
         {
-          className: `w6w-uptime-cell w6w-uptime-cell-${n.state}`,
-          title: n.label ?? `${n.day} — ${Zt[n.state]}`
+          className: `w6w-uptime-cell w6w-uptime-cell-${a.state}`,
+          title: a.label ?? `${a.day} — ${hn[a.state]}`
         },
-        `${n.day}-${l}`
+        `${a.day}-${i}`
       ))
     }
   );
 }
-const st = "—", Ye = ["B", "KiB", "MiB", "GiB", "TiB", "PiB"];
-function Xt(e) {
-  if (e === null || !Number.isFinite(e)) return st;
+const mt = "—", at = ["B", "KiB", "MiB", "GiB", "TiB", "PiB"];
+function fn(e) {
+  if (e === null || !Number.isFinite(e)) return mt;
   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]}`;
+  let n = e, a = 0;
+  for (; n >= 1024 && a < at.length - 1; )
+    n /= 1024, a += 1;
+  return `${n.toFixed(1)} ${at[a]}`;
 }
-function $(e) {
-  return e === null || !Number.isFinite(e) ? st : `${Math.round(e * 100)}%`;
+function D(e) {
+  return e === null || !Number.isFinite(e) ? mt : `${Math.round(e * 100)}%`;
 }
-function B(e) {
+function V(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;
+  const n = e.cpuLimit ?? e.cpus;
+  return n === null || n <= 0 ? null : e.load1 / n;
 }
-function J(e) {
+function Y(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))}`);
+  const { memoryTotal: n, memoryAvailable: a } = e;
+  return n === null || a === null || n <= 0 ? null : (n - a) / n;
+}
+function Nn(e, n, a) {
+  return e < n ? n : e > a ? a : e;
+}
+function vn(e, n, a, i) {
+  const c = e.length;
+  if (c < 2) return "";
+  const r = [];
+  for (let s = 0; s < c; s++) {
+    const o = e[s];
+    if (o === null) continue;
+    const u = s / (c - 1) * n, w = i <= 0 ? a : a - Nn(o, 0, i) / i * a;
+    r.push(`${Number(u.toFixed(2))},${Number(w.toFixed(2))}`);
   }
-  return a.join(" ");
+  return r.join(" ");
 }
-const ss = "—", Ze = 100, Xe = 24;
-function ge({
+const yn = "—", st = 100, lt = 24;
+function Re({
   values: e,
-  max: s,
-  className: n
+  max: n,
+  className: a
 }) {
-  const l = ts(e, Ze, Xe, s);
-  return l === "" ? null : /* @__PURE__ */ t(
+  const i = vn(e, st, lt, n);
+  return i === "" ? null : /* @__PURE__ */ t(
     "svg",
     {
-      className: n,
-      viewBox: `0 0 ${Ze} ${Xe}`,
+      className: a,
+      viewBox: `0 0 ${st} ${lt}`,
       preserveAspectRatio: "none",
       "aria-hidden": "true",
       focusable: "false",
       children: /* @__PURE__ */ t(
         "polyline",
         {
-          points: l,
+          points: i,
           fill: "none",
           stroke: "var(--w6w-accent)",
           strokeWidth: 2,
@@ -1050,172 +1078,172 @@ function ge({
     }
   );
 }
-function me(e) {
-  return e === null ? ss : e.toFixed(2);
+function ke(e) {
+  return e === null ? yn : e.toFixed(2);
 }
-function Z(e) {
-  let s = 1;
-  for (const n of e) n !== null && n > s && (s = n);
-  return s;
+function oe(e) {
+  let n = 1;
+  for (const a of e) a !== null && a > n && (n = a);
+  return n;
 }
-function Q({
+function ie({
   label: e,
-  value: s,
-  values: n,
-  max: l
+  value: n,
+  values: a,
+  max: i
 }) {
-  return /* @__PURE__ */ o("li", { className: "w6w-server-resources__row", children: [
+  return /* @__PURE__ */ l("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 })
+    /* @__PURE__ */ t("span", { className: "w6w-server-resources__value", children: n }),
+    /* @__PURE__ */ t(Re, { className: "w6w-server-resources__spark", values: a, max: i })
   ] });
 }
-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 Ee(e) {
+  const n = e[e.length - 1], a = e.map((r) => V(r)), i = e.map((r) => Y(r)), c = e.map((r) => r.processRss);
+  return { last: n, cpuValues: a, memoryValues: i, rssValues: c };
 }
-function Bs({
+function da({
   samples: e,
-  title: s = "Server resources",
-  intervalMs: n
+  title: n = "Server resources",
+  intervalMs: a
 }) {
-  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: [
+  const { last: i, cpuValues: c, memoryValues: r, rssValues: s } = Ee(e);
+  return /* @__PURE__ */ l("section", { className: "w6w-server-resources w6w-server-resources--card", "aria-label": n, children: [
+    /* @__PURE__ */ t("h3", { className: "w6w-server-resources__title", children: n }),
+    /* @__PURE__ */ l("ul", { className: "w6w-server-resources__rows", children: [
       /* @__PURE__ */ t(
-        Q,
+        ie,
         {
           label: "CPU",
-          value: $(B(l)),
-          values: d,
-          max: Z(d)
+          value: D(V(i)),
+          values: c,
+          max: oe(c)
         }
       ),
       /* @__PURE__ */ t(
-        Q,
+        ie,
         {
           label: "Memory",
-          value: $(J(l)),
-          values: a,
+          value: D(Y(i)),
+          values: r,
           max: 1
         }
       ),
       /* @__PURE__ */ t(
-        Q,
+        ie,
         {
           label: "Process",
-          value: Xt((l == null ? void 0 : l.processRss) ?? null),
-          values: r,
-          max: Z(r)
+          value: fn((i == null ? void 0 : i.processRss) ?? null),
+          values: s,
+          max: oe(s)
         }
       )
     ] }),
-    /* @__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
+    /* @__PURE__ */ t("p", { className: "w6w-server-resources__meta", children: `Load ${ke((i == null ? void 0 : i.load1) ?? null)} / ${ke((i == null ? void 0 : i.load5) ?? null)} / ${ke(
+      (i == null ? void 0 : i.load15) ?? null
     )}` }),
-    n !== void 0 && /* @__PURE__ */ t("p", { className: "w6w-server-resources__meta", children: `Sampled every ${n / 1e3}s` })
+    a !== void 0 && /* @__PURE__ */ t("p", { className: "w6w-server-resources__meta", children: `Sampled every ${a / 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: [
+function ua({ samples: e, title: n = "Server" }) {
+  const { last: a, cpuValues: i } = Ee(e);
+  return /* @__PURE__ */ l("section", { className: "w6w-server-resources w6w-server-resources--small", "aria-label": n, children: [
+    /* @__PURE__ */ t("h3", { className: "w6w-server-resources__title", children: n }),
+    /* @__PURE__ */ l("ul", { className: "w6w-server-resources__rows", children: [
       /* @__PURE__ */ t(
-        Q,
+        ie,
         {
           label: "CPU",
-          value: $(B(n)),
-          values: l,
-          max: Z(l)
+          value: D(V(a)),
+          values: i,
+          max: oe(i)
         }
       ),
-      /* @__PURE__ */ o("li", { className: "w6w-server-resources__row", children: [
+      /* @__PURE__ */ l("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)) })
+        /* @__PURE__ */ t("span", { className: "w6w-server-resources__value", children: D(Y(a)) })
       ] })
     ] })
   ] });
 }
-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: [
+function wa({ samples: e, onExpand: n }) {
+  const { last: a, cpuValues: i, memoryValues: c } = Ee(e);
+  return /* @__PURE__ */ l("aside", { className: "w6w-server-resources w6w-server-resources--rail", children: [
+    /* @__PURE__ */ l("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("span", { className: "w6w-server-resources__value", children: D(V(a)) }),
       /* @__PURE__ */ t(
-        ge,
+        Re,
         {
           className: "w6w-server-resources__spark",
-          values: l,
-          max: Z(l)
+          values: i,
+          max: oe(i)
         }
       )
     ] }),
-    /* @__PURE__ */ o("div", { className: "w6w-server-resources__rail-row", children: [
+    /* @__PURE__ */ l("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 })
+      /* @__PURE__ */ t("span", { className: "w6w-server-resources__value", children: D(Y(a)) }),
+      /* @__PURE__ */ t(Re, { className: "w6w-server-resources__spark", values: c, max: 1 })
     ] }),
-    s !== void 0 && /* @__PURE__ */ t(
+    n !== void 0 && /* @__PURE__ */ t(
       "button",
       {
         type: "button",
         className: "w6w-server-resources__expand",
         "aria-label": "Show server resources",
-        onClick: s,
+        onClick: n,
         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}` });
+function ma({ samples: e }) {
+  const n = e[e.length - 1], a = D(V(n)), i = D(Y(n));
+  return /* @__PURE__ */ t("span", { className: "w6w-server-resources w6w-server-resources--badge", children: `CPU ${a} · MEM ${i}` });
 }
-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 gn = 1, bn = 1440 * 60 * 1e3;
+function kn(e, n, a) {
+  const i = n.startedAt ?? n.updatedAt;
+  if (i === void 0) return null;
+  const c = Date.parse(i), r = n.resolvedAt !== void 0 ? Date.parse(n.resolvedAt) : n.startedAt !== void 0 ? a : c, s = Date.parse(`${e.from}T00:00:00.000Z`), o = Date.parse(`${e.to}T00:00:00.000Z`) + bn, u = o - s;
+  if (r < s || c >= o) return null;
+  const w = c < s, h = r > o, m = Math.max(c, s), p = Math.min(r, o), g = (m - s) / u * 100, S = (p - m) / u * 100, v = Math.max(S, gn);
+  return { leftPct: g, widthPct: v, clippedStart: w, clippedEnd: h };
 }
-const ls = {
+const xn = {
   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({
+}, Sn = "This vendor publishes no incident history.", Cn = "No incidents in this window.";
+function $n(e) {
+  const n = e.startedAt ?? e.updatedAt, a = [e.title];
+  return e.components !== void 0 && e.components.length > 0 && a.push(`(${e.components.join(", ")})`), n !== void 0 && a.push(
+    e.resolvedAt !== void 0 ? `${n} – ${e.resolvedAt}` : `${n} – ongoing`
+  ), a.join(" ");
+}
+function ha({
   window: e,
-  days: s,
-  incidents: n,
-  vendorEmptyLabel: l,
-  nowMs: d = Date.now(),
-  ariaLabel: a
+  days: n,
+  incidents: a,
+  vendorEmptyLabel: i,
+  nowMs: c = Date.now(),
+  ariaLabel: r
 }) {
-  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(
+  const s = n.length, o = s > 0 ? 100 / s : 0, u = a === void 0 ? i ?? Sn : a.length === 0 ? i ?? Cn : null;
+  return /* @__PURE__ */ t("div", { className: "w6w-history-timeline", role: "img", "aria-label": r ?? `${s}-day history`, children: /* @__PURE__ */ l("div", { className: "w6w-history-plot", children: [
+    /* @__PURE__ */ t("div", { className: "w6w-history-lane w6w-history-lane-execution", children: n.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]}`
+        style: { left: `${h * o}%`, width: `${o}%` },
+        title: w.label ?? `${w.day} — ${xn[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);
+    /* @__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 }) : a == null ? void 0 : a.map((w, h) => {
+      const m = kn(e, w, c);
       if (m === null) return null;
       const p = [
         m.clippedStart ? "w6w-history-bar-clip-start" : "",
@@ -1226,103 +1254,103 @@ function js({
         {
           className: `w6w-history-bar w6w-history-bar-${w.state}${p ? ` ${p}` : ""}`,
           style: { left: `${m.leftPct}%`, width: `${m.widthPct}%` },
-          title: cs(w)
+          title: $n(w)
         },
         w.id ?? `${w.title}-${h}`
       );
     }) }),
-    /* @__PURE__ */ o("div", { className: "w6w-history-axis", children: [
+    /* @__PURE__ */ l("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: [
+function pa({ label: e, children: n, className: a }) {
+  const [i, c] = y(!1), r = Gt();
+  return /* @__PURE__ */ l("span", { className: ["w6w-info-tip", a ?? ""].filter(Boolean).join(" "), children: [
     /* @__PURE__ */ t(
-      L,
+      z,
       {
         label: e,
         icon: "info",
-        "aria-expanded": l,
-        "aria-controls": a,
-        onClick: () => d((r) => !r)
+        "aria-expanded": i,
+        "aria-controls": r,
+        onClick: () => c((s) => !s)
       }
     ),
-    l && /* @__PURE__ */ t("span", { id: a, className: "w6w-info-tip-body w6w-muted w6w-small", children: s })
+    i && /* @__PURE__ */ t("span", { id: r, className: "w6w-info-tip-body w6w-muted w6w-small", children: n })
   ] });
 }
-function Ks(e) {
-  const { label: s, onClick: n, disabled: l, className: d, ...a } = e;
+function An(e) {
+  const { label: n, onClick: a, disabled: i, className: c, ...r } = e;
   return /* @__PURE__ */ t(
-    L,
+    z,
     {
-      label: s,
-      onClick: n,
-      disabled: l,
-      className: d,
+      label: n,
+      onClick: a,
+      disabled: i,
+      className: c,
       icon: "edit",
-      "data-testid": a["data-testid"]
+      "data-testid": r["data-testid"]
     }
   );
 }
-function Ws(e) {
-  const { label: s, onClick: n, disabled: l, className: d, ...a } = e;
+function Tn(e) {
+  const { label: n, onClick: a, disabled: i, className: c, ...r } = e;
   return /* @__PURE__ */ t(
-    L,
+    z,
     {
-      label: s,
-      onClick: n,
-      disabled: l,
-      className: d,
+      label: n,
+      onClick: a,
+      disabled: i,
+      className: c,
       danger: !0,
       icon: "delete",
-      "data-testid": a["data-testid"]
+      "data-testid": r["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(() => {
+function fa(e) {
+  const { branch: n, shortSha: a, lastSyncLabel: i, onSyncNow: c, syncing: r, className: s, ...o } = e, [u, w] = y(!1), h = Qt(null);
+  return q(() => {
     if (!u) return;
-    const m = (N) => {
-      h.current && !h.current.contains(N.target) && w(!1);
-    }, p = (N) => N.key === "Escape" && w(!1);
+    const m = (g) => {
+      h.current && !h.current.contains(g.target) && w(!1);
+    }, p = (g) => g.key === "Escape" && w(!1);
     return document.addEventListener("mousedown", m), document.addEventListener("keydown", p), () => {
       document.removeEventListener("mousedown", m), document.removeEventListener("keydown", p);
     };
-  }, [u]), /* @__PURE__ */ o(
+  }, [u]), /* @__PURE__ */ l(
     "div",
     {
-      className: `w6w-repo-sync${r ? ` ${r}` : ""}`,
+      className: `w6w-repo-sync${s ? ` ${s}` : ""}`,
       ref: h,
-      "data-testid": c["data-testid"],
+      "data-testid": o["data-testid"],
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ l(
           "button",
           {
             type: "button",
             className: "w6w-repo-sync-trigger",
             "aria-haspopup": "menu",
             "aria-expanded": u,
-            "aria-busy": a,
+            "aria-busy": r,
             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__ */ l("span", { className: "w6w-repo-sync-icon", children: [
+                /* @__PURE__ */ t(et, { name: "github" }),
+                r && /* @__PURE__ */ t(et, { 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 })
+              /* @__PURE__ */ t("span", { className: "w6w-repo-sync-branch", children: n }),
+              a != null && /* @__PURE__ */ t("code", { className: "w6w-repo-sync-sha", children: a })
             ]
           }
         ),
-        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 })
+        u && /* @__PURE__ */ l("div", { className: "w6w-repo-sync-menu", role: "menu", children: [
+          /* @__PURE__ */ l("div", { className: "w6w-repo-sync-detail", children: [
+            /* @__PURE__ */ t("span", { children: n }),
+            a != null && /* @__PURE__ */ t("code", { children: a }),
+            i != null && /* @__PURE__ */ t("span", { children: i })
           ] }),
           /* @__PURE__ */ t(
             "button",
@@ -1331,9 +1359,9 @@ function Vs(e) {
               role: "menuitem",
               className: "w6w-repo-sync-item",
               "data-testid": "repo-sync-now",
-              disabled: a,
-              onClick: d,
-              children: a ? "Syncing…" : "Sync now"
+              disabled: r,
+              onClick: c,
+              children: r ? "Syncing…" : "Sync now"
             }
           )
         ] })
@@ -1341,7 +1369,7 @@ function Vs(e) {
     }
   );
 }
-const ds = {
+const Rn = {
   pending: "Pending",
   running: "Running",
   succeeded: "Succeeded",
@@ -1350,46 +1378,46 @@ const ds = {
   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: [
+function Pe({ state: e, label: n, ariaLabel: a }) {
+  const i = n ?? Rn[e];
+  return /* @__PURE__ */ l("span", { className: `w6w-step-pill w6w-step-pill-${e}`, "aria-label": a, children: [
     /* @__PURE__ */ t("span", { className: "w6w-step-pill-dot", "aria-hidden": "true" }),
-    /* @__PURE__ */ t("span", { className: "w6w-step-pill-label", children: l })
+    /* @__PURE__ */ t("span", { className: "w6w-step-pill-label", children: i })
   ] });
 }
-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`;
+const On = "—", xe = 1e3, Se = 6e4;
+function _e(e) {
+  return e == null || !Number.isFinite(e) || e < 0 ? On : e < xe ? `${Math.round(e)} ms` : e < Se ? `${(e / xe).toFixed(1)} s` : `${Math.floor(e / Se)}m ${Math.round(e % Se / xe)}s`;
 }
-function X(e) {
-  const s = new Date(e);
-  return Number.isNaN(s.getTime()) ? e : s.toLocaleString(void 0, { dateStyle: "medium", timeStyle: "short" });
+function ce(e) {
+  const n = new Date(e);
+  return Number.isNaN(n.getTime()) ? e : n.toLocaleString(void 0, { dateStyle: "medium", timeStyle: "short" });
 }
-const ws = {
+const Mn = {
   function: "Function",
   endpoint: "Endpoint",
   workflow: "Workflow"
 };
-function zs({
+function Na({
   items: e,
-  selectedId: s = null,
-  onSelect: n,
-  showCallable: l = !1,
-  loading: d = !1,
-  emptyLabel: a,
-  hasPrev: r,
-  hasNext: c,
+  selectedId: n = null,
+  onSelect: a,
+  showCallable: i = !1,
+  loading: c = !1,
+  emptyLabel: r,
+  hasPrev: s,
+  hasNext: o,
   onPrev: u,
   onNext: w
 }) {
-  const h = u || w ? /* @__PURE__ */ o("div", { className: "w6w-execution-list-pager", children: [
+  const h = u || w ? /* @__PURE__ */ l("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,
+        disabled: !s,
         onClick: u,
         children: "Previous"
       }
@@ -1400,39 +1428,39 @@ function zs({
         type: "button",
         className: "w6w-btn w6w-btn-ghost",
         "data-testid": "execution-list-next",
-        disabled: !c,
+        disabled: !o,
         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,
+  return c && 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: r ?? "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(
+    H,
     {
-      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
+      icon: /* @__PURE__ */ t(Pe, { state: p.status }),
+      title: i ? p.callableName : ce(p.startedAt),
+      subtitle: i ? `${Mn[p.kind]} · ${ce(p.startedAt)}` : p.id,
+      trailing: _e(p.durationMs),
+      active: p.id === n,
+      onClick: a ? () => a(p.id) : void 0
     }
-  ) }, p.id)) }), /* @__PURE__ */ o("div", { className: "w6w-execution-list", "data-testid": "execution-list", children: [
+  ) }, p.id)) }), /* @__PURE__ */ l("div", { className: "w6w-execution-list", "data-testid": "execution-list", children: [
     m,
     h
   ] });
 }
-function ms({
+function In({
   steps: e,
-  emptyLabel: s,
-  onDismiss: n,
-  runError: l,
-  stepErrors: d
+  emptyLabel: n,
+  onDismiss: a,
+  runError: i,
+  stepErrors: c
 }) {
-  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,
+  const r = a ? /* @__PURE__ */ t("div", { className: "w6w-execution-log-head", children: /* @__PURE__ */ t(z, { label: "Dismiss run log", "data-testid": "execution-log-dismiss", onClick: a, children: "×" }) }) : null, s = c ?? [], o = i || s.length > 0 ? /* @__PURE__ */ l("div", { className: "w6w-execution-log-errors w6w-stack", children: [
+    i && /* @__PURE__ */ t(Oe, { error: i }),
+    s.map((u, w) => /* @__PURE__ */ t(
+      Oe,
       {
         label: u.label ?? u.stepId,
         error: u.error
@@ -1440,104 +1468,104 @@ function ms({
       `${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)) })
+  return e.length === 0 ? /* @__PURE__ */ l(C, { children: [
+    r,
+    o,
+    /* @__PURE__ */ t("div", { className: "w6w-execution-log-empty", children: /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: n ?? "No steps have run yet." }) })
+  ] }) : /* @__PURE__ */ l(C, { children: [
+    r,
+    o,
+    /* @__PURE__ */ t("ol", { className: "w6w-execution-log", children: e.map((u) => /* @__PURE__ */ t(En, { 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 }),
+function En({ step: e }) {
+  const [n, a] = y(!1), i = /* @__PURE__ */ l("div", { className: "w6w-execution-log-row-header", children: [
+    /* @__PURE__ */ t(Pe, { 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(Pn, { startedAt: e.startedAt, finishedAt: e.finishedAt })
+  ] }), c = e.error ? /* @__PURE__ */ t(Oe, { error: e.error }) : null;
+  return e.input === void 0 && e.output === void 0 && !e.meta ? /* @__PURE__ */ l("li", { className: "w6w-execution-log-row", children: [
+    /* @__PURE__ */ t("div", { className: "w6w-section", children: i }),
+    c
+  ] }) : /* @__PURE__ */ l("li", { className: "w6w-execution-log-row", children: [
+    /* @__PURE__ */ l("details", { className: "w6w-section", open: n, onToggle: (r) => a(r.currentTarget.open), children: [
+      /* @__PURE__ */ t("summary", { className: "w6w-section-summary", children: i }),
+      n && /* @__PURE__ */ l("div", { className: "w6w-execution-log-row-body w6w-section-body w6w-stack", children: [
+        /* @__PURE__ */ t(it, { title: "Input", value: e.input }),
+        /* @__PURE__ */ t(it, { title: "Output", value: e.output }),
+        e.meta && /* @__PURE__ */ l("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" })
+          /* @__PURE__ */ t(Me, { code: JSON.stringify(e.meta, null, 2), language: "json" })
         ] })
       ] })
     ] }),
-    d
+    c
   ] });
 }
-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 }),
+function Oe({ error: e, label: n }) {
+  return /* @__PURE__ */ l("div", { className: "w6w-result w6w-error", children: [
+    n !== void 0 && /* @__PURE__ */ t("strong", { className: "w6w-execution-log-error-label", children: n }),
     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: [
+function Pn({ startedAt: e, finishedAt: n }) {
+  if (e && n) {
+    const a = _n(e, n);
+    return /* @__PURE__ */ l("span", { className: "w6w-execution-log-timing", children: [
       e,
       " → ",
-      s,
-      n && /* @__PURE__ */ o("span", { children: [
+      n,
+      a && /* @__PURE__ */ l("span", { children: [
         " (",
-        n,
+        a,
         ")"
       ] })
     ] });
   }
-  return e ? /* @__PURE__ */ o("span", { className: "w6w-execution-log-timing", children: [
+  return e ? /* @__PURE__ */ l("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: [
+function _n(e, n) {
+  const a = Date.parse(e), i = Date.parse(n);
+  if (!Number.isFinite(a) || !Number.isFinite(i) || i < a) return null;
+  const c = i - a;
+  if (c < 1e3) return `${c}ms`;
+  const r = c / 1e3;
+  if (r < 60) return `${r.toFixed(1)}s`;
+  const s = Math.floor(r / 60), o = Math.round(r % 60);
+  return `${s}m ${o}s`;
+}
+function it({ title: e, value: n }) {
+  return /* @__PURE__ */ l("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" })
+    n === void 0 ? /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "Not available." }) : /* @__PURE__ */ t(Me, { code: JSON.stringify(n, null, 2), language: "json" })
   ] });
 }
-const vs = { status: "", kind: "", from: "", to: "", q: "" }, ys = [
+const Ln = { status: "", kind: "", from: "", to: "", q: "" }, Un = [
   { 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 = [
+], Dn = [
   { value: "", label: "Any type" },
   { value: "function", label: "Function" },
   { value: "endpoint", label: "Endpoint" },
   { value: "workflow", label: "Workflow" }
 ];
-function Gs({
+function va({
   value: e,
-  onChange: s,
-  showKind: n = !1,
-  searchPlaceholder: l = "Search by id or name",
-  disabled: d = !1
+  onChange: n,
+  showKind: a = !1,
+  searchPlaceholder: i = "Search by id or name",
+  disabled: c = !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: [
+  const r = e.status !== "" || e.kind !== "" || e.from !== "" || e.to !== "" || e.q !== "";
+  return /* @__PURE__ */ l("div", { className: "w6w-execution-filters", "data-testid": "execution-filters", children: [
     /* @__PURE__ */ t(
       "input",
       {
@@ -1545,10 +1573,10 @@ function Gs({
         className: "w6w-execution-filters-search",
         "data-testid": "execution-filter-q",
         "aria-label": "Search executions",
-        placeholder: l,
+        placeholder: i,
         value: e.q,
-        disabled: d,
-        onChange: (r) => s({ ...e, q: r.target.value })
+        disabled: c,
+        onChange: (s) => n({ ...e, q: s.target.value })
       }
     ),
     /* @__PURE__ */ t(
@@ -1558,21 +1586,21 @@ function Gs({
         "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))
+        disabled: c,
+        onChange: (s) => n({ ...e, status: s.target.value }),
+        children: Un.map((s) => /* @__PURE__ */ t("option", { value: s.value, children: s.label }, s.value))
       }
     ),
-    n && /* @__PURE__ */ t(
+    a && /* @__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))
+        disabled: c,
+        onChange: (s) => n({ ...e, kind: s.target.value }),
+        children: Dn.map((s) => /* @__PURE__ */ t("option", { value: s.value, children: s.label }, s.value))
       }
     ),
     /* @__PURE__ */ t(
@@ -1583,8 +1611,8 @@ function Gs({
         "data-testid": "execution-filter-from",
         "aria-label": "From date",
         value: e.from,
-        disabled: d,
-        onChange: (r) => s({ ...e, from: r.target.value })
+        disabled: c,
+        onChange: (s) => n({ ...e, from: s.target.value })
       }
     ),
     /* @__PURE__ */ t(
@@ -1595,217 +1623,999 @@ function Gs({
         "data-testid": "execution-filter-to",
         "aria-label": "To date",
         value: e.to,
-        disabled: d,
-        onChange: (r) => s({ ...e, to: r.target.value })
+        disabled: c,
+        onChange: (s) => n({ ...e, to: s.target.value })
       }
     ),
-    a && /* @__PURE__ */ t(
+    r && /* @__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 }),
+        disabled: c,
+        onClick: () => n({ ...Ln }),
         children: "Clear"
       }
     )
   ] });
 }
-const Y = "—";
-function Qs({ stats: e, label: s }) {
-  const n = [
+const re = "—";
+function ya({ stats: e, label: n }) {
+  const a = [
     {
       testid: "execution-stat-total",
       label: "Executions",
-      value: e ? String(e.total) : Y
+      value: e ? String(e.total) : re
     },
     {
       testid: "execution-stat-success-rate",
       label: "Success rate",
-      value: gs(e == null ? void 0 : e.successRate)
+      value: Bn(e == null ? void 0 : e.successRate)
     },
     {
       testid: "execution-stat-failed",
       label: "Failed",
-      value: e ? String(e.failed) : Y
+      value: e ? String(e.failed) : re
     },
     {
       testid: "execution-stat-avg-duration",
       label: "Avg duration",
-      value: e ? $e(e.avgDurationMs) : Y
+      value: e ? _e(e.avgDurationMs) : re
     }
   ];
-  return e && e.inFlight > 0 && n.push({
+  return e && e.inFlight > 0 && a.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)) })
+  }), /* @__PURE__ */ l("section", { className: "w6w-execution-stats", "data-testid": "execution-stats", children: [
+    n != null && /* @__PURE__ */ t("p", { className: "w6w-execution-stats-label", children: n }),
+    /* @__PURE__ */ t("div", { className: "w6w-execution-stats-cards", children: a.map((i) => /* @__PURE__ */ l("div", { className: "w6w-execution-stat", "data-testid": i.testid, children: [
+      /* @__PURE__ */ t("span", { className: "w6w-execution-stat-value", "data-stat-value": i.value, children: i.value }),
+      /* @__PURE__ */ t("span", { className: "w6w-execution-stat-label", children: i.label })
+    ] }, i.testid)) })
   ] });
 }
-function gs(e) {
-  return e == null || !Number.isFinite(e) ? Y : `${Math.round(e * 100)}%`;
+function Bn(e) {
+  return e == null || !Number.isFinite(e) ? re : `${Math.round(e * 100)}%`;
 }
-const bs = {
+const Fn = {
   function: "Function",
   endpoint: "Endpoint",
   workflow: "Workflow"
 };
-function ks(e) {
+function Jn(e) {
   return JSON.stringify(e, null, 2) ?? "null";
 }
-function Ys({
+function ga({
   execution: e,
-  loading: s = !1,
-  errorMessage: n,
-  onClose: l,
-  onOpenInEditor: d
+  loading: n = !1,
+  errorMessage: a,
+  onClose: i,
+  onOpenInEditor: c
 }) {
-  return /* @__PURE__ */ o("section", { className: "w6w-execution-detail w6w-stack", "data-testid": "execution-detail", children: [
-    n != null && /* @__PURE__ */ t(
+  return /* @__PURE__ */ l("section", { className: "w6w-execution-detail w6w-stack", "data-testid": "execution-detail", children: [
+    a != null && /* @__PURE__ */ t(
       "p",
       {
         role: "alert",
         className: "w6w-execution-detail-error-message",
         "data-testid": "execution-detail-error-message",
-        children: n
+        children: a
       }
     ),
-    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." })
+    e ? /* @__PURE__ */ t(jn, { execution: e, onClose: i, onOpenInEditor: c }) : n ? /* @__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({
+function jn({
   execution: e,
-  onClose: s,
-  onOpenInEditor: n
+  onClose: n,
+  onOpenInEditor: a
 }) {
-  return /* @__PURE__ */ o(k, { children: [
-    /* @__PURE__ */ o("div", { className: "w6w-execution-detail-head", children: [
-      /* @__PURE__ */ o("div", { className: "w6w-execution-detail-title", children: [
+  return /* @__PURE__ */ l(C, { children: [
+    /* @__PURE__ */ l("div", { className: "w6w-execution-detail-head", children: [
+      /* @__PURE__ */ l("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] })
+        /* @__PURE__ */ l("div", { className: "w6w-execution-detail-meta", children: [
+          /* @__PURE__ */ t(Pe, { state: e.status }),
+          /* @__PURE__ */ t("span", { className: "w6w-execution-detail-kind w6w-muted w6w-small", children: Fn[e.kind] })
         ] })
       ] }),
-      (n || s) && /* @__PURE__ */ o("div", { className: "w6w-execution-detail-actions", children: [
-        n && /* @__PURE__ */ t(
+      (a || n) && /* @__PURE__ */ l("div", { className: "w6w-execution-detail-actions", children: [
+        a && /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             className: "w6w-btn w6w-btn-ghost",
             "data-testid": "execution-detail-open-editor",
-            onClick: n,
+            onClick: a,
             children: "Open in visual editor"
           }
         ),
-        s && /* @__PURE__ */ t(L, { label: "Close", "data-testid": "execution-detail-close", onClick: s, children: "×" })
+        n && /* @__PURE__ */ t(z, { label: "Close", "data-testid": "execution-detail-close", onClick: n, 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__ */ l("dl", { className: "w6w-execution-detail-timing", children: [
+      /* @__PURE__ */ t(Ce, { label: "Started", value: ce(e.startedAt) }),
       /* @__PURE__ */ t(
-        fe,
+        Ce,
         {
           label: "Finished",
-          value: e.finishedAt ? X(e.finishedAt) : "—"
+          value: e.finishedAt ? ce(e.finishedAt) : "—"
         }
       ),
-      /* @__PURE__ */ t(fe, { label: "Duration", value: $e(e.durationMs) })
+      /* @__PURE__ */ t(Ce, { label: "Duration", value: _e(e.durationMs) })
     ] }),
-    e.steps !== void 0 && /* @__PURE__ */ o(
+    e.steps !== void 0 && /* @__PURE__ */ l(
       "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." })
+          /* @__PURE__ */ t(In, { 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 })
+    e.input !== void 0 && /* @__PURE__ */ t($e, { title: "Input", testid: "execution-detail-input", value: e.input }),
+    e.output !== void 0 && /* @__PURE__ */ t($e, { title: "Output", testid: "execution-detail-output", value: e.output }),
+    e.error != null && /* @__PURE__ */ t($e, { 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: [
+function Ce({ label: e, value: n }) {
+  return /* @__PURE__ */ l("div", { className: "w6w-execution-detail-timing-item", children: [
     /* @__PURE__ */ t("dt", { children: e }),
-    /* @__PURE__ */ t("dd", { children: s })
+    /* @__PURE__ */ t("dd", { children: n })
   ] });
 }
-function ve({ title: e, testid: s, value: n }) {
-  return /* @__PURE__ */ o("section", { className: "w6w-execution-detail-section w6w-stack", "data-testid": s, children: [
+function $e({ title: e, testid: n, value: a }) {
+  return /* @__PURE__ */ l("section", { className: "w6w-execution-detail-section w6w-stack", "data-testid": n, children: [
     /* @__PURE__ */ t("strong", { className: "w6w-small", children: e }),
-    /* @__PURE__ */ t(ke, { code: ks(n), language: "json" })
+    /* @__PURE__ */ t(Me, { code: Jn(a), language: "json" })
+  ] });
+}
+function Kn(e) {
+  const n = [];
+  for (const a of e)
+    a.p95Ms !== null && n.push({
+      appId: a.appId,
+      displayName: a.displayName,
+      calls: a.calls,
+      p95Ms: a.p95Ms,
+      state: a.state,
+      errorCount: a.errors.e4xx + a.errors.e429 + a.errors.eAuth + a.errors.e5xx
+    });
+  return n;
+}
+function ba(e) {
+  return e.attention === "now" || e.attention === "recent";
+}
+function Wn(e) {
+  const n = { now: [], recent: [], clear: [] };
+  for (const a of e)
+    a.attention === "now" ? n.now.push(a) : a.attention === "recent" ? n.recent.push(a) : n.clear.push(a);
+  return n;
+}
+function qn(e) {
+  return e.uptime.map((n) => ({ day: n.day, state: n.state }));
+}
+const rt = 3, Hn = 5;
+function zn(e, n = {}) {
+  const a = n.compact ?? !1, { now: i, recent: c } = Wn(e), r = i.length + c.length, s = a ? i.slice(0, rt) : i, o = a ? c.slice(0, Math.max(0, rt - s.length)) : c, u = a ? e.slice(0, n.limit ?? Hn) : [...e];
+  return {
+    attentionCount: r,
+    shownNow: s,
+    shownRecent: o,
+    hiddenAttentionCount: r - s.length - o.length,
+    shownTable: u,
+    hiddenTableCount: e.length - u.length
+  };
+}
+const le = 640, W = 340, M = { top: 16, right: 24, bottom: 40, left: 56 };
+function ot(e) {
+  if (e <= 0) return 1;
+  const n = 10 ** Math.floor(Math.log10(e)), a = [1, 2, 5, 10];
+  for (const i of a)
+    if (e <= i * n) return i * n;
+  return 10 * n;
+}
+function ct(e, n = 5) {
+  return Array.from({ length: n + 1 }, (a, i) => Math.round(e * i / n));
+}
+function Vn({
+  services: e,
+  getHref: n,
+  onOpen: a
+}) {
+  const i = Kn(e);
+  if (i.length === 0)
+    return /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "No timed calls in this window yet." });
+  const c = ot(Math.max(...i.map((f) => f.calls))), r = ot(Math.max(...i.map((f) => f.p95Ms))), s = Math.max(1, ...i.map((f) => f.errorCount)), o = le - M.left - M.right, u = W - M.top - M.bottom, w = (f) => M.left + f / c * o, h = (f) => M.top + f / r * u, m = (f) => 16 + f / s * 14, p = ct(c), g = ct(r), S = 18, v = M.top + u / 2;
+  return /* @__PURE__ */ l("div", { className: "w6w-rel-scatter", children: [
+    /* @__PURE__ */ l(
+      "svg",
+      {
+        viewBox: `0 0 ${le} ${W}`,
+        style: { aspectRatio: `${le} / ${W}` },
+        role: "img",
+        "aria-label": "API performance: calls versus p95 latency, one point per API",
+        children: [
+          /* @__PURE__ */ t(
+            "rect",
+            {
+              x: M.left,
+              y: M.top,
+              width: o,
+              height: u,
+              className: "w6w-rel-scatter-plot-bg"
+            }
+          ),
+          g.map((f) => /* @__PURE__ */ l("g", { children: [
+            /* @__PURE__ */ t(
+              "line",
+              {
+                x1: M.left,
+                x2: le - M.right,
+                y1: h(f),
+                y2: h(f),
+                className: "w6w-rel-scatter-grid"
+              }
+            ),
+            /* @__PURE__ */ t("text", { x: M.left - 8, y: h(f), className: "w6w-rel-scatter-axis-label", textAnchor: "end", children: f })
+          ] }, `y-${f}`)),
+          p.map((f) => /* @__PURE__ */ t(
+            "text",
+            {
+              x: w(f),
+              y: W - M.bottom + 18,
+              className: "w6w-rel-scatter-axis-label",
+              textAnchor: "middle",
+              children: f
+            },
+            `x-${f}`
+          )),
+          /* @__PURE__ */ t(
+            "text",
+            {
+              x: S,
+              y: v,
+              className: "w6w-rel-scatter-axis-title",
+              textAnchor: "middle",
+              transform: `rotate(-90, ${S}, ${v})`,
+              children: "p95 (ms)"
+            }
+          ),
+          /* @__PURE__ */ t(
+            "text",
+            {
+              x: M.left + o / 2,
+              y: W - 4,
+              className: "w6w-rel-scatter-axis-title",
+              textAnchor: "middle",
+              children: "calls in this window"
+            }
+          ),
+          i.map((f) => {
+            const A = m(f.errorCount), T = w(f.calls), R = h(f.p95Ms), O = /* @__PURE__ */ l(C, { children: [
+              /* @__PURE__ */ t(
+                "circle",
+                {
+                  cx: T,
+                  cy: R,
+                  r: A / 2 + 2.5,
+                  className: `w6w-rel-scatter-ring w6w-rel-scatter-ring-${f.state}`,
+                  children: /* @__PURE__ */ l("title", { children: [
+                    f.displayName,
+                    " — ",
+                    f.calls,
+                    " calls, ",
+                    f.p95Ms,
+                    " ms p95, ",
+                    f.errorCount,
+                    " errors"
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ t(
+                "circle",
+                {
+                  cx: T,
+                  cy: R,
+                  r: A / 2,
+                  className: `w6w-rel-scatter-point w6w-rel-scatter-point-${f.state}`
+                }
+              )
+            ] });
+            return n ? /* @__PURE__ */ t(
+              "a",
+              {
+                href: n(f.appId),
+                className: "w6w-rel-scatter-point-link",
+                onClick: a ? (k) => a(f.appId, k) : void 0,
+                children: O
+              },
+              f.appId
+            ) : a ? /* @__PURE__ */ t(
+              "g",
+              {
+                role: "button",
+                tabIndex: 0,
+                className: "w6w-rel-scatter-point-link",
+                onClick: (k) => a(f.appId, k),
+                onKeyDown: (k) => {
+                  (k.key === "Enter" || k.key === " ") && (k.preventDefault(), k.currentTarget.dispatchEvent(
+                    new MouseEvent("click", { bubbles: !0 })
+                  ));
+                },
+                children: O
+              },
+              f.appId
+            ) : /* @__PURE__ */ t("g", { children: O }, f.appId);
+          })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small w6w-rel-scatter-note", children: "Up is faster, right is more calls — top-right is the best outcome. Icon size is the error count in this window; ring colour is exec status." })
+  ] });
+}
+function dt(e) {
+  const n = new Date(e);
+  return Number.isNaN(n.getTime()) ? e : n.toLocaleDateString(void 0, { month: "short", day: "numeric" });
+}
+function ht({
+  appId: e,
+  className: n,
+  title: a,
+  getHref: i,
+  onOpen: c,
+  children: r
+}) {
+  return i ? /* @__PURE__ */ t(
+    "a",
+    {
+      className: n,
+      href: i(e),
+      title: a,
+      onClick: c ? (s) => c(e, s) : void 0,
+      children: r
+    }
+  ) : c ? /* @__PURE__ */ t("button", { type: "button", className: n, title: a, onClick: (s) => c(e, s), children: r }) : /* @__PURE__ */ t("div", { className: n, title: a, children: r });
+}
+function pt({ service: e }) {
+  return /* @__PURE__ */ l("span", { className: "w6w-rel-signal", children: [
+    /* @__PURE__ */ t(Ie, { state: e.state }),
+    e.ongoingOutageId && /* @__PURE__ */ t("span", { className: "w6w-rel-tag", children: "outage open" }),
+    e.calls === 0 && /* @__PURE__ */ t("span", { className: "w6w-muted w6w-small", children: "no calls" })
+  ] });
+}
+function ft({ vendor: e }) {
+  if (!e) return /* @__PURE__ */ t("span", { className: "w6w-muted w6w-small", children: "not published" });
+  const n = e.state === "unknown";
+  return /* @__PURE__ */ l("span", { className: "w6w-rel-signal", title: e.message ?? void 0, children: [
+    /* @__PURE__ */ t(Ie, { state: e.state, label: n ? "Unavailable" : void 0 }),
+    !n && e.message && /* @__PURE__ */ t("span", { className: "w6w-rel-vendor-msg w6w-small", children: e.message })
+  ] });
+}
+function Yn({ service: e, getHref: n, onOpen: a }) {
+  return /* @__PURE__ */ l(
+    ht,
+    {
+      appId: e.appId,
+      className: "w6w-rel-issue-card",
+      title: `${e.displayName} — open service detail`,
+      getHref: n,
+      onOpen: a,
+      children: [
+        /* @__PURE__ */ l("span", { className: "w6w-rel-issue-head", children: [
+          /* @__PURE__ */ t(
+            de,
+            {
+              src: e.iconSrc,
+              srcDark: e.iconSrcDark,
+              brandColor: e.brandColor,
+              name: e.displayName,
+              size: 24
+            }
+          ),
+          /* @__PURE__ */ l("span", { className: "w6w-rel-issue-head-text", children: [
+            /* @__PURE__ */ t("strong", { children: e.displayName }),
+            e.attention === "recent" && /* @__PURE__ */ t("span", { className: "w6w-muted w6w-small", children: "trouble earlier in this window" })
+          ] })
+        ] }),
+        /* @__PURE__ */ l("span", { className: "w6w-rel-issue-signals", children: [
+          /* @__PURE__ */ l("span", { className: "w6w-rel-issue-signal", children: [
+            /* @__PURE__ */ t("span", { className: "w6w-muted w6w-small", children: "w6w exec" }),
+            /* @__PURE__ */ t(pt, { service: e })
+          ] }),
+          /* @__PURE__ */ l("span", { className: "w6w-rel-issue-signal", children: [
+            /* @__PURE__ */ t("span", { className: "w6w-muted w6w-small", children: "API status" }),
+            /* @__PURE__ */ t(ft, { vendor: e.vendorStatus })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function Gn({
+  service: e,
+  getHref: n,
+  onOpen: a
+}) {
+  const i = e.calls === 0;
+  return /* @__PURE__ */ l(
+    "tr",
+    {
+      className: `w6w-rel-tr${e.attention !== "none" ? " w6w-rel-attention" : ""}`,
+      "data-attention": e.attention === "none" ? void 0 : e.attention,
+      children: [
+        /* @__PURE__ */ t("td", { className: "w6w-rel-td-service", children: /* @__PURE__ */ l(ht, { appId: e.appId, className: "w6w-rel-open", getHref: n, onOpen: a, children: [
+          /* @__PURE__ */ t(
+            de,
+            {
+              src: e.iconSrc,
+              srcDark: e.iconSrcDark,
+              brandColor: e.brandColor,
+              name: e.displayName,
+              size: 28
+            }
+          ),
+          /* @__PURE__ */ l("span", { className: "w6w-rel-td-service-text", children: [
+            /* @__PURE__ */ t("strong", { children: e.displayName }),
+            /* @__PURE__ */ t("code", { className: "w6w-muted w6w-small", children: e.appId })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ l("td", { className: "w6w-rel-td-status", children: [
+          /* @__PURE__ */ l("span", { className: "w6w-rel-status-row", children: [
+            /* @__PURE__ */ t("span", { className: "w6w-rel-status-label w6w-muted w6w-small", children: "Ops" }),
+            /* @__PURE__ */ t(pt, { service: e })
+          ] }),
+          /* @__PURE__ */ l("span", { className: "w6w-rel-status-row", children: [
+            /* @__PURE__ */ t("span", { className: "w6w-rel-status-label w6w-muted w6w-small", children: "API" }),
+            /* @__PURE__ */ t(ft, { vendor: e.vendorStatus })
+          ] })
+        ] }),
+        /* @__PURE__ */ t("td", { className: "w6w-rel-td-uptime", children: i ? (
+          // A zero-call window is one identical hatched strip — the note says it better.
+          /* @__PURE__ */ t("span", { className: "w6w-rel-idle-note", children: "No calls in this window" })
+        ) : /* @__PURE__ */ l(C, { children: [
+          /* @__PURE__ */ t(
+            pn,
+            {
+              days: qn(e),
+              ariaLabel: `${e.displayName}, ${e.uptime.length}-day status, oldest day first`
+            }
+          ),
+          /* @__PURE__ */ l("span", { className: "w6w-muted w6w-small", children: [
+            e.calls,
+            " calls"
+          ] })
+        ] }) }),
+        /* @__PURE__ */ t("td", { className: "w6w-rel-td-p95", children: e.p95Ms === null ? "—" : `${e.p95Ms} ms` })
+      ]
+    }
+  );
+}
+function ka({
+  services: e,
+  window: n,
+  days: a,
+  compact: i = !1,
+  showChart: c,
+  limit: r,
+  getHref: s,
+  onOpen: o,
+  showAllHref: u,
+  onShowAll: w,
+  slots: h
+}) {
+  const m = a ?? (n == null ? void 0 : n.days) ?? 30, p = e.length > 0 && e.every(($) => $.calls > 0 && $.state === "ok"), {
+    attentionCount: g,
+    shownNow: S,
+    shownRecent: v,
+    hiddenAttentionCount: f,
+    shownTable: A,
+    hiddenTableCount: T
+  } = zn(e, { compact: i, limit: r }), R = c ?? !i, O = u !== void 0 || w !== void 0, k = ($) => {
+    const N = $.startsWith("Show") ? "w6w-muted w6w-small" : void 0;
+    return u !== void 0 ? /* @__PURE__ */ t("a", { href: u, className: N, onClick: w, children: $ }) : w ? /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: `w6w-rel-show-all${N ? ` ${N}` : ""}`,
+        onClick: w,
+        children: $
+      }
+    ) : null;
+  };
+  return /* @__PURE__ */ l("section", { className: "w6w-rel-section", children: [
+    /* @__PURE__ */ l("h3", { className: "w6w-rel-heading", children: [
+      /* @__PURE__ */ l("span", { children: [
+        (h == null ? void 0 : h.header) ?? "Service reliability",
+        " ",
+        n && /* @__PURE__ */ l("span", { className: "w6w-muted w6w-small", children: [
+          dt(n.from),
+          " – ",
+          dt(n.to),
+          " · ",
+          n.days,
+          " days"
+        ] })
+      ] }),
+      i && k("Show all services →"),
+      h == null ? void 0 : h.actions
+    ] }),
+    /* @__PURE__ */ l("div", { className: i ? "w6w-rel-card" : void 0, children: [
+      /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small w6w-rel-intro", children: "Connected services across your account. Performance for the selected project." }),
+      p && /* @__PURE__ */ l("div", { className: i ? "w6w-rel-allclear" : "w6w-rel-card w6w-rel-allclear", children: [
+        /* @__PURE__ */ t("h4", { children: "All clear" }),
+        /* @__PURE__ */ l("p", { children: [
+          "Every service you called in the last ",
+          m,
+          " days came back",
+          " ",
+          /* @__PURE__ */ t(Ie, { state: "ok" }),
+          " — no degraded stretches, no outages."
+        ] })
+      ] }),
+      e.length === 0 && ((h == null ? void 0 : h.empty) ?? /* @__PURE__ */ t("div", { className: i ? void 0 : "w6w-rel-card", children: /* @__PURE__ */ t("p", { className: "w6w-muted", children: "No services yet — connect an integration or use a service in this project." }) })),
+      e.length > 0 && /* @__PURE__ */ l(C, { children: [
+        g > 0 && /* @__PURE__ */ l("div", { className: "w6w-rel-group", children: [
+          /* @__PURE__ */ l("h4", { className: "w6w-rel-group-head", children: [
+            "Needs attention",
+            " ",
+            /* @__PURE__ */ l("span", { className: "w6w-muted w6w-small", children: [
+              S.length + v.length,
+              " of ",
+              g
+            ] })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "w6w-rel-issues", children: [...S, ...v].map(($) => /* @__PURE__ */ t(Yn, { service: $, getHref: s, onOpen: o }, $.appId)) }),
+          f > 0 && /* @__PURE__ */ l("p", { className: "w6w-muted w6w-small w6w-rel-more-note", children: [
+            f,
+            " more ",
+            f === 1 ? "needs" : "need",
+            " ",
+            "attention",
+            O && /* @__PURE__ */ l(C, { children: [
+              " — ",
+              k("view all →")
+            ] })
+          ] })
+        ] }),
+        R && /* @__PURE__ */ l("div", { className: "w6w-rel-group", children: [
+          /* @__PURE__ */ t("h4", { className: "w6w-rel-group-head", children: "Performance across your APIs" }),
+          /* @__PURE__ */ t(Vn, { services: e, getHref: s, onOpen: o })
+        ] }),
+        A.length > 0 && /* @__PURE__ */ l("div", { className: "w6w-rel-group", children: [
+          /* @__PURE__ */ l("h4", { className: "w6w-rel-group-head", children: [
+            i ? "Services" : "All services",
+            " ",
+            /* @__PURE__ */ t("span", { className: "w6w-muted w6w-small", children: i ? `${A.length} of ${e.length}` : e.length })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "w6w-rel-table-wrap", children: /* @__PURE__ */ l("table", { className: "w6w-rel-table", children: [
+            /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ l("tr", { children: [
+              /* @__PURE__ */ t("th", { children: "Service" }),
+              /* @__PURE__ */ t("th", { children: "Status" }),
+              /* @__PURE__ */ l("th", { children: [
+                "Last ",
+                m,
+                " days"
+              ] }),
+              /* @__PURE__ */ t("th", { children: "Latency" })
+            ] }) }),
+            /* @__PURE__ */ t("tbody", { children: A.map(($) => /* @__PURE__ */ t(
+              Gn,
+              {
+                service: $,
+                getHref: s,
+                onOpen: o
+              },
+              $.appId
+            )) })
+          ] }) }),
+          T > 0 && /* @__PURE__ */ l("p", { className: "w6w-muted w6w-small w6w-rel-more-note", children: [
+            T,
+            " more",
+            O && /* @__PURE__ */ l(C, { children: [
+              " — ",
+              k("view all →")
+            ] })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function xa({
+  rows: e,
+  title: n,
+  description: a,
+  emptyCopy: i,
+  newLabel: c = "New",
+  openRowTitle: r,
+  testIds: s,
+  loading: o,
+  error: u,
+  onCreate: w,
+  creating: h,
+  onImport: m,
+  onOpen: p,
+  getHref: g,
+  showArchived: S,
+  onShowArchivedChange: v,
+  slots: f
+}) {
+  const [A, T] = y(!1), R = S !== void 0, O = R ? S : A, k = O ? e : e.filter((N) => !N.archived), $ = p !== void 0 || g !== void 0;
+  return /* @__PURE__ */ l("section", { className: "w6w-callable-list", children: [
+    /* @__PURE__ */ l("div", { className: "w6w-callable-list-head", children: [
+      /* @__PURE__ */ l("div", { className: "w6w-callable-list-heading", children: [
+        (f == null ? void 0 : f.header) ?? /* @__PURE__ */ l(C, { children: [
+          /* @__PURE__ */ t("h2", { className: "w6w-callable-list-title", children: n }),
+          a != null && /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small w6w-callable-list-description", children: a })
+        ] }),
+        /* @__PURE__ */ l("label", { className: "w6w-muted w6w-small w6w-callable-list-toggle", children: [
+          /* @__PURE__ */ t(
+            "input",
+            {
+              type: "checkbox",
+              checked: O,
+              "data-testid": s == null ? void 0 : s.showArchived,
+              onChange: (N) => {
+                R || T(N.target.checked), v == null || v(N.target.checked);
+              }
+            }
+          ),
+          "Show archived"
+        ] })
+      ] }),
+      /* @__PURE__ */ l("div", { className: "w6w-callable-list-actions", children: [
+        f == null ? void 0 : f.actions,
+        m && /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "w6w-btn w6w-btn-ghost",
+            "data-testid": s == null ? void 0 : s.importOpen,
+            onClick: m,
+            children: "Import"
+          }
+        ),
+        w && /* @__PURE__ */ t("button", { type: "button", className: "w6w-btn", disabled: h, onClick: w, children: h ? "Creating…" : c })
+      ] })
+    ] }),
+    u && /* @__PURE__ */ t("div", { className: "w6w-error", children: u }),
+    /* @__PURE__ */ l("div", { className: "w6w-callable-list-body", children: [
+      o && /* @__PURE__ */ t("p", { className: "w6w-muted", children: "Loading…" }),
+      e.length === 0 && !o && /* @__PURE__ */ t("div", { className: "w6w-muted", children: (f == null ? void 0 : f.empty) ?? i }),
+      /* @__PURE__ */ t("ul", { className: "w6w-callable-list-rows", children: k.map((N) => /* @__PURE__ */ t("li", { title: $ ? r : void 0, children: /* @__PURE__ */ t(
+        H,
+        {
+          title: N.title,
+          subtitle: N.description,
+          href: g == null ? void 0 : g(N.id),
+          onClick: p ? (x) => p(N.id, x) : void 0,
+          trailing: N.archived || N.badges != null || N.trailing != null ? /* @__PURE__ */ l("span", { className: "w6w-callable-list-trail", children: [
+            N.badges,
+            N.archived && /* @__PURE__ */ t(
+              "span",
+              {
+                className: "w6w-callable-list-badge",
+                "data-testid": s == null ? void 0 : s.archivedBadge,
+                children: "archived"
+              }
+            ),
+            N.trailing
+          ] }) : void 0
+        }
+      ) }, N.id)) })
+    ] })
+  ] });
+}
+function Qn(e, n) {
+  if (e.app) return e.app;
+  if (e.app !== null)
+    return n.get(e.appId);
+}
+function Sa(e) {
+  const n = /* @__PURE__ */ new Set();
+  for (const a of e)
+    a.app === void 0 && n.add(a.appId);
+  return [...n];
+}
+function Ca({
+  connections: e,
+  appsById: n,
+  loading: a,
+  error: i,
+  onOpen: c,
+  getHref: r,
+  onEdit: s,
+  onDelete: o,
+  busy: u,
+  slots: w
+}) {
+  const h = n ?? /* @__PURE__ */ new Map();
+  return /* @__PURE__ */ l("section", { className: "w6w-connection-list", children: [
+    ((w == null ? void 0 : w.header) != null || (w == null ? void 0 : w.actions) != null) && /* @__PURE__ */ l("div", { className: "w6w-connection-list-head", children: [
+      /* @__PURE__ */ t("div", { className: "w6w-connection-list-heading", children: w == null ? void 0 : w.header }),
+      /* @__PURE__ */ t("div", { className: "w6w-connection-list-actions", children: w == null ? void 0 : w.actions })
+    ] }),
+    i && /* @__PURE__ */ t("div", { className: "w6w-error", children: i }),
+    a && /* @__PURE__ */ t("p", { className: "w6w-muted", children: "Loading…" }),
+    e.length === 0 && !a && /* @__PURE__ */ t("div", { className: "w6w-muted", children: (w == null ? void 0 : w.empty) ?? "No connections yet." }),
+    /* @__PURE__ */ t("ul", { className: "w6w-connection-rows", children: e.map((m) => {
+      const p = Qn(m, h), g = m.displayName || m.id, S = m.builtIn === !0;
+      return /* @__PURE__ */ l("li", { className: "w6w-connection-row", children: [
+        /* @__PURE__ */ t("div", { className: "w6w-connection-row-main", children: /* @__PURE__ */ t(
+          H,
+          {
+            href: S || r == null ? void 0 : r(m.id),
+            onClick: S || !c ? void 0 : (v) => c(m.id, v),
+            icon: /* @__PURE__ */ t(
+              de,
+              {
+                src: p == null ? void 0 : p.iconSvg,
+                srcDark: p == null ? void 0 : p.iconSvgDark,
+                brandColor: p == null ? void 0 : p.brandColor,
+                name: (p == null ? void 0 : p.displayName) ?? m.appId
+              }
+            ),
+            title: /* @__PURE__ */ l(C, { children: [
+              /* @__PURE__ */ t("strong", { className: "w6w-connection-name", title: g, children: g }),
+              " ",
+              /* @__PURE__ */ t("span", { className: "w6w-muted", children: (p == null ? void 0 : p.displayName) ?? m.appId })
+            ] }),
+            subtitle: /* @__PURE__ */ l(C, { children: [
+              "auth ",
+              /* @__PURE__ */ t("code", { children: m.authKey }),
+              " ·",
+              " ",
+              /* @__PURE__ */ t(
+                "span",
+                {
+                  className: `w6w-connection-tag${m.state === "connected" ? "" : " w6w-connection-tag-warn"}`,
+                  children: m.state
+                }
+              ),
+              m.lastTestOk === !1 && /* @__PURE__ */ t(
+                "span",
+                {
+                  className: "w6w-connection-tag w6w-connection-tag-danger",
+                  title: "Last test failed — update or re-test.",
+                  children: "invalid"
+                }
+              )
+            ] })
+          }
+        ) }),
+        !S && (s || o) && /* @__PURE__ */ l("div", { className: "w6w-connection-row-actions", children: [
+          s && /* @__PURE__ */ t(
+            An,
+            {
+              label: "Edit",
+              onClick: () => s(m),
+              "data-testid": `connection-edit-${m.id}`
+            }
+          ),
+          o && /* @__PURE__ */ t(
+            Tn,
+            {
+              label: "Delete",
+              onClick: () => o(m),
+              disabled: u,
+              "data-testid": `connection-delete-${m.id}`
+            }
+          )
+        ] })
+      ] }, m.id);
+    }) })
+  ] });
+}
+function $a({ connection: e, onClose: n, onSaved: a }) {
+  const i = ut(), c = i.updateConnection, r = e.builtIn === !0, s = !r && typeof c == "function", [o, u] = y(e.displayName ?? ""), [w, h] = y({}), [m, p] = y(null), [g, S] = y(null), [v, f] = y(!1);
+  q(() => {
+    if (!s) return;
+    let N = !1;
+    return p(null), i.getAppAuth(e.appId).then((x) => !N && p(x)).catch((x) => !N && S(x.message)), () => {
+      N = !0;
+    };
+  }, [i, s, e.appId]);
+  const A = m == null ? void 0 : m.find((N) => N.key === e.authKey), T = (A == null ? void 0 : A.type) === "oauth2", R = T ? [] : (A == null ? void 0 : A.fields) ?? [];
+  function O() {
+    const N = {};
+    for (const _ of R) {
+      const E = w[_.key];
+      E !== void 0 && E !== "" && (N[_.key] = E);
+    }
+    const x = {};
+    return o !== (e.displayName ?? "") && (x.displayName = o), Object.keys(N).length > 0 && (x.credential = N), x.displayName === void 0 && x.credential === void 0 ? null : x;
+  }
+  async function k() {
+    if (!s || !c || v) return;
+    S(null);
+    const N = O();
+    if (!N) {
+      S("Nothing to update — change the name or a credential field.");
+      return;
+    }
+    f(!0);
+    try {
+      const x = await c.call(i, e.id, N);
+      h({}), a(x);
+    } catch (x) {
+      S(x.message);
+    } finally {
+      f(!1);
+    }
+  }
+  const $ = Yt(k, { enabled: s && !v });
+  return /* @__PURE__ */ t(Ae, { title: "Edit connection", onClose: n, children: /* @__PURE__ */ l("div", { className: "w6w-stepconfig", children: [
+    /* @__PURE__ */ t("div", { className: "w6w-modal-body", children: /* @__PURE__ */ l("div", { className: "w6w-stack", children: [
+      r && /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "This connection is built in — it has no stored credential to edit." }),
+      !r && !s && /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "Editing connections is not available here." }),
+      s && /* @__PURE__ */ l(C, { children: [
+        /* @__PURE__ */ l("label", { className: "w6w-field", children: [
+          /* @__PURE__ */ t("span", { children: "Display name" }),
+          /* @__PURE__ */ t(
+            "input",
+            {
+              type: "text",
+              value: o,
+              onChange: (N) => u(N.target.value),
+              placeholder: "Connection name",
+              maxLength: 80,
+              name: "w6w-connection-label",
+              autoComplete: "off",
+              "data-1p-ignore": "true",
+              "data-lpignore": "true",
+              "data-bwignore": "true",
+              "data-form-type": "other",
+              ...$
+            }
+          )
+        ] }),
+        m === null && !g && /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "Loading auth fields…" }),
+        T && /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "This is an OAuth connection. You can rename it here; its credential is renewed by re-authorizing it." }),
+        R.length > 0 && /* @__PURE__ */ l(C, { children: [
+          /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "Leave a field blank to keep it unchanged. Filled fields replace the stored credential." }),
+          /* @__PURE__ */ t(
+            Vt,
+            {
+              mode: "edit",
+              fields: R,
+              values: w,
+              onChange: h,
+              enterSubmitProps: $
+            }
+          )
+        ] })
+      ] }),
+      g && /* @__PURE__ */ t("div", { className: "w6w-result w6w-error", children: g })
+    ] }) }),
+    /* @__PURE__ */ l("div", { className: "w6w-modal-actions", children: [
+      /* @__PURE__ */ t("button", { type: "button", className: "w6w-btn w6w-btn-ghost", onClick: n, children: "Cancel" }),
+      s && /* @__PURE__ */ t("button", { type: "button", className: "w6w-btn", disabled: v, onClick: k, children: v ? "Saving…" : "Save" })
+    ] })
+  ] }) });
+}
+function Aa({ conn: e, app: n, children: a }) {
+  return /* @__PURE__ */ l("div", { className: "w6w-connection-header", "data-testid": "connection-header", children: [
+    /* @__PURE__ */ t(
+      de,
+      {
+        src: n == null ? void 0 : n.iconSvg,
+        srcDark: n == null ? void 0 : n.iconSvgDark,
+        brandColor: n == null ? void 0 : n.brandColor,
+        name: (n == null ? void 0 : n.displayName) ?? e.appId,
+        size: 56
+      }
+    ),
+    /* @__PURE__ */ l("div", { className: "w6w-connection-header-main", children: [
+      /* @__PURE__ */ t("h2", { className: "w6w-connection-header-title", children: e.displayName || e.id }),
+      /* @__PURE__ */ l("p", { className: "w6w-muted w6w-small w6w-connection-header-meta", children: [
+        /* @__PURE__ */ t(wn, { value: e.id, className: "w6w-connection-id-copy" }),
+        " · App",
+        " ",
+        /* @__PURE__ */ t("code", { children: e.appId }),
+        " · Auth ",
+        /* @__PURE__ */ t("code", { children: e.authKey }),
+        " ·",
+        " ",
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: `w6w-connection-tag${e.state === "connected" ? "" : " w6w-connection-tag-warn"}`,
+            children: e.state
+          }
+        ),
+        e.lastTestOk === !1 && /* @__PURE__ */ t(
+          "span",
+          {
+            className: "w6w-connection-tag w6w-connection-tag-danger",
+            title: "Last test failed — update or re-test.",
+            children: "invalid"
+          }
+        )
+      ] })
+    ] }),
+    a && /* @__PURE__ */ t("div", { className: "w6w-connection-header-actions", children: a })
   ] });
 }
 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
+  rt as ATTENTION_DISPLAY_CAP,
+  oa as ActionTestForm,
+  Oa as AddConnectionModal,
+  rn as ApiCallsPanel,
+  se as ApiError,
+  de as AppIcon,
+  Ma as AppPicker,
+  Vt as AuthFieldsForm,
+  xa as CallableList,
+  Me as CodeBlock,
+  Ia as CodeEditor,
+  qt as Combobox,
+  Ht as ConfirmModal,
+  Aa as ConnectionHeader,
+  Ca as ConnectionList,
+  sn as Copyable,
+  wn as CopyableText,
+  Tn as DeleteButton,
+  An as EditButton,
+  $a as EditConnectionModal,
+  ga as ExecutionDetail,
+  va as ExecutionFilters,
+  Na as ExecutionList,
+  In as ExecutionLogPanel,
+  ya as ExecutionStats,
+  Ea as ExpressionInput,
+  Pa as ExpressionOptionsProvider,
+  Ie as HealthStatusPill,
+  ha as HistoryTimeline,
+  et as Icon,
+  z as IconButton,
+  pa as InfoTip,
+  ae as JsonEditor,
+  H as ListItem,
+  Ae as Modal,
+  _a as NodeConfigForm,
+  Wt as ParamsForm,
+  La as PropertyEntryForm,
+  Hn as RECENT_DISPLAY_CAP,
+  Vn as ReliabilityChart,
+  ka as ReliabilityList,
+  fa as RepoSyncIndicator,
+  Ua as RetryPolicyFields,
+  ma as ServerResourcesBadge,
+  da as ServerResourcesCard,
+  ua as ServerResourcesCardSmall,
+  wa as ServerResourcesRail,
+  Da as StepBuilderModal,
+  Pe as StepStatusPill,
+  pn as UptimeStrip,
+  Ba as W6WUIProvider,
+  ca as YamlEditor,
+  Sa as connectionAppIdsToLookUp,
+  ra as createW6WApi,
+  un as cropText,
+  zn as displayBoard,
+  Fa as filterOptions,
+  _e as formatDurationMs,
+  ce as formatExecutionTime,
+  Ya as iconNames,
+  Ja as isExprValue,
+  ja as isSecretValue,
+  Ka as isTestRequired,
+  ba as needsAttention,
+  Wn as partitionBoard,
+  Kn as performancePoints,
+  Wa as requiredParamsFilled,
+  Qn as resolveConnectionAppMeta,
+  qa as shouldUseCombobox,
+  Ha as startOAuthPopup,
+  qn as uptimeDays,
+  Yt as useEnterSubmit,
+  za as useExpressionOptions,
+  ut as useW6WApi
 };
 //# sourceMappingURL=index.mjs.map