@w6w/embed 0.1.0 → 0.2.0

package/dist/lists.mjs

@@ -0,0 +1,1185 @@
+"use client";
+import { jsxs as o, jsx as t, Fragment as T } from "react/jsx-runtime";
+import { useState as $, useMemo as D, useEffect as Ne } from "react";
+import { F as ve, E as be } from "./CreateFunctionModal-DRsFx-FB.js";
+import { d as ke, a as Ce, b as $e, t as ne, n as W, r as Ie, j as Le } from "./endpoints-B2ynbZo-.js";
+import { u as O, a as U } from "./project-context-BiCjv_E3.js";
+import { CallableList as Ae, ReliabilityList as Me, EditButton as ae, DeleteButton as Te, ListItem as H, HealthStatusPill as Q, HistoryTimeline as De, useW6WApi as ie, connectionAppIdsToLookUp as se, ConnectionList as xe, AddConnectionModal as Ee, EditConnectionModal as le, ConfirmModal as Re, resolveConnectionAppMeta as je, ConnectionHeader as Se, IconButton as Qe } from "@w6w/ui";
+import { I as Ke } from "./ImportSpecModal-BDQIf6rg.js";
+import { i as Oe } from "./rail-settings-XYGToh00.js";
+import { _ as _e, Y as re, I as Be, M as Fe, J as Pe, E as He } from "./spec-import-CjmxyZDR.js";
+import { b as qe } from "./workflow-blank-DyL3_RUA.js";
+import { f as We, e as G, g as Ue, b as Ve, h as Ye, i as Ze } from "./api-calls--JHyif6a.js";
+import { C as ze, a as Je } from "./ConfirmModal-RLbZT5_k.js";
+import { D as Ge } from "./DocumentFormModal-BExK1V-B.js";
+import { H as Xe, a as oe } from "./editor-apps-BdenSV1o.js";
+import { ApiError as ce } from "@w6w/sdk";
+import { useQueryClient as de } from "@tanstack/react-query";
+import { i as et, j as tt, b as q, c as ue, f as nt, k as at } from "./connections-CjjYeRqb.js";
+import { d as it } from "./apps-1FNUwbGv.js";
+function V(e) {
+  const { kind: n } = e, s = ke(n), [i, a] = $(!1), r = (e.rows ?? []).map((l) => ({
+    ...e.toRow(l),
+    id: l.id,
+    archived: Oe(l)
+  }));
+  return /* @__PURE__ */ o("div", { className: "w6w-embed-root", children: [
+    /* @__PURE__ */ t(
+      Ae,
+      {
+        rows: r,
+        title: s.listTitle,
+        description: s.listDescription,
+        emptyCopy: s.emptyCopy,
+        newLabel: s.newLabel,
+        openRowTitle: s.openRowTitle,
+        testIds: {
+          showArchived: s.showArchivedTestId,
+          importOpen: s.importOpenTestId,
+          archivedBadge: s.archivedBadgeTestId
+        },
+        loading: e.loading,
+        error: e.error,
+        onCreate: e.onCreate,
+        creating: e.creating,
+        onImport: () => a(!0),
+        onOpen: e.onOpen,
+        getHref: e.getHref,
+        slots: e.slots
+      }
+    ),
+    i && /* @__PURE__ */ t(
+      Ke,
+      {
+        kind: n,
+        project: e.project ?? void 0,
+        listKeys: { functionsKey: $e, endpointsKey: Ce, workflowsKey: _e },
+        onOpenImported: (l, u) => {
+          var h;
+          return (h = e.onOpen) == null ? void 0 : h.call(e, u);
+        },
+        onClose: () => a(!1)
+      }
+    ),
+    e.children
+  ] });
+}
+function zt(e) {
+  const n = ne(), s = O(e.project), [i, a] = $(null);
+  return /* @__PURE__ */ t(
+    V,
+    {
+      kind: "function",
+      rows: n.data,
+      loading: n.isLoading,
+      error: n.error ? String(n.error) : null,
+      project: s,
+      toRow: (r) => ({
+        title: r.displayName || r.key,
+        description: r.description,
+        badges: r.valid ? null : /* @__PURE__ */ t("span", { className: "w6w-callable-list-badge", children: "incomplete" })
+      }),
+      onOpen: e.onOpen,
+      getHref: e.getHref,
+      onCreate: () => a(W("function")),
+      slots: e.slots,
+      children: i !== null && /* @__PURE__ */ t(
+        ve,
+        {
+          newId: i,
+          takenKeys: (n.data ?? []).map((r) => r.key),
+          onClose: () => a(null),
+          onCreated: (r) => {
+            var l;
+            a(null), (l = e.onCreated) == null || l.call(e, r);
+          }
+        }
+      )
+    }
+  );
+}
+function Jt(e) {
+  const n = Ie(), s = O(e.project), [i, a] = $(null);
+  return /* @__PURE__ */ t(
+    V,
+    {
+      kind: "endpoint",
+      rows: n.data,
+      loading: n.isLoading,
+      error: n.error ? String(n.error) : null,
+      project: s,
+      toRow: (r) => ({
+        // The draft tag sits INSIDE the title, after the name: ui `ListItem` puts `badges` in
+        // a trailing `margin-left: auto` slot, which would strand it at the row's far edge.
+        title: /* @__PURE__ */ o(T, { children: [
+          /* @__PURE__ */ t("strong", { children: r.displayName || r.key }),
+          Le(r) ? /* @__PURE__ */ t(
+            "span",
+            {
+              className: "tag warn",
+              "data-testid": "endpoint-draft",
+              title: "No target configured yet — it cannot be invoked until one is set.",
+              children: "Unfinished"
+            }
+          ) : null
+        ] }),
+        description: r.description
+      }),
+      onOpen: e.onOpen,
+      getHref: e.getHref,
+      onCreate: () => a(W("endpoint")),
+      slots: e.slots,
+      children: i !== null && /* @__PURE__ */ t(
+        be,
+        {
+          newId: i,
+          takenKeys: (n.data ?? []).map((r) => r.key),
+          onClose: () => a(null),
+          onCreated: (r) => {
+            var l;
+            a(null), (l = e.onCreated) == null || l.call(e, r);
+          }
+        }
+      )
+    }
+  );
+}
+function Gt(e) {
+  const n = O(e.project), s = re(n ?? void 0, n != null), i = Be(n ?? void 0), [a, r] = $(null);
+  return /* @__PURE__ */ t(
+    V,
+    {
+      kind: "workflow",
+      rows: s.data,
+      loading: s.isLoading,
+      error: a ?? (s.error ? String(s.error) : null),
+      project: n,
+      toRow: (l) => ({
+        title: l.displayName || l.name,
+        description: l.description,
+        badges: /* @__PURE__ */ o(T, { children: [
+          l.tags.length > 0 && /* @__PURE__ */ t("span", { className: "wf-row-tags", children: l.tags.map((u) => /* @__PURE__ */ t("span", { className: "tag", children: u }, u)) }),
+          l.status !== "archived" && /* @__PURE__ */ t("span", { className: `badge wf-status ${l.status}`, children: l.status })
+        ] }),
+        trailing: /* @__PURE__ */ o("span", { className: "wf-col wf-col-stats muted small", children: [
+          l.runCount,
+          " ",
+          l.runCount === 1 ? "run" : "runs"
+        ] })
+      }),
+      onOpen: e.onOpen,
+      getHref: e.getHref,
+      onCreate: () => {
+        r(null), i.mutate(qe(W("workflow")), {
+          onSuccess: (l) => {
+            var u;
+            return (u = e.onCreated) == null ? void 0 : u.call(e, l.workflow.id);
+          },
+          onError: (l) => r(l instanceof Error ? l.message : String(l))
+        });
+      },
+      creating: i.isPending,
+      slots: e.slots
+    }
+  );
+}
+function Xt({
+  project: e,
+  variant: n = "full",
+  limit: s,
+  days: i = 30,
+  showChart: a,
+  getHref: r,
+  onOpen: l,
+  showAllHref: u,
+  onShowAll: h,
+  slots: f
+}) {
+  var v, d;
+  const g = U().project, m = e === void 0 ? g : e, b = m || null, y = We(b ?? void 0, i);
+  let p = f == null ? void 0 : f.empty;
+  return b ? y.isLoading ? p = /* @__PURE__ */ t("p", { className: "w6w-muted", children: "Loading…" }) : y.error && (p = /* @__PURE__ */ t("div", { className: "error", children: y.error.message })) : p = /* @__PURE__ */ t("p", { className: "w6w-muted", children: "Select a project to see its reliability." }), /* @__PURE__ */ t("div", { className: "w6w-embed-root", children: /* @__PURE__ */ t(
+    Me,
+    {
+      services: b ? ((v = y.data) == null ? void 0 : v.services) ?? [] : [],
+      window: b ? (d = y.data) == null ? void 0 : d.window : void 0,
+      days: i,
+      compact: n === "compact",
+      showChart: a,
+      limit: s,
+      getHref: r,
+      onOpen: l,
+      showAllHref: u,
+      onShowAll: h,
+      slots: { ...f, empty: p }
+    }
+  ) });
+}
+function st(e) {
+  const n = e.replace(/\s+/g, " ").trim();
+  return n.length > 80 ? `${n.slice(0, 80)}…` : n;
+}
+function en({ project: e, onOpen: n, getHref: s, slots: i, rowSlots: a }) {
+  var p, v;
+  const r = O(e), l = Fe(r ?? void 0, r != null), u = Pe(), [h, f] = $(null), [g, m] = $(null), b = (i == null ? void 0 : i.header) === void 0 ? /* @__PURE__ */ o("div", { children: [
+    /* @__PURE__ */ t("h3", { children: "Documents" }),
+    /* @__PURE__ */ t("p", { className: "muted small", children: "Each document is free-form content stored verbatim." })
+  ] }) : i.header, y = (i == null ? void 0 : i.empty) === void 0 ? /* @__PURE__ */ t("p", { className: "muted", children: "No documents yet." }) : i.empty;
+  return /* @__PURE__ */ o("div", { className: "w6w-embed-root", children: [
+    /* @__PURE__ */ o("section", { className: "section", children: [
+      /* @__PURE__ */ o("div", { className: "section-head", children: [
+        b,
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "btn",
+            disabled: r == null,
+            onClick: () => f({ mode: "create" }),
+            children: "+ Add document"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ o("div", { className: "card", children: [
+        l.isLoading && /* @__PURE__ */ t("p", { className: "muted", children: "Loading…" }),
+        ((p = l.data) == null ? void 0 : p.length) === 0 && y,
+        /* @__PURE__ */ t("ul", { className: "list", children: (v = l.data) == null ? void 0 : v.map((d) => {
+          var w, M, R;
+          const N = (w = a == null ? void 0 : a.lead) == null ? void 0 : w.call(a, d), A = /* @__PURE__ */ o(T, { children: [
+            N,
+            /* @__PURE__ */ o(
+              "div",
+              {
+                className: "list-main",
+                style: { marginLeft: N != null ? "var(--w6w-sp-2)" : 0 },
+                children: [
+                  /* @__PURE__ */ t("strong", { className: "list-name", title: d.key, children: d.key }),
+                  " ",
+                  /* @__PURE__ */ t("span", { className: "tag", children: d.format }),
+                  /* @__PURE__ */ o("div", { className: "muted small list-preview", children: [
+                    /* @__PURE__ */ t("code", { children: st(d.content) }),
+                    d.description && /* @__PURE__ */ o(T, { children: [
+                      " · ",
+                      d.description
+                    ] })
+                  ] })
+                ]
+              }
+            )
+          ] }), I = (M = a == null ? void 0 : a.footer) == null ? void 0 : M.call(a, d);
+          return /* @__PURE__ */ o("li", { className: "linked", style: { flexWrap: "wrap" }, children: [
+            s ? /* @__PURE__ */ t(
+              "a",
+              {
+                className: "list-link",
+                href: s(d.id),
+                onClick: (L) => n == null ? void 0 : n(d.id, L),
+                style: { display: "flex", alignItems: "center" },
+                children: A
+              }
+            ) : /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                className: "list-link",
+                onClick: (L) => n == null ? void 0 : n(d.id, L),
+                style: { display: "flex", alignItems: "center" },
+                children: A
+              }
+            ),
+            /* @__PURE__ */ o("div", { style: { display: "flex", gap: "var(--w6w-sp-1-5)" }, children: [
+              /* @__PURE__ */ t(ze, { resource: { kind: "document", key: d.key } }),
+              d.shared ? (R = a == null ? void 0 : a.sharedActions) == null ? void 0 : R.call(a, d) : /* @__PURE__ */ o(T, { children: [
+                /* @__PURE__ */ t(
+                  ae,
+                  {
+                    label: "Edit",
+                    onClick: () => f({ mode: "edit", d }),
+                    "data-testid": `document-edit-${d.id}`
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  Te,
+                  {
+                    label: "Delete",
+                    onClick: () => m(d),
+                    disabled: u.isPending,
+                    "data-testid": `document-delete-${d.id}`
+                  }
+                )
+              ] })
+            ] }),
+            I != null && /* @__PURE__ */ t("div", { style: { flexBasis: "100%" }, children: I })
+          ] }, d.id);
+        }) })
+      ] })
+    ] }),
+    h && /* @__PURE__ */ t(
+      Ge,
+      {
+        initial: h.mode === "edit" ? h.d : void 0,
+        project: r,
+        onClose: () => f(null),
+        onSaved: () => f(null)
+      }
+    ),
+    g && /* @__PURE__ */ t(
+      Je,
+      {
+        title: "Delete document",
+        message: `Delete the document "${g.key}"? This cannot be undone.`,
+        confirmLabel: "Delete",
+        onConfirm: () => {
+          r != null && u.mutate({ id: g.id, project: r }), m(null);
+        },
+        onClose: () => m(null)
+      }
+    )
+  ] });
+}
+const lt = {
+  workflow: "Workflow run",
+  workflow_step: "Workflow step",
+  connection_test: "Connection test",
+  node_debug: "Node debug",
+  // The synchronous arms, which joined the ledger with `0065_invocations`.
+  // Without these three the rollup would render raw column values.
+  function: "Function call",
+  endpoint: "Endpoint call",
+  action: "App action"
+};
+function K(e) {
+  return lt[e] ?? e;
+}
+const me = {
+  workflow: "workflow",
+  workflow_step: "workflow_step",
+  connection_test: "base",
+  node_debug: "base",
+  function: "function",
+  endpoint: "base",
+  action: "base"
+};
+function rt(e) {
+  return Object.hasOwn(me, e);
+}
+function he(e) {
+  return rt(e) ? me[e] : "base";
+}
+function ot(e, n) {
+  const s = /* @__PURE__ */ new Map();
+  for (const a of e ?? []) {
+    const r = a.displayName || a.key;
+    r && s.set(a.id, r);
+  }
+  const i = /* @__PURE__ */ new Map();
+  for (const a of n ?? []) {
+    const r = a.displayName || a.name;
+    r && i.set(a.id, r);
+  }
+  return { functions: s, workflows: i };
+}
+function ct(e, n) {
+  const s = e.summary ?? K(e.kind), i = he(e.kind);
+  if (i === "function" && e.functionId !== null) {
+    const a = n.functions.get(e.functionId);
+    if (a !== void 0)
+      return { text: a, target: { kind: "function", id: e.functionId } };
+  }
+  if (i === "workflow" && e.workflowId !== null) {
+    const a = n.workflows.get(e.workflowId);
+    if (a !== void 0)
+      return { text: a, target: { kind: "workflow", id: e.workflowId } };
+  }
+  if (i === "workflow_step") {
+    const a = e.workflowId, r = a !== null ? n.workflows.get(a) : void 0, l = r ?? a ?? e.summary ?? "Unknown workflow", u = r !== void 0 && a !== null;
+    return {
+      text: e.stepId ? `${l} - ${e.stepId}` : l,
+      target: u ? { kind: "workflow", id: a } : null
+    };
+  }
+  return { text: s, target: null };
+}
+const E = (e) => String(e).padStart(2, "0");
+function dt(e) {
+  const n = new Date(e);
+  return Number.isNaN(n.getTime()) ? e : `${`${n.getFullYear()}-${E(n.getMonth() + 1)}-${E(n.getDate())}`} ${E(n.getHours())}:${E(n.getMinutes())}:${E(n.getSeconds())}`;
+}
+function ut(e) {
+  return e == null || !Number.isFinite(e) || e < 0 ? null : e < 1e3 ? `${Math.round(e)} ms` : e < 6e4 ? `${(Math.floor(e / 100) / 10).toFixed(1)} s` : `${Math.floor(e / 6e4)}m ${Math.floor(e % 6e4 / 1e3)}s`;
+}
+function mt() {
+  const e = /* @__PURE__ */ new Date();
+  return e.setHours(0, 0, 0, 0), e.toISOString();
+}
+function ht(e, n) {
+  const s = new Date(e);
+  if (Number.isNaN(s.getTime())) return e;
+  const i = s.toLocaleDateString(void 0, { month: "short", day: "numeric" });
+  return n === "week" ? `Week of ${i}` : i;
+}
+function we({ ok: e }) {
+  return e === null ? /* @__PURE__ */ t("span", { className: "muted", children: "–" }) : /* @__PURE__ */ t("span", { className: e ? "ok" : "error", children: e ? "✓" : "✗" });
+}
+function B({ label: e, value: n }) {
+  return /* @__PURE__ */ o("div", { className: "w6w-activity-card w6w-activity-stat", children: [
+    /* @__PURE__ */ t("div", { className: "w6w-activity-stat-value", children: n }),
+    /* @__PURE__ */ t("div", { className: "muted small", children: e })
+  ] });
+}
+function X({
+  title: e,
+  headline: n,
+  loading: s
+}) {
+  const i = n ?? { workflowRuns: 0, succeeded: 0, failed: 0 };
+  return /* @__PURE__ */ o("section", { className: "w6w-activity-section", children: [
+    /* @__PURE__ */ t("h3", { children: e }),
+    s ? /* @__PURE__ */ t("p", { className: "muted", children: "Loading…" }) : /* @__PURE__ */ o("div", { className: "w6w-activity-stats", children: [
+      /* @__PURE__ */ t(B, { label: "Workflow runs", value: i.workflowRuns }),
+      /* @__PURE__ */ t(B, { label: "Succeeded", value: i.succeeded }),
+      /* @__PURE__ */ t(B, { label: "Failed", value: i.failed })
+    ] })
+  ] });
+}
+function wt({
+  entry: e,
+  names: n,
+  getHref: s,
+  onOpen: i
+}) {
+  const { text: a, target: r } = ct(e, n);
+  if (r === null) return /* @__PURE__ */ t(T, { children: a });
+  const l = i ? (u) => i(r, u) : void 0;
+  return s ? /* @__PURE__ */ t("a", { href: s(r), onClick: l, children: a }) : l ? /* @__PURE__ */ t("button", { type: "button", className: "w6w-activity-link", onClick: l, children: a }) : /* @__PURE__ */ t(T, { children: a });
+}
+function fe({ entry: e, title: n }) {
+  const s = ut(e.durationMs);
+  return /* @__PURE__ */ t(
+    H,
+    {
+      icon: /* @__PURE__ */ t(we, { ok: e.ok }),
+      title: n ?? e.summary ?? K(e.kind),
+      subtitle: `${K(e.kind)} · ${dt(e.occurredAt)}`,
+      trailing: s === null ? void 0 : /* @__PURE__ */ t("span", { className: "muted small", children: s })
+    }
+  );
+}
+function F(e) {
+  return /* @__PURE__ */ t(fe, { entry: e.entry, title: /* @__PURE__ */ t(wt, { ...e }) });
+}
+const ft = {
+  base: (e) => /* @__PURE__ */ t(fe, { entry: e.entry }),
+  function: F,
+  workflow: F,
+  workflow_step: F
+};
+function pt(e) {
+  const n = ft[he(e.entry.kind)];
+  return /* @__PURE__ */ t(n, { ...e });
+}
+function tn({ getHref: e, onOpen: n, slots: s }) {
+  var p, v, d, N, A, I;
+  const i = G("today", { from: mt(), bucket: "day" }), a = G("week", { bucket: "week" }), r = ne(), l = re(), u = D(
+    () => ot(r.data, l.data),
+    [r.data, l.data]
+  ), h = i.error ?? a.error, f = h ? h.message : null, g = ((p = a.data) == null ? void 0 : p.recent) ?? [], m = ((v = a.data) == null ? void 0 : v.series) ?? [], b = ((d = a.data) == null ? void 0 : d.range.bucket) ?? "week", y = !a.isLoading && g.length === 0 && (((N = a.data) == null ? void 0 : N.headline.workflowRuns) ?? 0) === 0;
+  return /* @__PURE__ */ o("div", { className: "w6w-embed-root", children: [
+    f && /* @__PURE__ */ t("div", { className: "error", children: f }),
+    s == null ? void 0 : s.header,
+    s == null ? void 0 : s.actions,
+    /* @__PURE__ */ t(
+      X,
+      {
+        title: "Today",
+        headline: (A = i.data) == null ? void 0 : A.headline,
+        loading: i.isLoading
+      }
+    ),
+    /* @__PURE__ */ t(
+      X,
+      {
+        title: "Last 7 days",
+        headline: (I = a.data) == null ? void 0 : I.headline,
+        loading: a.isLoading
+      }
+    ),
+    s == null ? void 0 : s.betweenHeadlineAndSeries,
+    /* @__PURE__ */ o("section", { className: "w6w-activity-section", children: [
+      /* @__PURE__ */ t("h3", { children: "Activity over time" }),
+      /* @__PURE__ */ t("div", { className: "w6w-activity-card", children: a.isLoading ? /* @__PURE__ */ t("p", { className: "muted", children: "Loading…" }) : m.length === 0 ? /* @__PURE__ */ t("p", { className: "muted", children: "No activity in this window yet." }) : /* @__PURE__ */ t("ul", { className: "list", children: m.map((w) => /* @__PURE__ */ o("li", { children: [
+        /* @__PURE__ */ o("span", { className: "list-main", children: [
+          /* @__PURE__ */ t("strong", { children: ht(w.bucket, b) }),
+          " ",
+          /* @__PURE__ */ t("span", { className: "muted small", children: K(w.kind) })
+        ] }),
+        " ",
+        /* @__PURE__ */ t(we, { ok: w.ok }),
+        " ",
+        /* @__PURE__ */ t("span", { className: "muted small", children: w.count })
+      ] }, `${w.bucket}-${w.kind}-${String(w.ok)}`)) }) })
+    ] }),
+    /* @__PURE__ */ o("section", { children: [
+      /* @__PURE__ */ t("h3", { className: "w6w-activity-h3", children: "Recent activity" }),
+      /* @__PURE__ */ t("div", { className: "w6w-activity-card", children: a.isLoading ? /* @__PURE__ */ t("p", { className: "muted", children: "Loading…" }) : y ? (s == null ? void 0 : s.empty) ?? /* @__PURE__ */ t("p", { className: "muted", children: "No runs yet — activity shows up here once your workflows run." }) : g.length === 0 ? /* @__PURE__ */ t("p", { className: "muted", children: "No recent activity in this window." }) : /* @__PURE__ */ t("div", { className: "list", children: g.map((w) => /* @__PURE__ */ t(
+        pt,
+        {
+          entry: w,
+          names: u,
+          getHref: e,
+          onOpen: n
+        },
+        w.id
+      )) }) })
+    ] })
+  ] });
+}
+function gt(e) {
+  return e !== null && "project" in e;
+}
+function nn(e) {
+  const n = U().project, [s, i] = $(He), a = e.scope !== void 0 ? e.scope : n ? { project: n } : null, r = e.filters !== void 0, l = e.filters ?? s, u = (h) => {
+    var f;
+    r || i(h), (f = e.onFiltersChange) == null || f.call(e, h);
+  };
+  return /* @__PURE__ */ t("div", { className: "w6w-embed-root", children: /* @__PURE__ */ t(
+    Xe,
+    {
+      scope: a,
+      showKind: e.showKind ?? gt(a),
+      filters: l,
+      onFiltersChange: u,
+      onOpenInEditor: e.onOpenInEditor
+    }
+  ) });
+}
+const yt = 1440 * 60 * 1e3;
+function Nt(e) {
+  if (!(e === null || e.timeline === null))
+    return e.timeline.map((n) => ({
+      id: n.id,
+      title: n.title,
+      state: n.state,
+      startedAt: n.startedAt,
+      updatedAt: n.updatedAt,
+      resolvedAt: n.resolvedAt,
+      components: n.components,
+      link: n.link
+    }));
+}
+function pe(e) {
+  return e.startedAt !== void 0 && e.resolvedAt === void 0;
+}
+function ee(e) {
+  const n = new Date(e);
+  return Number.isNaN(n.getTime()) ? e : n.toLocaleDateString("en-US", { month: "short", day: "numeric", timeZone: "UTC" });
+}
+function te(e, n) {
+  const s = new Date(e).getTime();
+  return Number.isNaN(s) ? 0 : Math.max(0, Math.floor((n - s) / yt));
+}
+function vt(e, n) {
+  if (!pe(e) || e.startedAt === void 0) return null;
+  const s = te(e.startedAt, n), i = ee(e.startedAt), a = s === 0 ? `open since ${i} (today)` : `open ${s}d (since ${i})`, r = e.updatedAt ?? e.startedAt, l = te(r, n), u = ee(r), h = l === 0 ? `last update ${u} (today)` : `last update ${u} (${l}d ago)`;
+  return `${a} · ${h}`;
+}
+function bt(e) {
+  return e ? Object.entries(e) : [];
+}
+function kt(e) {
+  return e.uptime.map((n) => ({ day: n.day, state: n.state }));
+}
+const x = [
+  ["e4xx", "4xx"],
+  ["e429", "429 rate-limited"],
+  ["eAuth", "auth (401/403)"],
+  ["e5xx", "5xx"]
+];
+function ge(e) {
+  const n = new Date(e);
+  return Number.isNaN(n.getTime()) ? e : n.toLocaleDateString(void 0, { month: "short", day: "numeric" });
+}
+function Y(e) {
+  if (!e) return "—";
+  const n = new Date(e);
+  return Number.isNaN(n.getTime()) ? e : n.toLocaleString(void 0, {
+    month: "short",
+    day: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  });
+}
+function S({ label: e, value: n, hint: s }) {
+  return /* @__PURE__ */ o("div", { className: "w6w-rel-card", style: { flex: "1 1 150px", minWidth: 150 }, children: [
+    /* @__PURE__ */ t("div", { style: { fontSize: "1.6rem", fontWeight: "var(--w6w-fw-semibold)", lineHeight: 1.15 }, children: n }),
+    /* @__PURE__ */ t("div", { className: "muted small", children: e }),
+    s && /* @__PURE__ */ t("div", { className: "muted small", children: s })
+  ] });
+}
+function Ct({
+  vendor: e,
+  displayName: n
+}) {
+  if (!e)
+    return /* @__PURE__ */ o("div", { className: "w6w-rel-card", children: [
+      /* @__PURE__ */ o("h4", { style: { margin: "0 0 var(--w6w-sp-1)" }, children: [
+        n,
+        " status"
+      ] }),
+      /* @__PURE__ */ o("p", { className: "muted", children: [
+        n,
+        " publishes no public health check, so there is nothing to ask about it. That is a statement about ",
+        n,
+        ", not a gap in the data above."
+      ] })
+    ] });
+  const s = e.state === "unknown", i = bt(e.components), a = (e.timeline ?? []).filter(pe), r = Date.now();
+  return /* @__PURE__ */ o("div", { className: "w6w-rel-card", children: [
+    /* @__PURE__ */ o("h4", { style: { margin: "0 0 var(--w6w-sp-2)" }, children: [
+      n,
+      " status",
+      " ",
+      /* @__PURE__ */ t(Q, { state: e.state, label: s ? "Unavailable" : void 0 })
+    ] }),
+    s && /* @__PURE__ */ t("p", { style: { margin: "0 0 var(--w6w-sp-2)" }, children: "We could not get a status from this API, so we cannot say whether it is up. That is separate from your own calls above, which are measured here regardless." }),
+    e.message && /* @__PURE__ */ t(
+      "p",
+      {
+        className: s ? "muted small" : void 0,
+        style: { margin: "0 0 var(--w6w-sp-2)" },
+        children: e.message
+      }
+    ),
+    /* @__PURE__ */ o("p", { className: "muted small", style: { margin: 0 }, children: [
+      s ? "Tried to read" : "Read from",
+      " ",
+      n,
+      "'s own status page — what",
+      " ",
+      n,
+      " says about itself, not what your calls did · last checked",
+      " ",
+      Y(e.checkedAt),
+      e.attributedTo.length > 0 && /* @__PURE__ */ o(T, { children: [
+        " ",
+        "· decided by",
+        " ",
+        e.attributedTo.map((l) => /* @__PURE__ */ t("code", { children: l }, l))
+      ] })
+    ] }),
+    i.length > 0 && /* @__PURE__ */ t("div", { className: "muted small", style: { margin: "var(--w6w-sp-2) 0 0" }, children: i.map(([l, u]) => /* @__PURE__ */ o("span", { className: "w6w-rel-tag", children: [
+      l,
+      ": ",
+      u.state
+    ] }, l)) }),
+    a.length > 0 && /* @__PURE__ */ t("ul", { className: "list", style: { margin: "var(--w6w-sp-2) 0 0" }, children: a.map((l) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ o("div", { className: "list-main", children: [
+      /* @__PURE__ */ t("strong", { children: l.title }),
+      " ",
+      /* @__PURE__ */ t(Q, { state: l.state }),
+      /* @__PURE__ */ t("div", { className: "muted small", children: vt(l, r) })
+    ] }) }, l.id ?? l.title)) }),
+    e.statusPageUrl !== null && /* @__PURE__ */ t("p", { className: "muted small", style: { margin: "var(--w6w-sp-2) 0 0" }, children: /* @__PURE__ */ o("a", { href: e.statusPageUrl, target: "_blank", rel: "noopener noreferrer", children: [
+      n,
+      "'s status page ↗"
+    ] }) })
+  ] });
+}
+function $t({ service: e }) {
+  if (e.calls === 0)
+    return /* @__PURE__ */ t("div", { className: "w6w-rel-card", children: /* @__PURE__ */ t("span", { className: "w6w-rel-idle-note", children: "No calls in this window" }) });
+  const n = e.uptime, s = Math.max(1, ...n.map((i) => i.calls));
+  return /* @__PURE__ */ o("div", { className: "w6w-rel-card", children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: "rel-daily-chart",
+        role: "img",
+        "aria-label": `${e.displayName}, calls per day, oldest first`,
+        children: n.map((i) => /* @__PURE__ */ t(
+          "span",
+          {
+            className: `rel-daily-bar rel-daily-bar-${i.state}`,
+            style: { height: `${i.calls > 0 ? Math.max(i.calls / s * 100, 4) : 2}%` },
+            title: `${ge(`${i.day}T00:00:00.000Z`)} — ${i.calls} calls, ${i.state}`
+          },
+          i.day
+        ))
+      }
+    ),
+    /* @__PURE__ */ t("p", { className: "muted small", style: { margin: "var(--w6w-sp-2) 0 0" }, children: "Calls per day, oldest first. Bar colour is that day's own state." })
+  ] });
+}
+function It({
+  service: e,
+  window: n
+}) {
+  const s = [...e.uptime].reverse().filter((l) => l.calls > 0), i = e.vendorStatus, a = Nt(i), r = a === void 0 ? `${e.displayName} publishes no incident history.` : `No incidents from ${e.displayName} in this window.`;
+  return /* @__PURE__ */ o("div", { className: "w6w-rel-card", children: [
+    /* @__PURE__ */ t(
+      De,
+      {
+        window: n,
+        days: kt(e),
+        incidents: a,
+        vendorEmptyLabel: r,
+        ariaLabel: `${e.displayName}, ${e.uptime.length}-day status and ${e.displayName} incidents, oldest day first`
+      }
+    ),
+    /* @__PURE__ */ o("p", { className: "muted small", style: { margin: "var(--w6w-sp-2) 0 0" }, children: [
+      "Oldest day leftmost. Days with no calls are ",
+      /* @__PURE__ */ t("code", { children: "unknown" }),
+      " — never a quiet green."
+    ] }),
+    s.length > 0 && /* @__PURE__ */ t("div", { className: "list", style: { marginTop: "var(--w6w-sp-3)" }, children: s.slice(0, 14).map((l) => /* @__PURE__ */ o("div", { className: "rel-day-row", children: [
+      /* @__PURE__ */ t("span", { style: { minWidth: 96 }, children: /* @__PURE__ */ t("strong", { children: ge(`${l.day}T00:00:00.000Z`) }) }),
+      /* @__PURE__ */ t(Q, { state: l.state }),
+      /* @__PURE__ */ o("span", { className: "muted small", children: [
+        l.calls,
+        " calls"
+      ] }),
+      /* @__PURE__ */ t("span", { className: "rel-errors", children: x.filter(([u]) => l.errors[u] > 0).map(([u, h]) => /* @__PURE__ */ o("span", { className: "w6w-rel-tag", children: [
+        h,
+        " ×",
+        l.errors[u]
+      ] }, u)) })
+    ] }, l.day)) })
+  ] });
+}
+function Lt({ errors: e }) {
+  if (x.reduce((i, [a]) => i + e[a], 0) === 0)
+    return /* @__PURE__ */ t("div", { className: "w6w-rel-card", children: /* @__PURE__ */ t("p", { className: "muted", style: { margin: 0 }, children: "No errors in this window." }) });
+  const s = Math.max(1, ...x.map(([i]) => e[i]));
+  return /* @__PURE__ */ t("div", { className: "w6w-rel-card rel-errormix-chart", children: x.map(([i, a]) => /* @__PURE__ */ o("div", { className: "rel-errormix-row", children: [
+    /* @__PURE__ */ t("span", { className: "muted small", children: a }),
+    /* @__PURE__ */ t("span", { className: "rel-errormix-track", children: /* @__PURE__ */ t(
+      "span",
+      {
+        className: "rel-errormix-bar",
+        style: { width: `${Math.max(e[i] / s * 100, e[i] > 0 ? 2 : 0)}%` }
+      }
+    ) }),
+    /* @__PURE__ */ t("span", { className: "rel-errormix-value small", children: e[i] })
+  ] }, i)) });
+}
+function At({ project: e, appId: n }) {
+  const s = Ve(e, n, { limit: 50 });
+  if (s.isLoading) return /* @__PURE__ */ t("p", { className: "muted", children: "Loading calls…" });
+  if (s.error) {
+    const a = s.error;
+    return /* @__PURE__ */ t("div", { className: "error", children: (a instanceof ce, a.message) });
+  }
+  const i = s.data ?? [];
+  return i.length === 0 ? /* @__PURE__ */ t("p", { className: "muted", children: "No calls captured for this service. Calls appear here once a workflow, function or ad-hoc invoke reaches it." }) : /* @__PURE__ */ o("div", { className: "rel-calls", children: [
+    /* @__PURE__ */ o("div", { className: "rel-call rel-call-head", children: [
+      /* @__PURE__ */ t("span", { children: "When" }),
+      /* @__PURE__ */ t("span", { children: "Action" }),
+      /* @__PURE__ */ t("span", { children: "Method" }),
+      /* @__PURE__ */ t("span", { children: "Status" }),
+      /* @__PURE__ */ t("span", { children: "Took" })
+    ] }),
+    i.map((a, r) => /* @__PURE__ */ o("div", { className: "rel-call", children: [
+      /* @__PURE__ */ t("span", { className: "muted small", children: Y(a.createdAt) }),
+      /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t("code", { children: a.actionKey ?? "—" }) }),
+      /* @__PURE__ */ t("span", { className: "muted small", children: a.method }),
+      /* @__PURE__ */ t("span", { className: a.status >= 400 || a.status === 0 ? "error" : "ok", children: a.status === 0 ? "no response" : a.status }),
+      /* @__PURE__ */ t("span", { className: "muted small", children: a.durationMs != null ? `${a.durationMs} ms` : "—" })
+    ] }, a.id ?? `${a.createdAt}-${r}`))
+  ] });
+}
+function Mt({
+  backHref: e,
+  onBack: n
+}) {
+  return e !== void 0 ? /* @__PURE__ */ t("p", { children: /* @__PURE__ */ t("a", { href: e, onClick: n, children: "← Back to all services" }) }) : n ? /* @__PURE__ */ t("p", { children: /* @__PURE__ */ t("button", { type: "button", className: "list-link", onClick: n, children: "← Back to all services" }) }) : null;
+}
+function an({
+  appId: e,
+  project: n,
+  days: s = 30,
+  backHref: i,
+  onBack: a,
+  slots: r
+}) {
+  var b, y, p, v;
+  const l = U().project, u = (n === void 0 ? l : n) || void 0, h = Ue(u, [e], s), f = h.error, g = f ? (f instanceof ce, f.message) : null, m = (b = h.data) == null ? void 0 : b.services.find((d) => d.appId === e);
+  return /* @__PURE__ */ o("div", { className: "w6w-embed-root", children: [
+    r == null ? void 0 : r.header,
+    r == null ? void 0 : r.actions,
+    !u && /* @__PURE__ */ t("p", { className: "w6w-muted", children: "Select a project to see this service." }),
+    g && /* @__PURE__ */ t("div", { className: "error", children: g }),
+    u && h.isLoading && /* @__PURE__ */ t("p", { className: "muted", children: "Loading…" }),
+    h.data && !m && /* @__PURE__ */ o("div", { className: "w6w-rel-card", children: [
+      (r == null ? void 0 : r.empty) ?? /* @__PURE__ */ o("p", { className: "muted", children: [
+        /* @__PURE__ */ t("code", { children: e }),
+        " is not used by this project's definitions and has no calls in the last ",
+        s,
+        " days."
+      ] }),
+      /* @__PURE__ */ t(Mt, { backHref: i, onBack: a })
+    ] }),
+    m && /* @__PURE__ */ o(T, { children: [
+      /* @__PURE__ */ o("section", { style: { marginBottom: "var(--w6w-sp-5)" }, children: [
+        /* @__PURE__ */ o(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "var(--w6w-sp-3)",
+              marginBottom: "var(--w6w-sp-3)"
+            },
+            children: [
+              /* @__PURE__ */ t(Q, { state: m.state }),
+              /* @__PURE__ */ t("span", { className: "muted small", children: "from your calls" }),
+              /* @__PURE__ */ t("code", { className: "muted small", children: m.appId }),
+              m.ongoingOutageId && /* @__PURE__ */ t("span", { className: "w6w-rel-tag", children: "outage still open" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ o("div", { style: { display: "flex", gap: "var(--w6w-sp-3)", flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ t(S, { label: "Calls in window", value: String(m.calls) }),
+          /* @__PURE__ */ t(
+            S,
+            {
+              label: "p95 latency",
+              value: m.p95Ms === null ? "—" : `${m.p95Ms} ms`,
+              hint: m.p95Ms === null ? "no timed calls" : void 0
+            }
+          ),
+          /* @__PURE__ */ t(S, { label: "Last call", value: Y(m.lastCallAt) }),
+          /* @__PURE__ */ t(
+            S,
+            {
+              label: "Errors",
+              value: String(x.reduce((d, [N]) => d + m.errors[N], 0)),
+              hint: x.filter(([d]) => m.errors[d] > 0).map(([d, N]) => `${N} ×${m.errors[d]}`).join(" · ") || "none"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ o("section", { style: { marginBottom: "var(--w6w-sp-5)" }, children: [
+        /* @__PURE__ */ t("h3", { style: { margin: "0 0 var(--w6w-sp-2)" }, children: "Error mix" }),
+        /* @__PURE__ */ t(Lt, { errors: m.errors })
+      ] }),
+      /* @__PURE__ */ o("section", { style: { marginBottom: "var(--w6w-sp-5)" }, children: [
+        /* @__PURE__ */ t("h3", { style: { margin: "0 0 var(--w6w-sp-2)" }, children: "API status" }),
+        /* @__PURE__ */ t(Ct, { vendor: m.vendorStatus, displayName: m.displayName })
+      ] }),
+      /* @__PURE__ */ o("section", { style: { marginBottom: "var(--w6w-sp-5)" }, children: [
+        /* @__PURE__ */ o("h3", { style: { margin: "0 0 var(--w6w-sp-2)" }, children: [
+          "Last ",
+          ((y = h.data) == null ? void 0 : y.window.days) ?? s,
+          " days",
+          " ",
+          /* @__PURE__ */ o("span", { className: "muted small", children: [
+            "uptime means ",
+            (p = h.data) == null ? void 0 : p.uptimeMeans
+          ] })
+        ] }),
+        /* @__PURE__ */ t(It, { service: m, window: ((v = h.data) == null ? void 0 : v.window) ?? { from: "", to: "" } }),
+        /* @__PURE__ */ t($t, { service: m })
+      ] }),
+      /* @__PURE__ */ o("section", { children: [
+        /* @__PURE__ */ o("h3", { style: { margin: "0 0 var(--w6w-sp-2)" }, children: [
+          "Recent calls",
+          " ",
+          /* @__PURE__ */ t("span", { className: "muted small", children: "the requests behind the numbers above" })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "w6w-rel-card", children: /* @__PURE__ */ t(At, { project: u, appId: m.appId }) })
+      ] })
+    ] })
+  ] });
+}
+const Tt = [];
+function sn({ onOpen: e, getHref: n, addLabel: s, slots: i }) {
+  const a = ie(), r = de(), l = et(), h = l.data ?? Tt, f = D(() => se(h), [h]), { byId: g } = oe(f), m = tt(), [b, y] = $(!1), [p, v] = $(null), [d, N] = $(null), A = typeof a.updateConnection == "function", I = i && "actions" in i ? i.actions : /* @__PURE__ */ t("button", { type: "button", className: "w6w-btn", onClick: () => y(!0), children: s ?? "+ Add connection" });
+  return /* @__PURE__ */ o("div", { className: "w6w-embed-root", children: [
+    /* @__PURE__ */ t(
+      xe,
+      {
+        connections: h,
+        appsById: g,
+        loading: l.isLoading,
+        error: l.error ? l.error.message : null,
+        onOpen: e,
+        getHref: n,
+        onEdit: A ? v : void 0,
+        onDelete: N,
+        busy: m.isPending,
+        slots: { ...i, actions: I }
+      }
+    ),
+    b && /* @__PURE__ */ t(
+      Ee,
+      {
+        onClose: () => y(!1),
+        onCreated: () => {
+          y(!1), r.invalidateQueries({ queryKey: q });
+        }
+      }
+    ),
+    p && /* @__PURE__ */ t(
+      le,
+      {
+        connection: p,
+        onClose: () => v(null),
+        onSaved: () => {
+          const w = p.id;
+          v(null), r.invalidateQueries({ queryKey: q }), r.invalidateQueries({ queryKey: ue(w) });
+        }
+      }
+    ),
+    d && /* @__PURE__ */ t(
+      Re,
+      {
+        title: "Delete connection",
+        message: `Delete the connection "${d.displayName || d.id}"? This cannot be undone.`,
+        confirmLabel: "Delete",
+        onClose: () => N(null),
+        onConfirm: () => {
+          const w = d.id;
+          N(null), m.mutate(w);
+        }
+      }
+    )
+  ] });
+}
+function P(e) {
+  const n = new Date(e).getTime();
+  if (Number.isNaN(n)) return "recently";
+  const s = Math.max(0, Math.round((Date.now() - n) / 1e3));
+  if (s < 45) return "just now";
+  const i = Math.round(s / 60);
+  if (i < 60) return `${i}m ago`;
+  const a = Math.round(i / 60);
+  if (a < 24) return `${a}h ago`;
+  const r = Math.round(a / 24);
+  return r < 30 ? `${r}d ago` : new Date(e).toLocaleDateString();
+}
+const Dt = {
+  ok: 6e3,
+  warn: 1e4,
+  error: 15e3
+}, xt = { ok: "✓", warn: "!", error: "✕" };
+function ln({
+  connectionId: e,
+  onOpenAction: n,
+  onBack: s,
+  slots: i
+}) {
+  var z;
+  const a = ie(), r = de(), l = nt(e), u = (z = l.data) == null ? void 0 : z.appId, h = D(
+    () => se(l.data ? [l.data] : []),
+    [l.data]
+  ), { byId: f } = oe(h), g = l.data ? je(l.data, f) : void 0, m = it(u, !!u), b = Ye(e), y = D(() => {
+    const c = /* @__PURE__ */ new Map();
+    for (const k of b.data ?? []) {
+      const C = c.get(k.actionKey) ?? [];
+      C.push(k), c.set(k.actionKey, C);
+    }
+    return c;
+  }, [b.data]), p = Ze(e).data ?? [], [v, d] = $(!1), [N, A] = $(""), I = at(e), [w, M] = $(null);
+  Ne(() => {
+    if (!w) return;
+    const c = setTimeout(() => M(null), Dt[w.kind]);
+    return () => clearTimeout(c);
+  }, [w]);
+  const R = () => {
+    M(null), I.mutate(void 0, {
+      onSuccess: (c) => {
+        var k;
+        if (!c.ok) {
+          M({
+            kind: "error",
+            text: `Connection test failed${(k = c.error) != null && k.message ? `: ${c.error.message}` : "."}`
+          });
+          return;
+        }
+        M(
+          c.untested ? { kind: "warn", text: `Connection stored. ${c.message ?? ""}`.trim() } : {
+            kind: "ok",
+            text: `Connection is valid${c.actionKey ? ` — probed ${c.actionKey}` : ""}.`
+          }
+        );
+      },
+      onError: (c) => M({ kind: "error", text: (c == null ? void 0 : c.message) ?? "Test failed." })
+    });
+  }, L = D(() => {
+    var k;
+    const c = [...((k = m.data) == null ? void 0 : k.actions) ?? []];
+    return c.sort((C, J) => (C.title || C.key).localeCompare(J.title || J.key)), c;
+  }, [m.data]), Z = D(() => {
+    const c = N.trim().toLowerCase();
+    return c ? L.filter(
+      (k) => (k.title || "").toLowerCase().includes(c) || k.key.toLowerCase().includes(c) || (k.description || "").toLowerCase().includes(c)
+    ) : L;
+  }, [L, N]);
+  if (l.isLoading || m.isLoading)
+    return /* @__PURE__ */ t("div", { className: "w6w-embed-root w6w-embed-conn-detail", children: /* @__PURE__ */ t("p", { className: "w6w-muted", children: "Loading…" }) });
+  if (!l.data)
+    return /* @__PURE__ */ o("div", { className: "w6w-embed-root w6w-embed-conn-detail", "data-testid": "connection-not-found", children: [
+      (i == null ? void 0 : i.empty) ?? /* @__PURE__ */ t("h2", { children: "Connection not found" }),
+      s && /* @__PURE__ */ t("button", { type: "button", className: "w6w-btn w6w-btn-ghost", onClick: s, children: "Back to integrations" })
+    ] });
+  const j = l.data, _ = m.data, ye = !j.builtIn && typeof a.updateConnection == "function";
+  return /* @__PURE__ */ o("div", { className: "w6w-embed-root w6w-embed-conn-detail", children: [
+    (i == null ? void 0 : i.header) ?? /* @__PURE__ */ o(Se, { conn: j, app: g, children: [
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "w6w-btn w6w-btn-ghost",
+          disabled: I.isPending,
+          onClick: R,
+          children: I.isPending ? "Testing…" : "Test connection"
+        }
+      ),
+      ye && /* @__PURE__ */ t(
+        ae,
+        {
+          label: "Edit",
+          onClick: () => d(!0),
+          "data-testid": "connection-detail-edit"
+        }
+      ),
+      i == null ? void 0 : i.actions
+    ] }),
+    w && /* @__PURE__ */ o(
+      "div",
+      {
+        className: `w6w-result w6w-embed-conn-notice w6w-embed-conn-notice-${w.kind}`,
+        role: w.kind === "error" ? "alert" : "status",
+        "aria-live": w.kind === "error" ? "assertive" : "polite",
+        "data-testid": "connection-test-notice",
+        children: [
+          /* @__PURE__ */ t("span", { "aria-hidden": "true", children: xt[w.kind] }),
+          /* @__PURE__ */ t("span", { className: "w6w-embed-conn-notice-text", children: w.text }),
+          /* @__PURE__ */ t(Qe, { icon: "close", label: "Dismiss", onClick: () => M(null) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ o("div", { className: "w6w-embed-conn-card", children: [
+      /* @__PURE__ */ o("h3", { children: [
+        "App: ",
+        (g == null ? void 0 : g.displayName) ?? j.appId
+      ] }),
+      _ && /* @__PURE__ */ o("p", { className: "w6w-muted w6w-small", children: [
+        "Version ",
+        /* @__PURE__ */ o("code", { children: [
+          "v",
+          _.version ?? "?"
+        ] }),
+        " · source ",
+        /* @__PURE__ */ t("code", { children: _.sourceRef })
+      ] }),
+      s && /* @__PURE__ */ t("p", { className: "w6w-small", children: /* @__PURE__ */ t("button", { type: "button", className: "w6w-btn w6w-btn-ghost", onClick: s, children: "← Integrations" }) })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "w6w-embed-conn-card", children: [
+      /* @__PURE__ */ t("h3", { children: "Actions" }),
+      L.length === 0 && /* @__PURE__ */ t("p", { className: "w6w-muted", children: "No actions exposed." }),
+      L.length > 10 && /* @__PURE__ */ t(
+        "input",
+        {
+          type: "search",
+          value: N,
+          placeholder: `Search ${L.length} actions…`,
+          onChange: (c) => A(c.target.value),
+          "aria-label": "Filter actions",
+          className: "w6w-embed-conn-filter"
+        }
+      ),
+      L.length > 0 && Z.length === 0 && /* @__PURE__ */ o("p", { className: "w6w-muted w6w-small", children: [
+        "No actions match “",
+        N,
+        "”."
+      ] }),
+      /* @__PURE__ */ t("ul", { className: "w6w-embed-conn-list", "aria-label": "Actions", children: Z.map((c) => {
+        const k = y.get(c.key) ?? [];
+        return /* @__PURE__ */ o("li", { children: [
+          /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              className: "w6w-embed-conn-action",
+              "data-testid": `connection-action-${c.key}`,
+              onClick: () => n(c.key),
+              children: [
+                /* @__PURE__ */ t("strong", { children: c.title }),
+                " ",
+                /* @__PURE__ */ t("code", { className: "w6w-muted", children: c.key }),
+                " ",
+                /* @__PURE__ */ t("span", { className: "w6w-embed-conn-badge", children: c.type }),
+                c.description && /* @__PURE__ */ t("div", { className: "w6w-muted w6w-small", children: c.description })
+              ]
+            }
+          ),
+          k.length > 0 && /* @__PURE__ */ t(
+            "ul",
+            {
+              className: "w6w-embed-conn-list w6w-embed-conn-tests",
+              "aria-label": `Saved tests for ${c.title || c.key}`,
+              children: k.map((C) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+                H,
+                {
+                  title: C.name,
+                  subtitle: C.lastRunAt ? /* @__PURE__ */ o("span", { children: [
+                    /* @__PURE__ */ t(
+                      "span",
+                      {
+                        className: C.lastRunOk ? "w6w-embed-conn-ok" : "w6w-embed-conn-fail",
+                        children: C.lastRunOk ? "✓" : "✗"
+                      }
+                    ),
+                    " ",
+                    C.lastRunSummary ? `${C.lastRunSummary} · ` : "",
+                    P(C.lastRunAt)
+                  ] }) : `saved ${P(C.updatedAt)}`,
+                  onClick: () => n(c.key, C.id)
+                }
+              ) }, C.id))
+            }
+          )
+        ] }, c.key);
+      }) })
+    ] }),
+    p.length > 0 && /* @__PURE__ */ o("div", { className: "w6w-embed-conn-card", children: [
+      /* @__PURE__ */ t("h3", { children: "Recent runs" }),
+      /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "Most recent tester runs against this connection." }),
+      /* @__PURE__ */ t("ul", { className: "w6w-embed-conn-list", "aria-label": "Recent runs", children: p.map((c) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+        H,
+        {
+          title: c.actionKey,
+          subtitle: /* @__PURE__ */ o("span", { children: [
+            /* @__PURE__ */ t("span", { className: c.ok ? "w6w-embed-conn-ok" : "w6w-embed-conn-fail", children: c.ok ? "✓" : "✗" }),
+            " ",
+            c.summary ? `${c.summary} · ` : "",
+            P(c.occurredAt)
+          ] })
+        }
+      ) }, c.id)) })
+    ] }),
+    v && /* @__PURE__ */ t(
+      le,
+      {
+        connection: j,
+        onClose: () => d(!1),
+        onSaved: () => {
+          d(!1), r.invalidateQueries({ queryKey: ue(e) }), r.invalidateQueries({ queryKey: q });
+        }
+      }
+    )
+  ] });
+}
+export {
+  tn as ActivitySummary,
+  ln as ConnectionDetail,
+  sn as ConnectionList,
+  en as DocumentList,
+  Jt as EndpointList,
+  zt as FunctionList,
+  Xt as ReliabilityBoard,
+  nn as RunHistory,
+  an as ServiceDetail,
+  Gt as WorkflowList
+};
+//# sourceMappingURL=lists.mjs.map