@w6w/embed 0.2.1 → 0.2.11

package/dist/lists.mjs

@@ -1,42 +1,46 @@
 "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)
+import { jsxs as l, jsx as t, Fragment as D } from "react/jsx-runtime";
+import { useState as C, useMemo as K, useEffect as Oe } from "react";
+import { F as qe, E as Fe } from "./CreateFunctionModal-D6CQLpa_.js";
+import { d as Ke, f as Qe, h as Be, b as pe, n as ae, u as We, m as _e } from "./endpoints-DSRo1Lc5.js";
+import { u as q, b as ie } from "./project-context-Tvp-La7A.js";
+import { CallableList as He, ReliabilityList as Ue, EmptyState as se, DataTable as le, EditButton as fe, DeleteButton as Ve, ListItem as te, HealthStatusPill as Z, HistoryTimeline as Ye, useW6WApi as ge, connectionAppIdsToLookUp as Ne, ConnectionList as Ze, AddConnectionModal as Je, EditConnectionModal as ye, Modal as ze, resolveConnectionAppMeta as Ge, ConnectionHeader as Xe, IconButton as et } from "@w6w/ui";
+import { I as tt } from "./ImportSpecModal-B7qd1Km2.js";
+import { i as nt } from "./rail-settings-XYGToh00.js";
+import { $ as at, Z as be, L as it, P as st, M as lt, E as rt } from "./spec-import-CW6R_Wk1.js";
+import { b as ot } from "./workflow-blank-DFpGObrn.js";
+import { f as ct, e as ce, g as dt, b as ut, h as mt, i as ht } from "./api-calls--JHyif6a.js";
+import { C as wt, a as pt } from "./ConfirmModal-BE-SdX-O.js";
+import { D as ft } from "./DocumentFormModal-YauVdolr.js";
+import { H as gt, u as ve } from "./editor-apps-BUZWld-m.js";
+import { ApiError as ke } from "@w6w/sdk";
+import { useQueryClient as Ce, useInfiniteQuery as $e } from "@tanstack/react-query";
+import { u as Nt, o as yt, k as Ie, c as ne, d as Te, m as bt, p as vt } from "./connections-D7cgXhDS.js";
+import { M as kt } from "./ModelRoutesManager-BGESQahw.js";
+import { h as Ct } from "./apps-CboASBKr.js";
+import { u as Le } from "./client-context-CX61Bgw-.js";
+import { p as $t, v as It, n as Tt, y as Lt } from "./models-bAayQPJ_.js";
+import { n as Mt, m as Dt, k as xt, p as At, q as Rt, v as Et, o as jt } from "./credentials-DaQU3Ca_.js";
+function re(e) {
+  const { kind: n } = e, i = Ke(n), [s, a] = C(!1), o = (e.rows ?? []).map((r) => ({
+    ...e.toRow(r),
+    id: r.id,
+    archived: nt(r)
   }));
-  return /* @__PURE__ */ o("div", { className: "w6w-embed-root", children: [
+  return /* @__PURE__ */ l("div", { className: "w6w-embed-root", children: [
     /* @__PURE__ */ t(
-      Ae,
+      He,
       {
-        rows: r,
-        title: s.listTitle,
-        description: s.listDescription,
-        emptyCopy: s.emptyCopy,
-        newLabel: s.newLabel,
-        openRowTitle: s.openRowTitle,
+        rows: o,
+        title: i.listTitle,
+        description: i.listDescription,
+        emptyCopy: i.emptyCopy,
+        newLabel: i.newLabel,
+        openRowTitle: i.openRowTitle,
         testIds: {
-          showArchived: s.showArchivedTestId,
-          importOpen: s.importOpenTestId,
-          archivedBadge: s.archivedBadgeTestId
+          showArchived: i.showArchivedTestId,
+          importOpen: i.importOpenTestId,
+          archivedBadge: i.archivedBadgeTestId
         },
         loading: e.loading,
         error: e.error,
@@ -48,15 +52,15 @@ function V(e) {
         slots: e.slots
       }
     ),
-    i && /* @__PURE__ */ t(
-      Ke,
+    s && /* @__PURE__ */ t(
+      tt,
       {
         kind: n,
         project: e.project ?? void 0,
-        listKeys: { functionsKey: $e, endpointsKey: Ce, workflowsKey: _e },
-        onOpenImported: (l, u) => {
+        listKeys: { functionsKey: Be, endpointsKey: Qe, workflowsKey: at },
+        onOpenImported: (r, c) => {
           var h;
-          return (h = e.onOpen) == null ? void 0 : h.call(e, u);
+          return (h = e.onOpen) == null ? void 0 : h.call(e, c);
         },
         onClose: () => a(!1)
       }
@@ -64,56 +68,56 @@ function V(e) {
     e.children
   ] });
 }
-function zt(e) {
-  const n = ne(), s = O(e.project), [i, a] = $(null);
+function Un(e) {
+  const n = pe(), i = q(e.project), [s, a] = C(null);
   return /* @__PURE__ */ t(
-    V,
+    re,
     {
       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" })
+      project: i,
+      toRow: (o) => ({
+        title: o.displayName || o.key,
+        description: o.description,
+        badges: o.valid ? null : /* @__PURE__ */ t("span", { className: "w6w-callable-list-badge", children: "incomplete" })
       }),
       onOpen: e.onOpen,
       getHref: e.getHref,
-      onCreate: () => a(W("function")),
+      onCreate: () => a(ae("function")),
       slots: e.slots,
-      children: i !== null && /* @__PURE__ */ t(
-        ve,
+      children: s !== null && /* @__PURE__ */ t(
+        qe,
         {
-          newId: i,
-          takenKeys: (n.data ?? []).map((r) => r.key),
+          newId: s,
+          takenKeys: (n.data ?? []).map((o) => o.key),
           onClose: () => a(null),
-          onCreated: (r) => {
-            var l;
-            a(null), (l = e.onCreated) == null || l.call(e, r);
+          onCreated: (o) => {
+            var r;
+            a(null), (r = e.onCreated) == null || r.call(e, o);
           }
         }
       )
     }
   );
 }
-function Jt(e) {
-  const n = Ie(), s = O(e.project), [i, a] = $(null);
+function Vn(e) {
+  const n = We(), i = q(e.project), [s, a] = C(null);
   return /* @__PURE__ */ t(
-    V,
+    re,
     {
       kind: "endpoint",
       rows: n.data,
       loading: n.isLoading,
       error: n.error ? String(n.error) : null,
-      project: s,
-      toRow: (r) => ({
+      project: i,
+      toRow: (o) => ({
         // 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(
+        title: /* @__PURE__ */ l(D, { children: [
+          /* @__PURE__ */ t("strong", { children: o.displayName || o.key }),
+          _e(o) ? /* @__PURE__ */ t(
             "span",
             {
               className: "tag warn",
@@ -123,221 +127,232 @@ function Jt(e) {
             }
           ) : null
         ] }),
-        description: r.description
+        description: o.description
       }),
       onOpen: e.onOpen,
       getHref: e.getHref,
-      onCreate: () => a(W("endpoint")),
+      onCreate: () => a(ae("endpoint")),
       slots: e.slots,
-      children: i !== null && /* @__PURE__ */ t(
-        be,
+      children: s !== null && /* @__PURE__ */ t(
+        Fe,
         {
-          newId: i,
-          takenKeys: (n.data ?? []).map((r) => r.key),
+          newId: s,
+          takenKeys: (n.data ?? []).map((o) => o.key),
           onClose: () => a(null),
-          onCreated: (r) => {
-            var l;
-            a(null), (l = e.onCreated) == null || l.call(e, r);
+          onCreated: (o) => {
+            var r;
+            a(null), (r = e.onCreated) == null || r.call(e, o);
           }
         }
       )
     }
   );
 }
-function Gt(e) {
-  const n = O(e.project), s = re(n ?? void 0, n != null), i = Be(n ?? void 0), [a, r] = $(null);
+function Yn(e) {
+  const n = q(e.project), i = be(n ?? void 0, n != null), s = it(n ?? void 0), [a, o] = C(null);
   return /* @__PURE__ */ t(
-    V,
+    re,
     {
       kind: "workflow",
-      rows: s.data,
-      loading: s.isLoading,
-      error: a ?? (s.error ? String(s.error) : null),
+      rows: i.data,
+      loading: i.isLoading,
+      error: a ?? (i.error ? String(i.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 })
+      toRow: (r) => ({
+        title: r.displayName || r.name,
+        description: r.description,
+        badges: /* @__PURE__ */ l(D, { children: [
+          r.tags.length > 0 && /* @__PURE__ */ t("span", { className: "wf-row-tags", children: r.tags.map((c) => /* @__PURE__ */ t("span", { className: "tag", children: c }, c)) }),
+          r.status !== "archived" && /* @__PURE__ */ t("span", { className: `badge wf-status ${r.status}`, children: r.status })
         ] }),
-        trailing: /* @__PURE__ */ o("span", { className: "wf-col wf-col-stats muted small", children: [
-          l.runCount,
+        trailing: /* @__PURE__ */ l("span", { className: "wf-col wf-col-stats muted small", children: [
+          r.runCount,
           " ",
-          l.runCount === 1 ? "run" : "runs"
+          r.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);
+        o(null), s.mutate(ot(ae("workflow")), {
+          onSuccess: (r) => {
+            var c;
+            return (c = e.onCreated) == null ? void 0 : c.call(e, r.workflow.id);
           },
-          onError: (l) => r(l instanceof Error ? l.message : String(l))
+          onError: (r) => o(r instanceof Error ? r.message : String(r))
         });
       },
-      creating: i.isPending,
+      creating: s.isPending,
       slots: e.slots
     }
   );
 }
-function Xt({
+function Zn({
   project: e,
   variant: n = "full",
-  limit: s,
-  days: i = 30,
+  limit: i,
+  days: s = 30,
   showChart: a,
-  getHref: r,
-  onOpen: l,
-  showAllHref: u,
+  getHref: o,
+  onOpen: r,
+  showAllHref: c,
   onShowAll: h,
-  slots: f
+  slots: w
 }) {
-  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,
+  var g, m;
+  const N = ie().project, d = e === void 0 ? N : e, y = d || null, k = ct(y ?? void 0, s);
+  let b = w == null ? void 0 : w.empty;
+  return y ? k.isLoading ? b = /* @__PURE__ */ t("p", { className: "w6w-muted", children: "Loading…" }) : k.error && (b = /* @__PURE__ */ t("div", { className: "error", children: k.error.message })) : b = /* @__PURE__ */ t("p", { className: "w6w-muted", children: "Select a project to see its reliability." }), /* @__PURE__ */ t("div", { className: "w6w-embed-root", children: /* @__PURE__ */ t(
+    Ue,
     {
-      services: b ? ((v = y.data) == null ? void 0 : v.services) ?? [] : [],
-      window: b ? (d = y.data) == null ? void 0 : d.window : void 0,
-      days: i,
+      services: y ? ((g = k.data) == null ? void 0 : g.services) ?? [] : [],
+      window: y ? (m = k.data) == null ? void 0 : m.window : void 0,
+      days: s,
       compact: n === "compact",
       showChart: a,
-      limit: s,
-      getHref: r,
-      onOpen: l,
-      showAllHref: u,
+      limit: i,
+      getHref: o,
+      onOpen: r,
+      showAllHref: c,
       onShowAll: h,
-      slots: { ...f, empty: p }
+      slots: { ...w, empty: b }
     }
   ) });
 }
-function st(e) {
+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: [
+function Jn({ project: e, onOpen: n, getHref: i, slots: s, rowSlots: a }) {
+  var g;
+  const o = q(e), r = st(o ?? void 0, o != null), c = lt(), [h, w] = C(null), [N, d] = C(null), y = (s == null ? void 0 : s.header) === void 0 ? /* @__PURE__ */ l("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
-                    ] })
+  ] }) : s.header, k = (s == null ? void 0 : s.empty) === void 0 ? /* @__PURE__ */ t(se, { testId: "document-list-empty", children: "No documents yet." }) : s.empty, b = [
+    {
+      key: "key",
+      header: "Document",
+      render: (m) => {
+        var T;
+        const p = (T = a == null ? void 0 : a.lead) == null ? void 0 : T.call(a, m);
+        return /* @__PURE__ */ l("span", { style: { display: "flex", alignItems: "center" }, children: [
+          p,
+          /* @__PURE__ */ l(
+            "span",
+            {
+              className: "list-main",
+              style: { marginLeft: p != null ? "var(--w6w-sp-2)" : 0 },
+              children: [
+                /* @__PURE__ */ t("strong", { className: "list-name", title: m.key, children: m.key }),
+                " ",
+                /* @__PURE__ */ t("span", { className: "tag", children: m.format }),
+                /* @__PURE__ */ l("div", { className: "muted small list-preview", children: [
+                  /* @__PURE__ */ t("code", { children: St(m.content) }),
+                  m.description && /* @__PURE__ */ l(D, { children: [
+                    " · ",
+                    m.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: [
+                ] })
+              ]
+            }
+          )
+        ] });
+      }
+    },
+    {
+      key: "actions",
+      header: "",
+      align: "right",
+      link: !1,
+      render: (m) => {
+        var T, x;
+        const p = (T = a == null ? void 0 : a.footer) == null ? void 0 : T.call(a, m);
+        return (
+          // Clicks here must not reach the row's onOpen.
+          // biome-ignore lint/a11y/useKeyWithClickEvents: propagation guard only; the buttons inside are the controls.
+          /* @__PURE__ */ l("div", { onClick: (v) => v.stopPropagation(), children: [
+            /* @__PURE__ */ l("div", { style: { display: "flex", gap: "var(--w6w-sp-1-5)", justifyContent: "flex-end" }, children: [
+              /* @__PURE__ */ t(pt, { resource: { kind: "document", key: m.key } }),
+              m.shared ? (x = a == null ? void 0 : a.sharedActions) == null ? void 0 : x.call(a, m) : /* @__PURE__ */ l(D, { children: [
                 /* @__PURE__ */ t(
-                  ae,
+                  fe,
                   {
                     label: "Edit",
-                    onClick: () => f({ mode: "edit", d }),
-                    "data-testid": `document-edit-${d.id}`
+                    onClick: () => w({ mode: "edit", d: m }),
+                    "data-testid": `document-edit-${m.id}`
                   }
                 ),
                 /* @__PURE__ */ t(
-                  Te,
+                  Ve,
                   {
                     label: "Delete",
-                    onClick: () => m(d),
-                    disabled: u.isPending,
-                    "data-testid": `document-delete-${d.id}`
+                    onClick: () => d(m),
+                    disabled: c.isPending,
+                    "data-testid": `document-delete-${m.id}`
                   }
                 )
               ] })
             ] }),
-            I != null && /* @__PURE__ */ t("div", { style: { flexBasis: "100%" }, children: I })
-          ] }, d.id);
-        }) })
+            p != null && /* @__PURE__ */ t("div", { className: "w6w-doc-footer", children: p })
+          ] })
+        );
+      }
+    }
+  ];
+  return /* @__PURE__ */ l("div", { className: "w6w-embed-root", children: [
+    /* @__PURE__ */ l("section", { className: "section", children: [
+      /* @__PURE__ */ l("div", { className: "section-head", children: [
+        y,
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "btn",
+            disabled: o == null,
+            onClick: () => w({ mode: "create" }),
+            children: "+ Add document"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l("div", { className: "card", children: [
+        r.isLoading && /* @__PURE__ */ t("p", { className: "muted", children: "Loading…" }),
+        ((g = r.data) == null ? void 0 : g.length) === 0 && k,
+        r.data != null && r.data.length > 0 && /* @__PURE__ */ t(
+          le,
+          {
+            columns: b,
+            rows: r.data,
+            rowKey: (m) => m.id,
+            getRowHref: i ? (m) => i(m.id) : void 0,
+            onRowClick: n ? (m, p) => n(m.id, p) : void 0
+          }
+        )
       ] })
     ] }),
     h && /* @__PURE__ */ t(
-      Ge,
+      ft,
       {
         initial: h.mode === "edit" ? h.d : void 0,
-        project: r,
-        onClose: () => f(null),
-        onSaved: () => f(null)
+        project: o,
+        onClose: () => w(null),
+        onSaved: () => w(null)
       }
     ),
-    g && /* @__PURE__ */ t(
-      Je,
+    N && /* @__PURE__ */ t(
+      wt,
       {
         title: "Delete document",
-        message: `Delete the document "${g.key}"? This cannot be undone.`,
+        message: `Delete the document "${N.key}"? This cannot be undone.`,
         confirmLabel: "Delete",
         onConfirm: () => {
-          r != null && u.mutate({ id: g.id, project: r }), m(null);
+          o != null && c.mutate({ id: N.id, project: o }), d(null);
         },
-        onClose: () => m(null)
+        onClose: () => d(null)
       }
     )
   ] });
 }
-const lt = {
+const Pt = {
   workflow: "Workflow run",
   workflow_step: "Workflow step",
   connection_test: "Connection test",
@@ -348,10 +363,10 @@ const lt = {
   endpoint: "Endpoint call",
   action: "App action"
 };
-function K(e) {
-  return lt[e] ?? e;
+function J(e) {
+  return Pt[e] ?? e;
 }
-const me = {
+const Me = {
   workflow: "workflow",
   workflow_step: "workflow_step",
   connection_test: "base",
@@ -360,201 +375,201 @@ const me = {
   endpoint: "base",
   action: "base"
 };
-function rt(e) {
-  return Object.hasOwn(me, e);
+function Ot(e) {
+  return Object.hasOwn(Me, e);
 }
-function he(e) {
-  return rt(e) ? me[e] : "base";
+function De(e) {
+  return Ot(e) ? Me[e] : "base";
 }
-function ot(e, n) {
-  const s = /* @__PURE__ */ new Map();
+function qt(e, n) {
+  const i = /* @__PURE__ */ new Map();
   for (const a of e ?? []) {
-    const r = a.displayName || a.key;
-    r && s.set(a.id, r);
+    const o = a.displayName || a.key;
+    o && i.set(a.id, o);
   }
-  const i = /* @__PURE__ */ new Map();
+  const s = /* @__PURE__ */ new Map();
   for (const a of n ?? []) {
-    const r = a.displayName || a.name;
-    r && i.set(a.id, r);
+    const o = a.displayName || a.name;
+    o && s.set(a.id, o);
   }
-  return { functions: s, workflows: i };
+  return { functions: i, workflows: s };
 }
-function ct(e, n) {
-  const s = e.summary ?? K(e.kind), i = he(e.kind);
-  if (i === "function" && e.functionId !== null) {
+function Ft(e, n) {
+  const i = e.summary ?? J(e.kind), s = De(e.kind);
+  if (s === "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) {
+  if (s === "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;
+  if (s === "workflow_step") {
+    const a = e.workflowId, o = a !== null ? n.workflows.get(a) : void 0, r = o ?? a ?? e.summary ?? "Unknown workflow", c = o !== void 0 && a !== null;
     return {
-      text: e.stepId ? `${l} - ${e.stepId}` : l,
-      target: u ? { kind: "workflow", id: a } : null
+      text: e.stepId ? `${r} - ${e.stepId}` : r,
+      target: c ? { kind: "workflow", id: a } : null
     };
   }
-  return { text: s, target: null };
+  return { text: i, target: null };
 }
-const E = (e) => String(e).padStart(2, "0");
-function dt(e) {
+const _ = (e) => String(e).padStart(2, "0");
+function xe(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())}`;
+  return Number.isNaN(n.getTime()) ? e : `${`${n.getFullYear()}-${_(n.getMonth() + 1)}-${_(n.getDate())}`} ${_(n.getHours())}:${_(n.getMinutes())}:${_(n.getSeconds())}`;
 }
-function ut(e) {
+function Ae(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() {
+function Kt() {
   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 Qt(e, n) {
+  const i = new Date(e);
+  if (Number.isNaN(i.getTime())) return e;
+  const s = i.toLocaleDateString(void 0, { month: "short", day: "numeric" });
+  return n === "week" ? `Week of ${s}` : s;
 }
-function we({ ok: e }) {
+function Re({ 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: [
+function G({ label: e, value: n }) {
+  return /* @__PURE__ */ l("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({
+function de({
   title: e,
   headline: n,
-  loading: s
+  loading: i
 }) {
-  const i = n ?? { workflowRuns: 0, succeeded: 0, failed: 0 };
-  return /* @__PURE__ */ o("section", { className: "w6w-activity-section", children: [
+  const s = n ?? { workflowRuns: 0, succeeded: 0, failed: 0 };
+  return /* @__PURE__ */ l("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 })
+    i ? /* @__PURE__ */ t("p", { className: "muted", children: "Loading…" }) : /* @__PURE__ */ l("div", { className: "w6w-activity-stats", children: [
+      /* @__PURE__ */ t(G, { label: "Workflow runs", value: s.workflowRuns }),
+      /* @__PURE__ */ t(G, { label: "Succeeded", value: s.succeeded }),
+      /* @__PURE__ */ t(G, { label: "Failed", value: s.failed })
     ] })
   ] });
 }
-function wt({
+function Bt({
   entry: e,
   names: n,
-  getHref: s,
-  onOpen: i
+  getHref: i,
+  onOpen: s
 }) {
-  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 });
+  const { text: a, target: o } = Ft(e, n);
+  if (o === null) return /* @__PURE__ */ t(D, { children: a });
+  const r = s ? (c) => s(o, c) : void 0;
+  return i ? /* @__PURE__ */ t("a", { href: i(o), onClick: r, children: a }) : r ? /* @__PURE__ */ t("button", { type: "button", className: "w6w-activity-link", onClick: r, children: a }) : /* @__PURE__ */ t(D, { children: a });
 }
-function fe({ entry: e, title: n }) {
-  const s = ut(e.durationMs);
+function Ee({ entry: e, title: n }) {
+  const i = Ae(e.durationMs);
   return /* @__PURE__ */ t(
-    H,
+    te,
     {
-      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 })
+      icon: /* @__PURE__ */ t(Re, { ok: e.ok }),
+      title: n ?? e.summary ?? J(e.kind),
+      subtitle: `${J(e.kind)} · ${xe(e.occurredAt)}`,
+      trailing: i === null ? void 0 : /* @__PURE__ */ t("span", { className: "muted small", children: i })
     }
   );
 }
-function F(e) {
-  return /* @__PURE__ */ t(fe, { entry: e.entry, title: /* @__PURE__ */ t(wt, { ...e }) });
+function X(e) {
+  return /* @__PURE__ */ t(Ee, { entry: e.entry, title: /* @__PURE__ */ t(Bt, { ...e }) });
 }
-const ft = {
-  base: (e) => /* @__PURE__ */ t(fe, { entry: e.entry }),
-  function: F,
-  workflow: F,
-  workflow_step: F
+const Wt = {
+  base: (e) => /* @__PURE__ */ t(Ee, { entry: e.entry }),
+  function: X,
+  workflow: X,
+  workflow_step: X
 };
-function pt(e) {
-  const n = ft[he(e.entry.kind)];
+function _t(e) {
+  const n = Wt[De(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,
+function zn({ getHref: e, onOpen: n, slots: i }) {
+  var b, g, m, p, T, x;
+  const s = ce("today", { from: Kt(), bucket: "day" }), a = ce("week", { bucket: "week" }), o = pe(), r = be(), c = K(
+    () => qt(o.data, r.data),
+    [o.data, r.data]
+  ), h = s.error ?? a.error, w = h ? h.message : null, N = ((b = a.data) == null ? void 0 : b.recent) ?? [], d = ((g = a.data) == null ? void 0 : g.series) ?? [], y = ((m = a.data) == null ? void 0 : m.range.bucket) ?? "week", k = !a.isLoading && N.length === 0 && (((p = a.data) == null ? void 0 : p.headline.workflowRuns) ?? 0) === 0;
+  return /* @__PURE__ */ l("div", { className: "w6w-embed-root", children: [
+    w && /* @__PURE__ */ t("div", { className: "error", children: w }),
+    i == null ? void 0 : i.header,
+    i == null ? void 0 : i.actions,
     /* @__PURE__ */ t(
-      X,
+      de,
       {
         title: "Today",
-        headline: (A = i.data) == null ? void 0 : A.headline,
-        loading: i.isLoading
+        headline: (T = s.data) == null ? void 0 : T.headline,
+        loading: s.isLoading
       }
     ),
     /* @__PURE__ */ t(
-      X,
+      de,
       {
         title: "Last 7 days",
-        headline: (I = a.data) == null ? void 0 : I.headline,
+        headline: (x = a.data) == null ? void 0 : x.headline,
         loading: a.isLoading
       }
     ),
-    s == null ? void 0 : s.betweenHeadlineAndSeries,
-    /* @__PURE__ */ o("section", { className: "w6w-activity-section", children: [
+    i == null ? void 0 : i.betweenHeadlineAndSeries,
+    /* @__PURE__ */ l("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("div", { className: "w6w-activity-card", children: a.isLoading ? /* @__PURE__ */ t("p", { className: "muted", children: "Loading…" }) : d.length === 0 ? /* @__PURE__ */ t("p", { className: "muted", children: "No activity in this window yet." }) : /* @__PURE__ */ t("ul", { className: "list", children: d.map((v) => /* @__PURE__ */ l("li", { children: [
+        /* @__PURE__ */ l("span", { className: "list-main", children: [
+          /* @__PURE__ */ t("strong", { children: Qt(v.bucket, y) }),
           " ",
-          /* @__PURE__ */ t("span", { className: "muted small", children: K(w.kind) })
+          /* @__PURE__ */ t("span", { className: "muted small", children: J(v.kind) })
         ] }),
         " ",
-        /* @__PURE__ */ t(we, { ok: w.ok }),
+        /* @__PURE__ */ t(Re, { ok: v.ok }),
         " ",
-        /* @__PURE__ */ t("span", { className: "muted small", children: w.count })
-      ] }, `${w.bucket}-${w.kind}-${String(w.ok)}`)) }) })
+        /* @__PURE__ */ t("span", { className: "muted small", children: v.count })
+      ] }, `${v.bucket}-${v.kind}-${String(v.ok)}`)) }) })
     ] }),
-    /* @__PURE__ */ o("section", { children: [
+    /* @__PURE__ */ l("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,
+      /* @__PURE__ */ t("div", { className: "w6w-activity-card", children: a.isLoading ? /* @__PURE__ */ t("p", { className: "muted", children: "Loading…" }) : k ? (i == null ? void 0 : i.empty) ?? /* @__PURE__ */ t("p", { className: "muted", children: "No runs yet — activity shows up here once your workflows run." }) : N.length === 0 ? /* @__PURE__ */ t("p", { className: "muted", children: "No recent activity in this window." }) : /* @__PURE__ */ t("div", { className: "list", children: N.map((v) => /* @__PURE__ */ t(
+        _t,
         {
-          entry: w,
-          names: u,
+          entry: v,
+          names: c,
           getHref: e,
           onOpen: n
         },
-        w.id
+        v.id
       )) }) })
     ] })
   ] });
 }
-function gt(e) {
+function Ht(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);
+function Gn(e) {
+  const n = ie().project, [i, s] = C(rt), a = e.scope !== void 0 ? e.scope : n ? { project: n } : null, o = e.filters !== void 0, r = e.filters ?? i, c = (h) => {
+    var w;
+    o || s(h), (w = e.onFiltersChange) == null || w.call(e, h);
   };
   return /* @__PURE__ */ t("div", { className: "w6w-embed-root", children: /* @__PURE__ */ t(
-    Xe,
+    gt,
     {
       scope: a,
-      showKind: e.showKind ?? gt(a),
-      filters: l,
-      onFiltersChange: u,
+      showKind: e.showKind ?? Ht(a),
+      filters: r,
+      onFiltersChange: c,
       onOpenInEditor: e.onOpenInEditor
     }
   ) });
 }
-const yt = 1440 * 60 * 1e3;
-function Nt(e) {
+const Ut = 1440 * 60 * 1e3;
+function Vt(e) {
   if (!(e === null || e.timeline === null))
     return e.timeline.map((n) => ({
       id: n.id,
@@ -567,39 +582,39 @@ function Nt(e) {
       link: n.link
     }));
 }
-function pe(e) {
+function je(e) {
   return e.startedAt !== void 0 && e.resolvedAt === void 0;
 }
-function ee(e) {
+function ue(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 me(e, n) {
+  const i = new Date(e).getTime();
+  return Number.isNaN(i) ? 0 : Math.max(0, Math.floor((n - i) / Ut));
 }
-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)`;
+function Yt(e, n) {
+  if (!je(e) || e.startedAt === void 0) return null;
+  const i = me(e.startedAt, n), s = ue(e.startedAt), a = i === 0 ? `open since ${s} (today)` : `open ${i}d (since ${s})`, o = e.updatedAt ?? e.startedAt, r = me(o, n), c = ue(o), h = r === 0 ? `last update ${c} (today)` : `last update ${c} (${r}d ago)`;
   return `${a} · ${h}`;
 }
-function bt(e) {
+function Zt(e) {
   return e ? Object.entries(e) : [];
 }
-function kt(e) {
+function Jt(e) {
   return e.uptime.map((n) => ({ day: n.day, state: n.state }));
 }
-const x = [
+const Q = [
   ["e4xx", "4xx"],
   ["e429", "429 rate-limited"],
   ["eAuth", "auth (401/403)"],
   ["e5xx", "5xx"]
 ];
-function ge(e) {
+function Se(e) {
   const n = new Date(e);
   return Number.isNaN(n.getTime()) ? e : n.toLocaleDateString(void 0, { month: "short", day: "numeric" });
 }
-function Y(e) {
+function oe(e) {
   if (!e) return "—";
   const n = new Date(e);
   return Number.isNaN(n.getTime()) ? e : n.toLocaleString(void 0, {
@@ -609,49 +624,49 @@ function Y(e) {
     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: [
+function Y({ label: e, value: n, hint: i }) {
+  return /* @__PURE__ */ l("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 })
+    i && /* @__PURE__ */ t("div", { className: "muted small", children: i })
   ] });
 }
-function Ct({
+function zt({
   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: [
+    return /* @__PURE__ */ l("div", { className: "w6w-rel-card", children: [
+      /* @__PURE__ */ l("h4", { style: { margin: "0 0 var(--w6w-sp-1)" }, children: [
         n,
         " status"
       ] }),
-      /* @__PURE__ */ o("p", { className: "muted", children: [
+      /* @__PURE__ */ l("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: [
+  const i = e.state === "unknown", s = Zt(e.components), a = (e.timeline ?? []).filter(je), o = Date.now();
+  return /* @__PURE__ */ l("div", { className: "w6w-rel-card", children: [
+    /* @__PURE__ */ l("h4", { style: { margin: "0 0 var(--w6w-sp-2)" }, children: [
       n,
       " status",
       " ",
-      /* @__PURE__ */ t(Q, { state: e.state, label: s ? "Unavailable" : void 0 })
+      /* @__PURE__ */ t(Z, { state: e.state, label: i ? "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." }),
+    i && /* @__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,
+        className: i ? "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",
+    /* @__PURE__ */ l("p", { className: "muted small", style: { margin: 0 }, children: [
+      i ? "Tried to read" : "Read from",
       " ",
       n,
       "'s own status page — what",
@@ -659,167 +674,167 @@ function Ct({
       n,
       " says about itself, not what your calls did · last checked",
       " ",
-      Y(e.checkedAt),
-      e.attributedTo.length > 0 && /* @__PURE__ */ o(T, { children: [
+      oe(e.checkedAt),
+      e.attributedTo.length > 0 && /* @__PURE__ */ l(D, { children: [
         " ",
         "· decided by",
         " ",
-        e.attributedTo.map((l) => /* @__PURE__ */ t("code", { children: l }, l))
+        e.attributedTo.map((r) => /* @__PURE__ */ t("code", { children: r }, r))
       ] })
     ] }),
-    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,
+    s.length > 0 && /* @__PURE__ */ t("div", { className: "muted small", style: { margin: "var(--w6w-sp-2) 0 0" }, children: s.map(([r, c]) => /* @__PURE__ */ l("span", { className: "w6w-rel-tag", children: [
+      r,
       ": ",
-      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 }),
+      c.state
+    ] }, r)) }),
+    a.length > 0 && /* @__PURE__ */ t("ul", { className: "list", style: { margin: "var(--w6w-sp-2) 0 0" }, children: a.map((r) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ l("div", { className: "list-main", children: [
+      /* @__PURE__ */ t("strong", { children: r.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: [
+      /* @__PURE__ */ t(Z, { state: r.state }),
+      /* @__PURE__ */ t("div", { className: "muted small", children: Yt(r, o) })
+    ] }) }, r.id ?? r.title)) }),
+    e.statusPageUrl !== null && /* @__PURE__ */ t("p", { className: "muted small", style: { margin: "var(--w6w-sp-2) 0 0" }, children: /* @__PURE__ */ l("a", { href: e.statusPageUrl, target: "_blank", rel: "noopener noreferrer", children: [
       n,
       "'s status page ↗"
     ] }) })
   ] });
 }
-function $t({ service: e }) {
+function Gt({ 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: [
+  const n = e.uptime, i = Math.max(1, ...n.map((s) => s.calls));
+  return /* @__PURE__ */ l("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(
+        children: n.map((s) => /* @__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}`
+            className: `rel-daily-bar rel-daily-bar-${s.state}`,
+            style: { height: `${s.calls > 0 ? Math.max(s.calls / i * 100, 4) : 2}%` },
+            title: `${Se(`${s.day}T00:00:00.000Z`)} — ${s.calls} calls, ${s.state}`
           },
-          i.day
+          s.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({
+function Xt({
   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: [
+  const i = [...e.uptime].reverse().filter((r) => r.calls > 0), s = e.vendorStatus, a = Vt(s), o = a === void 0 ? `${e.displayName} publishes no incident history.` : `No incidents from ${e.displayName} in this window.`;
+  return /* @__PURE__ */ l("div", { className: "w6w-rel-card", children: [
     /* @__PURE__ */ t(
-      De,
+      Ye,
       {
         window: n,
-        days: kt(e),
+        days: Jt(e),
         incidents: a,
-        vendorEmptyLabel: r,
+        vendorEmptyLabel: o,
         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: [
+    /* @__PURE__ */ l("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,
+    i.length > 0 && /* @__PURE__ */ t("div", { className: "list", style: { marginTop: "var(--w6w-sp-3)" }, children: i.slice(0, 14).map((r) => /* @__PURE__ */ l("div", { className: "rel-day-row", children: [
+      /* @__PURE__ */ t("span", { style: { minWidth: 96 }, children: /* @__PURE__ */ t("strong", { children: Se(`${r.day}T00:00:00.000Z`) }) }),
+      /* @__PURE__ */ t(Z, { state: r.state }),
+      /* @__PURE__ */ l("span", { className: "muted small", children: [
+        r.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: [
+      /* @__PURE__ */ t("span", { className: "rel-errors", children: Q.filter(([c]) => r.errors[c] > 0).map(([c, h]) => /* @__PURE__ */ l("span", { className: "w6w-rel-tag", children: [
         h,
         " ×",
-        l.errors[u]
-      ] }, u)) })
-    ] }, l.day)) })
+        r.errors[c]
+      ] }, c)) })
+    ] }, r.day)) })
   ] });
 }
-function Lt({ errors: e }) {
-  if (x.reduce((i, [a]) => i + e[a], 0) === 0)
+function en({ errors: e }) {
+  if (Q.reduce((s, [a]) => s + 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: [
+  const i = Math.max(1, ...Q.map(([s]) => e[s]));
+  return /* @__PURE__ */ t("div", { className: "w6w-rel-card rel-errormix-chart", children: Q.map(([s, a]) => /* @__PURE__ */ l("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)}%` }
+        style: { width: `${Math.max(e[s] / i * 100, e[s] > 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) });
+    /* @__PURE__ */ t("span", { className: "rel-errormix-value small", children: e[s] })
+  ] }, s)) });
+}
+function tn({ project: e, appId: n }) {
+  const i = ut(e, n, { limit: 50 });
+  if (i.isLoading) return /* @__PURE__ */ t("p", { className: "muted", children: "Loading calls…" });
+  if (i.error) {
+    const a = i.error;
+    return /* @__PURE__ */ t("div", { className: "error", children: (a instanceof ke, 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: [
+  const s = i.data ?? [];
+  return s.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__ */ l("div", { className: "rel-calls", children: [
+    /* @__PURE__ */ l("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) }),
+    s.map((a, o) => /* @__PURE__ */ l("div", { className: "rel-call", children: [
+      /* @__PURE__ */ t("span", { className: "muted small", children: oe(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}`))
+    ] }, a.id ?? `${a.createdAt}-${o}`))
   ] });
 }
-function Mt({
+function nn({
   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({
+function Xn({
   appId: e,
   project: n,
-  days: s = 30,
-  backHref: i,
+  days: i = 30,
+  backHref: s,
   onBack: a,
-  slots: r
+  slots: o
 }) {
-  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: [
+  var y, k, b, g;
+  const r = ie().project, c = (n === void 0 ? r : n) || void 0, h = dt(c, [e], i), w = h.error, N = w ? (w instanceof ke, w.message) : null, d = (y = h.data) == null ? void 0 : y.services.find((m) => m.appId === e);
+  return /* @__PURE__ */ l("div", { className: "w6w-embed-root", children: [
+    o == null ? void 0 : o.header,
+    o == null ? void 0 : o.actions,
+    !c && /* @__PURE__ */ t("p", { className: "w6w-muted", children: "Select a project to see this service." }),
+    N && /* @__PURE__ */ t("div", { className: "error", children: N }),
+    c && h.isLoading && /* @__PURE__ */ t("p", { className: "muted", children: "Loading…" }),
+    h.data && !d && /* @__PURE__ */ l("div", { className: "w6w-rel-card", children: [
+      (o == null ? void 0 : o.empty) ?? /* @__PURE__ */ l("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,
+        i,
         " days."
       ] }),
-      /* @__PURE__ */ t(Mt, { backHref: i, onBack: a })
+      /* @__PURE__ */ t(nn, { backHref: s, onBack: a })
     ] }),
-    m && /* @__PURE__ */ o(T, { children: [
-      /* @__PURE__ */ o("section", { style: { marginBottom: "var(--w6w-sp-5)" }, children: [
-        /* @__PURE__ */ o(
+    d && /* @__PURE__ */ l(D, { children: [
+      /* @__PURE__ */ l("section", { style: { marginBottom: "var(--w6w-sp-5)" }, children: [
+        /* @__PURE__ */ l(
           "div",
           {
             style: {
@@ -829,357 +844,1060 @@ function an({
               marginBottom: "var(--w6w-sp-3)"
             },
             children: [
-              /* @__PURE__ */ t(Q, { state: m.state }),
+              /* @__PURE__ */ t(Z, { state: d.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__ */ t("code", { className: "muted small", children: d.appId }),
+              d.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__ */ l("div", { style: { display: "flex", gap: "var(--w6w-sp-3)", flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ t(Y, { label: "Calls in window", value: String(d.calls) }),
           /* @__PURE__ */ t(
-            S,
+            Y,
             {
               label: "p95 latency",
-              value: m.p95Ms === null ? "—" : `${m.p95Ms} ms`,
-              hint: m.p95Ms === null ? "no timed calls" : void 0
+              value: d.p95Ms === null ? "—" : `${d.p95Ms} ms`,
+              hint: d.p95Ms === null ? "no timed calls" : void 0
             }
           ),
-          /* @__PURE__ */ t(S, { label: "Last call", value: Y(m.lastCallAt) }),
+          /* @__PURE__ */ t(Y, { label: "Last call", value: oe(d.lastCallAt) }),
           /* @__PURE__ */ t(
-            S,
+            Y,
             {
               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"
+              value: String(Q.reduce((m, [p]) => m + d.errors[p], 0)),
+              hint: Q.filter(([m]) => d.errors[m] > 0).map(([m, p]) => `${p} ×${d.errors[m]}`).join(" · ") || "none"
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ o("section", { style: { marginBottom: "var(--w6w-sp-5)" }, children: [
+      /* @__PURE__ */ l("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__ */ t(en, { errors: d.errors })
       ] }),
-      /* @__PURE__ */ o("section", { style: { marginBottom: "var(--w6w-sp-5)" }, children: [
+      /* @__PURE__ */ l("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__ */ t(zt, { vendor: d.vendorStatus, displayName: d.displayName })
       ] }),
-      /* @__PURE__ */ o("section", { style: { marginBottom: "var(--w6w-sp-5)" }, children: [
-        /* @__PURE__ */ o("h3", { style: { margin: "0 0 var(--w6w-sp-2)" }, children: [
+      /* @__PURE__ */ l("section", { style: { marginBottom: "var(--w6w-sp-5)" }, children: [
+        /* @__PURE__ */ l("h3", { style: { margin: "0 0 var(--w6w-sp-2)" }, children: [
           "Last ",
-          ((y = h.data) == null ? void 0 : y.window.days) ?? s,
+          ((k = h.data) == null ? void 0 : k.window.days) ?? i,
           " days",
           " ",
-          /* @__PURE__ */ o("span", { className: "muted small", children: [
+          /* @__PURE__ */ l("span", { className: "muted small", children: [
             "uptime means ",
-            (p = h.data) == null ? void 0 : p.uptimeMeans
+            (b = h.data) == null ? void 0 : b.uptimeMeans
           ] })
         ] }),
-        /* @__PURE__ */ t(It, { service: m, window: ((v = h.data) == null ? void 0 : v.window) ?? { from: "", to: "" } }),
-        /* @__PURE__ */ t($t, { service: m })
+        /* @__PURE__ */ t(Xt, { service: d, window: ((g = h.data) == null ? void 0 : g.window) ?? { from: "", to: "" } }),
+        /* @__PURE__ */ t(Gt, { service: d })
       ] }),
-      /* @__PURE__ */ o("section", { children: [
-        /* @__PURE__ */ o("h3", { style: { margin: "0 0 var(--w6w-sp-2)" }, children: [
+      /* @__PURE__ */ l("section", { children: [
+        /* @__PURE__ */ l("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 }) })
+        /* @__PURE__ */ t("div", { className: "w6w-rel-card", children: /* @__PURE__ */ t(tn, { project: c, appId: d.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: [
+function an(e) {
+  if (typeof e == "string") return e;
+  if (e && typeof e == "object") {
+    const n = e;
+    for (const i of ["stepId", "step", "id", "nodeId", "key"])
+      if (typeof n[i] == "string") return n[i];
+  }
+  return String(e);
+}
+function sn({
+  routes: e,
+  projectId: n
+}) {
+  const [i, s] = C(null), a = e.find((o) => o.id === i);
+  return e.length === 0 ? null : /* @__PURE__ */ l(D, { children: [
+    /* @__PURE__ */ t("ul", { className: "list small", "data-testid": "connection-dependent-routes", children: e.map((o) => /* @__PURE__ */ l("li", { "data-testid": `connection-dependent-route-${o.id}`, children: [
+      /* @__PURE__ */ t("span", { className: "badge", children: "route" }),
+      " ",
+      /* @__PURE__ */ t("span", { children: o.name }),
+      " ",
+      o.status === "broken" && /* @__PURE__ */ l(D, { children: [
+        /* @__PURE__ */ t("span", { className: "tag warn", children: "broken" }),
+        " ",
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "btn link",
+            "data-testid": `connection-route-reconnect-${o.id}`,
+            onClick: () => s(o.id),
+            children: "Reconnect"
+          }
+        )
+      ] })
+    ] }, o.id)) }),
+    a != null && /* @__PURE__ */ t(
+      ln,
+      {
+        routeId: a.id,
+        projectId: a.project ?? n,
+        onDone: () => s(null)
+      }
+    )
+  ] });
+}
+function ln(e) {
+  return /* @__PURE__ */ l("div", { "data-testid": "connection-route-reconnect-host", children: [
+    /* @__PURE__ */ t(kt, { projectId: e.projectId, initialEditRouteId: e.routeId }),
+    /* @__PURE__ */ t("button", { type: "button", className: "btn link", onClick: e.onDone, children: "Done" })
+  ] });
+}
+function Pe({
+  callables: e,
+  onOpenCallable: n,
+  routes: i,
+  projectId: s
+}) {
+  return /* @__PURE__ */ l(D, { children: [
+    /* @__PURE__ */ t(sn, { routes: i ?? [], projectId: s }),
+    /* @__PURE__ */ t(rn, { callables: e, onOpenCallable: n })
+  ] });
+}
+function rn({
+  callables: e,
+  onOpenCallable: n
+}) {
+  return /* @__PURE__ */ t("ul", { className: "list small", children: e.map((i) => {
+    const s = i.displayName || i.key || i.id, a = i.sites.map(an);
+    return /* @__PURE__ */ l("li", { children: [
+      /* @__PURE__ */ t("span", { className: "badge", children: i.kind }),
+      " ",
+      n ? /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "btn link",
+          onClick: () => n(i.kind, i.id),
+          children: s
+        }
+      ) : /* @__PURE__ */ t("span", { children: s }),
+      !i.enabled && /* @__PURE__ */ t("span", { className: "muted", children: " (disabled)" }),
+      a.length > 0 && /* @__PURE__ */ l("span", { className: "muted", children: [
+        " · ",
+        a.join(", ")
+      ] })
+    ] }, `${i.kind}:${i.id}`);
+  }) });
+}
+const on = [];
+function ea({
+  onOpen: e,
+  getHref: n,
+  addLabel: i,
+  slots: s,
+  onOpenCallable: a
+}) {
+  var E, j;
+  const o = ge(), r = Ce(), c = Nt(), w = c.data ?? on, N = K(() => Ne(w), [w]), { byId: d } = ve(N), y = yt(), [k, b] = C(!1), [g, m] = C(null), [p, T] = C(null), x = q(void 0), v = Ie((p == null ? void 0 : p.id) ?? "", p !== null), O = typeof o.updateConnection == "function", R = s && "actions" in s ? s.actions : /* @__PURE__ */ t("button", { type: "button", className: "w6w-btn", onClick: () => b(!0), children: i ?? "+ Add connection" });
+  return /* @__PURE__ */ l("div", { className: "w6w-embed-root", children: [
     /* @__PURE__ */ t(
-      xe,
+      Ze,
       {
-        connections: h,
-        appsById: g,
-        loading: l.isLoading,
-        error: l.error ? l.error.message : null,
+        connections: w,
+        appsById: d,
+        loading: c.isLoading,
+        error: c.error ? c.error.message : null,
         onOpen: e,
         getHref: n,
-        onEdit: A ? v : void 0,
-        onDelete: N,
-        busy: m.isPending,
-        slots: { ...i, actions: I }
+        onEdit: O ? m : void 0,
+        onDelete: T,
+        busy: y.isPending,
+        slots: { ...s, actions: R }
       }
     ),
-    b && /* @__PURE__ */ t(
-      Ee,
+    k && /* @__PURE__ */ t(
+      Je,
       {
-        onClose: () => y(!1),
+        onClose: () => b(!1),
         onCreated: () => {
-          y(!1), r.invalidateQueries({ queryKey: q });
+          b(!1), r.invalidateQueries({ queryKey: ne });
         }
       }
     ),
-    p && /* @__PURE__ */ t(
-      le,
+    g && /* @__PURE__ */ t(
+      ye,
       {
-        connection: p,
-        onClose: () => v(null),
+        connection: g,
+        onClose: () => m(null),
         onSaved: () => {
-          const w = p.id;
-          v(null), r.invalidateQueries({ queryKey: q }), r.invalidateQueries({ queryKey: ue(w) });
+          const M = g.id;
+          m(null), r.invalidateQueries({ queryKey: ne }), r.invalidateQueries({ queryKey: Te(M) });
         }
       }
     ),
-    d && /* @__PURE__ */ t(
-      Re,
+    p && /* @__PURE__ */ t(
+      cn,
       {
-        title: "Delete connection",
-        message: `Delete the connection "${d.displayName || d.id}"? This cannot be undone.`,
-        confirmLabel: "Delete",
-        onClose: () => N(null),
+        name: p.displayName || p.id,
+        loading: v.isLoading,
+        callables: v.isError ? [] : ((E = v.data) == null ? void 0 : E.callables) ?? [],
+        routes: v.isError ? [] : ((j = v.data) == null ? void 0 : j.routes) ?? [],
+        projectId: x,
+        onOpenCallable: a,
+        onClose: () => T(null),
         onConfirm: () => {
-          const w = d.id;
-          N(null), m.mutate(w);
+          const M = p.id;
+          T(null), y.mutate({ id: M, force: !0 });
         }
       }
     )
   ] });
 }
-function P(e) {
+function cn({
+  name: e,
+  loading: n,
+  callables: i,
+  routes: s,
+  projectId: a,
+  onOpenCallable: o,
+  onClose: r,
+  onConfirm: c
+}) {
+  const h = i.length, w = s.length, N = h + w, d = `Delete the connection "${e}"? This cannot be undone.`, y = (g, m, p) => `${g} ${g === 1 ? m : p}`, k = [
+    h > 0 ? y(h, "callable", "callables") : null,
+    w > 0 ? y(w, "model route", "model routes") : null
+  ].filter(Boolean).join(" and "), b = [
+    h > 0 ? `Deleting disables ${h === 1 ? "this callable" : `these ${h} callables`} until you reconnect ${h === 1 ? "it" : "them"}.` : null,
+    w > 0 ? `${w === 1 ? "The model route becomes" : `The ${w} model routes become`} broken until ${w === 1 ? "it is" : "they are"} pointed at another connection.` : null
+  ].filter((g) => g != null);
+  return /* @__PURE__ */ l(ze, { title: "Delete connection", onClose: r, children: [
+    /* @__PURE__ */ l("div", { className: "w6w-modal-body", children: [
+      /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: N === 0 ? d : `Delete the connection "${e}"? Used by ${k}.` }),
+      N > 0 && /* @__PURE__ */ l(D, { children: [
+        /* @__PURE__ */ t(
+          Pe,
+          {
+            callables: i,
+            routes: s,
+            projectId: a,
+            onOpenCallable: o
+          }
+        ),
+        /* @__PURE__ */ t("p", { className: "w6w-small", children: b.join(" ") })
+      ] })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "w6w-modal-actions", children: [
+      /* @__PURE__ */ t("button", { type: "button", className: "w6w-btn w6w-btn-ghost", onClick: r, children: "Cancel" }),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "w6w-btn w6w-btn-danger",
+          disabled: n,
+          onClick: c,
+          children: "Delete"
+        }
+      )
+    ] })
+  ] });
+}
+function ee(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);
+  const i = Math.max(0, Math.round((Date.now() - n) / 1e3));
+  if (i < 45) return "just now";
+  const s = Math.round(i / 60);
+  if (s < 60) return `${s}m ago`;
+  const a = Math.round(s / 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 o = Math.round(a / 24);
+  return o < 30 ? `${o}d ago` : new Date(e).toLocaleDateString();
 }
-const Dt = {
+const dn = {
   ok: 6e3,
   warn: 1e4,
   error: 15e3
-}, xt = { ok: "✓", warn: "!", error: "✕" };
-function ln({
+}, un = { ok: "✓", warn: "!", error: "✕" };
+function ta({
   connectionId: e,
   onOpenAction: n,
-  onBack: s,
-  slots: i
+  onBack: i,
+  onOpenCallable: s,
+  slots: a
 }) {
-  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);
+  var V;
+  const o = ge(), r = Ce(), c = bt(e), h = (V = c.data) == null ? void 0 : V.appId, w = K(
+    () => Ne(c.data ? [c.data] : []),
+    [c.data]
+  ), { byId: N } = ve(w), d = c.data ? Ge(c.data, N) : void 0, y = Ct(h, !!h), k = mt(e), b = K(() => {
+    const u = /* @__PURE__ */ new Map();
+    for (const $ of k.data ?? []) {
+      const I = u.get($.actionKey) ?? [];
+      I.push($), u.set($.actionKey, I);
     }
-    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({
+    return u;
+  }, [k.data]), g = Ie(e).data, m = q(void 0), p = (g == null ? void 0 : g.callables) ?? [], T = (g == null ? void 0 : g.routes) ?? [], x = ht(e).data ?? [], [v, O] = C(!1), [R, E] = C(""), j = vt(e), [M, S] = C(null);
+  Oe(() => {
+    if (!M) return;
+    const u = setTimeout(() => S(null), dn[M.kind]);
+    return () => clearTimeout(u);
+  }, [M]);
+  const U = () => {
+    S(null), j.mutate(void 0, {
+      onSuccess: (u) => {
+        var $;
+        if (!u.ok) {
+          S({
             kind: "error",
-            text: `Connection test failed${(k = c.error) != null && k.message ? `: ${c.error.message}` : "."}`
+            text: `Connection test failed${($ = u.error) != null && $.message ? `: ${u.error.message}` : "."}`
           });
           return;
         }
-        M(
-          c.untested ? { kind: "warn", text: `Connection stored. ${c.message ?? ""}`.trim() } : {
+        S(
+          u.untested ? { kind: "warn", text: `Connection stored. ${u.message ?? ""}`.trim() } : {
             kind: "ok",
-            text: `Connection is valid${c.actionKey ? ` — probed ${c.actionKey}` : ""}.`
+            text: `Connection is valid${u.actionKey ? ` — probed ${u.actionKey}` : ""}.`
           }
         );
       },
-      onError: (c) => M({ kind: "error", text: (c == null ? void 0 : c.message) ?? "Test failed." })
+      onError: (u) => S({ kind: "error", text: (u == null ? void 0 : u.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 = K(() => {
+    var $;
+    const u = [...(($ = y.data) == null ? void 0 : $.actions) ?? []];
+    return u.sort((I, f) => (I.title || I.key).localeCompare(f.title || f.key)), u;
+  }, [y.data]), B = K(() => {
+    const u = R.trim().toLowerCase();
+    return u ? L.filter(
+      ($) => ($.title || "").toLowerCase().includes(u) || $.key.toLowerCase().includes(u) || ($.description || "").toLowerCase().includes(u)
     ) : L;
-  }, [L, N]);
-  if (l.isLoading || m.isLoading)
+  }, [L, R]);
+  if (c.isLoading || y.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" })
+  if (!c.data)
+    return /* @__PURE__ */ l("div", { className: "w6w-embed-root w6w-embed-conn-detail", "data-testid": "connection-not-found", children: [
+      (a == null ? void 0 : a.empty) ?? /* @__PURE__ */ t("h2", { children: "Connection not found" }),
+      i && /* @__PURE__ */ t("button", { type: "button", className: "w6w-btn w6w-btn-ghost", onClick: i, 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: [
+  const P = c.data, F = y.data, z = !P.builtIn && typeof o.updateConnection == "function";
+  return /* @__PURE__ */ l("div", { className: "w6w-embed-root w6w-embed-conn-detail w6w-card-stack", children: [
+    (a == null ? void 0 : a.header) ?? /* @__PURE__ */ l(Xe, { conn: P, app: d, children: [
       /* @__PURE__ */ t(
         "button",
         {
           type: "button",
           className: "w6w-btn w6w-btn-ghost",
-          disabled: I.isPending,
-          onClick: R,
-          children: I.isPending ? "Testing…" : "Test connection"
+          disabled: j.isPending,
+          onClick: U,
+          children: j.isPending ? "Testing…" : "Test connection"
         }
       ),
-      ye && /* @__PURE__ */ t(
-        ae,
+      z && /* @__PURE__ */ t(
+        fe,
         {
           label: "Edit",
-          onClick: () => d(!0),
+          onClick: () => O(!0),
           "data-testid": "connection-detail-edit"
         }
       ),
-      i == null ? void 0 : i.actions
+      a == null ? void 0 : a.actions
     ] }),
-    w && /* @__PURE__ */ o(
+    M && /* @__PURE__ */ l(
       "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",
+        className: `w6w-result w6w-embed-conn-notice w6w-embed-conn-notice-${M.kind}`,
+        role: M.kind === "error" ? "alert" : "status",
+        "aria-live": M.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__ */ t("span", { "aria-hidden": "true", children: un[M.kind] }),
+          /* @__PURE__ */ t("span", { className: "w6w-embed-conn-notice-text", children: M.text }),
+          /* @__PURE__ */ t(et, { icon: "close", label: "Dismiss", onClick: () => S(null) })
         ]
       }
     ),
-    /* @__PURE__ */ o("div", { className: "w6w-embed-conn-card", children: [
-      /* @__PURE__ */ o("h3", { children: [
+    /* @__PURE__ */ l("div", { className: "w6w-embed-conn-card", children: [
+      /* @__PURE__ */ l("h3", { children: [
         "App: ",
-        (g == null ? void 0 : g.displayName) ?? j.appId
+        (d == null ? void 0 : d.displayName) ?? P.appId
       ] }),
-      _ && /* @__PURE__ */ o("p", { className: "w6w-muted w6w-small", children: [
+      F && /* @__PURE__ */ l("p", { className: "w6w-muted w6w-small", children: [
         "Version ",
-        /* @__PURE__ */ o("code", { children: [
+        /* @__PURE__ */ l("code", { children: [
           "v",
-          _.version ?? "?"
+          F.version ?? "?"
         ] }),
         " · source ",
-        /* @__PURE__ */ t("code", { children: _.sourceRef })
+        /* @__PURE__ */ t("code", { children: F.sourceRef })
       ] }),
-      s && /* @__PURE__ */ t("p", { className: "w6w-small", children: /* @__PURE__ */ t("button", { type: "button", className: "w6w-btn w6w-btn-ghost", onClick: s, children: "← Integrations" }) })
+      i && /* @__PURE__ */ t("p", { className: "w6w-small", children: /* @__PURE__ */ t("button", { type: "button", className: "w6w-btn w6w-btn-ghost", onClick: i, children: "← Integrations" }) })
     ] }),
-    /* @__PURE__ */ o("div", { className: "w6w-embed-conn-card", children: [
+    /* @__PURE__ */ l("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,
+          value: R,
           placeholder: `Search ${L.length} actions…`,
-          onChange: (c) => A(c.target.value),
+          onChange: (u) => E(u.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: [
+      L.length > 0 && B.length === 0 && /* @__PURE__ */ l("p", { className: "w6w-muted w6w-small", children: [
         "No actions match “",
-        N,
+        R,
         "”."
       ] }),
-      /* @__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(
+      /* @__PURE__ */ t("ul", { className: "w6w-embed-conn-list", "aria-label": "Actions", children: B.map((u) => {
+        const $ = b.get(u.key) ?? [];
+        return /* @__PURE__ */ l("li", { children: [
+          /* @__PURE__ */ l(
             "button",
             {
               type: "button",
               className: "w6w-embed-conn-action",
-              "data-testid": `connection-action-${c.key}`,
-              onClick: () => n(c.key),
+              "data-testid": `connection-action-${u.key}`,
+              onClick: () => n(u.key),
               children: [
-                /* @__PURE__ */ t("strong", { children: c.title }),
+                /* @__PURE__ */ t("strong", { children: u.title }),
                 " ",
-                /* @__PURE__ */ t("code", { className: "w6w-muted", children: c.key }),
+                /* @__PURE__ */ t("code", { className: "w6w-muted", children: u.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 })
+                /* @__PURE__ */ t("span", { className: "w6w-embed-conn-badge", children: u.type }),
+                u.description && /* @__PURE__ */ t("div", { className: "w6w-muted w6w-small", children: u.description })
               ]
             }
           ),
-          k.length > 0 && /* @__PURE__ */ t(
+          $.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,
+              "aria-label": `Saved tests for ${u.title || u.key}`,
+              children: $.map((I) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+                te,
                 {
-                  title: C.name,
-                  subtitle: C.lastRunAt ? /* @__PURE__ */ o("span", { children: [
+                  title: I.name,
+                  subtitle: I.lastRunAt ? /* @__PURE__ */ l("span", { children: [
                     /* @__PURE__ */ t(
                       "span",
                       {
-                        className: C.lastRunOk ? "w6w-embed-conn-ok" : "w6w-embed-conn-fail",
-                        children: C.lastRunOk ? "✓" : "✗"
+                        className: I.lastRunOk ? "w6w-embed-conn-ok" : "w6w-embed-conn-fail",
+                        children: I.lastRunOk ? "✓" : "✗"
                       }
                     ),
                     " ",
-                    C.lastRunSummary ? `${C.lastRunSummary} · ` : "",
-                    P(C.lastRunAt)
-                  ] }) : `saved ${P(C.updatedAt)}`,
-                  onClick: () => n(c.key, C.id)
+                    I.lastRunSummary ? `${I.lastRunSummary} · ` : "",
+                    ee(I.lastRunAt)
+                  ] }) : `saved ${ee(I.updatedAt)}`,
+                  onClick: () => n(u.key, I.id)
                 }
-              ) }, C.id))
+              ) }, I.id))
             }
           )
-        ] }, c.key);
+        ] }, u.key);
       }) })
     ] }),
-    p.length > 0 && /* @__PURE__ */ o("div", { className: "w6w-embed-conn-card", children: [
+    g && /* @__PURE__ */ l("div", { className: "w6w-embed-conn-card", "data-testid": "connection-used-by", children: [
+      /* @__PURE__ */ t("h3", { children: "Used by" }),
+      p.length === 0 && T.length === 0 ? /* @__PURE__ */ t("p", { className: "w6w-muted", children: "Not used by any callable" }) : /* @__PURE__ */ t(
+        Pe,
+        {
+          callables: p,
+          routes: T,
+          projectId: m,
+          onOpenCallable: s
+        }
+      )
+    ] }),
+    x.length > 0 && /* @__PURE__ */ l("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,
+      /* @__PURE__ */ t("ul", { className: "w6w-embed-conn-list", "aria-label": "Recent runs", children: x.map((u) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+        te,
         {
-          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 ? "✓" : "✗" }),
+          title: u.actionKey,
+          subtitle: /* @__PURE__ */ l("span", { children: [
+            /* @__PURE__ */ t("span", { className: u.ok ? "w6w-embed-conn-ok" : "w6w-embed-conn-fail", children: u.ok ? "✓" : "✗" }),
             " ",
-            c.summary ? `${c.summary} · ` : "",
-            P(c.occurredAt)
+            u.summary ? `${u.summary} · ` : "",
+            ee(u.occurredAt)
           ] })
         }
-      ) }, c.id)) })
+      ) }, u.id)) })
     ] }),
     v && /* @__PURE__ */ t(
-      le,
+      ye,
       {
-        connection: j,
-        onClose: () => d(!1),
+        connection: P,
+        onClose: () => O(!1),
         onSaved: () => {
-          d(!1), r.invalidateQueries({ queryKey: ue(e) }), r.invalidateQueries({ queryKey: q });
+          O(!1), r.invalidateQueries({ queryKey: Te(e) }), r.invalidateQueries({ queryKey: ne });
+        }
+      }
+    )
+  ] });
+}
+const mn = {};
+function he(e) {
+  return String(e).replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+}
+function H(e) {
+  return (e / 100).toFixed(2);
+}
+function hn(e) {
+  if (e == null) return null;
+  const n = e.rates, i = [];
+  return n.input != null && i.push(`in ${H(n.input)}`), n.output != null && i.push(`out ${H(n.output)}`), n.cachedInput != null && i.push(`cached ${H(n.cachedInput)}`), n.cacheWrite != null && i.push(`cache write ${H(n.cacheWrite)}`), n.perRequest != null && i.push(`${H(n.perRequest)}/request`), i.length === 0 ? null : `${n.currency ?? "USD"} ${i.join(" · ")}`;
+}
+function wn(e) {
+  const { maxInputTokens: n, maxOutputTokens: i } = e.limits ?? {};
+  if (n == null && i == null) return "—";
+  const s = [];
+  return n != null && s.push(`${he(n)} in`), i != null && s.push(`${he(i)} out`), s.join(" · ");
+}
+const pn = [
+  {
+    key: "model",
+    header: "Model",
+    render: (e) => /* @__PURE__ */ l("div", { className: "list-main", style: { maxWidth: 0, minWidth: "100%" }, children: [
+      /* @__PURE__ */ t("strong", { className: "list-name", title: e.displayName, children: e.displayName }),
+      /* @__PURE__ */ l("div", { className: "muted small list-preview", title: `${e.provider} · ${e.nativeId}`, children: [
+        e.provider,
+        " · ",
+        e.nativeId,
+        " · ",
+        e.source
+      ] })
+    ] })
+  },
+  {
+    key: "provider",
+    header: "Provider",
+    render: (e) => /* @__PURE__ */ t("span", { className: "muted small", children: e.provider || "—" })
+  },
+  {
+    key: "status",
+    header: "Status",
+    render: (e) => /* @__PURE__ */ t("span", { className: e.status === "active" ? "tag" : "tag warn", children: e.status })
+  },
+  {
+    key: "rate",
+    header: "Rate (per 1M tokens)",
+    render: (e) => {
+      const n = hn(e.currentRate);
+      return n == null ? /* @__PURE__ */ t("span", { className: "muted small", children: "—" }) : /* @__PURE__ */ t(
+        "span",
+        {
+          className: "muted small",
+          title: e.currentRate ? `effective ${e.currentRate.effectiveFrom}` : void 0,
+          children: n
         }
+      );
+    }
+  },
+  {
+    key: "limits",
+    header: "Limits",
+    render: (e) => /* @__PURE__ */ t("span", { className: "muted small", children: wn(e) })
+  }
+];
+function na(e) {
+  var o;
+  const n = Le(), i = e.filter ?? mn, s = $e({
+    queryKey: It(i),
+    initialPageParam: void 0,
+    getNextPageParam: (r) => r.nextCursor ?? void 0,
+    queryFn: ({ pageParam: r }) => $t(n, r ? { ...i, cursor: r } : i)
+  }), a = ((o = s.data) == null ? void 0 : o.pages.flatMap((r) => r.models)) ?? [];
+  return /* @__PURE__ */ t("div", { className: "w6w-embed-root", children: /* @__PURE__ */ l("section", { className: "section", children: [
+    /* @__PURE__ */ t("div", { className: "section-head", children: /* @__PURE__ */ l("div", { children: [
+      /* @__PURE__ */ t("h3", { children: "Model catalog" }),
+      /* @__PURE__ */ t("p", { className: "muted small", children: "The models discovered on this tenant's connections, plus any added by hand. A route may only name a model from this list; the rate card is what usage is priced with." })
+    ] }) }),
+    /* @__PURE__ */ l("div", { className: "card", children: [
+      s.isLoading && /* @__PURE__ */ t("p", { className: "muted", children: "Loading…" }),
+      s.error != null && /* @__PURE__ */ t("div", { className: "error", children: s.error.message }),
+      s.isSuccess && a.length === 0 && /* @__PURE__ */ t(se, { testId: "model-catalog-empty", children: "No models yet. Discover them from a provider connection to start routing to them." }),
+      a.length > 0 && /* @__PURE__ */ t(
+        le,
+        {
+          columns: pn,
+          rows: a,
+          rowKey: (r) => r.id,
+          testId: "model-catalog-table",
+          rowTestId: (r) => `model-catalog-${r.id}`
+        }
+      )
+    ] }),
+    s.hasNextPage && /* @__PURE__ */ t("div", { className: "row", children: /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: "btn ghost",
+        disabled: s.isFetchingNextPage,
+        onClick: () => void s.fetchNextPage(),
+        "data-testid": "model-catalog-load-more",
+        children: s.isFetchingNextPage ? "Loading…" : "Load more"
+      }
+    ) })
+  ] }) });
+}
+const fn = {};
+function A(e) {
+  return String(e).replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+}
+function gn(e) {
+  return `${e.currency} ${(e.amountMinor / 100).toFixed(2)}`;
+}
+function Nn(e, n) {
+  return e.length > 0 ? e.map(gn).join(" · ") : n > 0 ? "unpriced" : "—";
+}
+function yn(e) {
+  return e.costMinor == null ? null : `${e.currency ?? "USD"} ${(e.costMinor / 100).toFixed(2)}`;
+}
+function bn(e) {
+  return e.totalsTruncated === !0;
+}
+const vn = [
+  {
+    key: "occurredAt",
+    header: "When",
+    render: (e) => /* @__PURE__ */ t("span", { className: "muted small", title: e.occurredAt, children: xe(e.occurredAt) })
+  },
+  {
+    key: "model",
+    header: "Model",
+    render: (e) => /* @__PURE__ */ l("div", { className: "list-main", style: { maxWidth: 0, minWidth: "100%" }, children: [
+      /* @__PURE__ */ l("strong", { className: "list-name", title: `${e.provider} · ${e.nativeId}`, children: [
+        e.provider,
+        " · ",
+        e.nativeId
+      ] }),
+      /* @__PURE__ */ t("div", { className: "muted small list-preview", title: e.connectionId, children: e.connectionId })
+    ] })
+  },
+  {
+    key: "route",
+    header: "Route",
+    render: (e) => e.routeId == null ? /* @__PURE__ */ t("span", { className: "muted small", children: "direct" }) : /* @__PURE__ */ t("code", { className: "muted small", title: e.routeId, children: e.routeId })
+  },
+  {
+    key: "tokens",
+    header: "Tokens",
+    align: "right",
+    render: (e) => /* @__PURE__ */ t(
+      "span",
+      {
+        className: "muted small",
+        title: `${A(e.inputTokens)} in · ${A(e.outputTokens)} out · ${A(e.cachedInputTokens)} cached input · ${A(e.cacheWriteTokens)} cache write`,
+        children: A(e.totalTokens)
       }
     )
+  },
+  {
+    key: "cost",
+    header: "Cost",
+    align: "right",
+    render: (e) => {
+      const n = yn(e);
+      return n == null ? /* @__PURE__ */ t("span", { className: "tag warn", "data-testid": "model-usage-unpriced", title: "no usable rate", children: "unpriced" }) : /* @__PURE__ */ t("span", { className: "muted small", children: n });
+    }
+  },
+  {
+    key: "result",
+    header: "Result",
+    render: (e) => {
+      const n = Ae(e.durationMs);
+      return /* @__PURE__ */ l("span", { className: "muted small", title: e.errorCode ?? void 0, children: [
+        /* @__PURE__ */ t("span", { className: e.ok ? "tag" : "tag warn", children: e.ok ? "ok" : e.errorCode ?? "failed" }),
+        n != null && /* @__PURE__ */ l(D, { children: [
+          " · ",
+          n
+        ] })
+      ] });
+    }
+  }
+];
+function aa(e) {
+  var w, N;
+  const n = q(e.projectId), i = Le(), s = e.filter ?? fn, a = $e({
+    queryKey: Lt(n ?? void 0, s),
+    enabled: n != null,
+    initialPageParam: void 0,
+    getNextPageParam: (d) => d.nextCursor ?? void 0,
+    queryFn: ({ pageParam: d }) => Tt(
+      i,
+      n,
+      d ? { ...s, cursor: d } : s
+    )
+  }), o = ((w = a.data) == null ? void 0 : w.pages) ?? [], r = (N = o[0]) == null ? void 0 : N.totals, c = o.flatMap((d) => d.items), h = o.length > 0 && bn(o[0]);
+  return /* @__PURE__ */ t("div", { className: "w6w-embed-root", children: /* @__PURE__ */ l("section", { className: "section", children: [
+    /* @__PURE__ */ t("div", { className: "section-head", children: /* @__PURE__ */ l("div", { children: [
+      /* @__PURE__ */ t("h3", { children: "Model usage" }),
+      /* @__PURE__ */ t("p", { className: "muted small", children: "Every model call this project paid for, priced with the rate card in force when it ran. A call with no usable rate counts as unpriced, not as free." })
+    ] }) }),
+    n == null ? /* @__PURE__ */ t("div", { className: "card", children: /* @__PURE__ */ t("p", { className: "muted", "data-testid": "model-usage-no-project", children: "Select a project to see its model usage." }) }) : /* @__PURE__ */ l(D, { children: [
+      /* @__PURE__ */ l("div", { className: "card", "data-testid": "model-usage-totals", children: [
+        h && /* @__PURE__ */ t("p", { className: "result warn", "data-testid": "model-usage-totals-partial", children: "Totals are partial: they cover a bounded scan of this window, not every matching call. Narrow the range for exact totals." }),
+        r == null ? (
+          // A failed query is reported once, below — never as a perpetual "loading".
+          a.error == null && /* @__PURE__ */ t("p", { className: "muted", children: "Loading totals…" })
+        ) : /* @__PURE__ */ l("p", { className: "muted small", children: [
+          /* @__PURE__ */ l("span", { "data-testid": "model-usage-total-requests", children: [
+            A(r.requests),
+            " requests"
+          ] }),
+          " · ",
+          /* @__PURE__ */ l("span", { "data-testid": "model-usage-total-tokens", children: [
+            A(r.totalTokens),
+            " tokens (",
+            A(r.inputTokens),
+            " in /",
+            " ",
+            A(r.outputTokens),
+            " out / ",
+            A(r.cachedInputTokens),
+            " cached / ",
+            A(r.cacheWriteTokens),
+            " cache write)"
+          ] }),
+          " · ",
+          /* @__PURE__ */ t("span", { "data-testid": "model-usage-total-cost", children: Nn(r.cost, r.unpriced) }),
+          r.unpriced > 0 && /* @__PURE__ */ l(D, { children: [
+            " · ",
+            /* @__PURE__ */ l(
+              "span",
+              {
+                className: "tag warn",
+                "data-testid": "model-usage-unpriced-total",
+                title: "calls with no usable rate — not included in any cost total",
+                children: [
+                  A(r.unpriced),
+                  " unpriced"
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      a.error != null && /* @__PURE__ */ t("div", { className: "error", role: "alert", "data-testid": "model-usage-error", children: a.error.message }),
+      /* @__PURE__ */ l("div", { className: "card", children: [
+        a.isLoading && /* @__PURE__ */ t("p", { className: "muted", children: "Loading…" }),
+        a.isSuccess && c.length === 0 && /* @__PURE__ */ t(se, { testId: "model-usage-empty", children: "No model calls in this window. Usage rows appear here as routes are invoked." }),
+        c.length > 0 && /* @__PURE__ */ t(
+          le,
+          {
+            columns: vn,
+            rows: c,
+            rowKey: (d) => d.id,
+            testId: "model-usage-table",
+            rowTestId: (d) => `model-usage-${d.id}`
+          }
+        )
+      ] }),
+      a.hasNextPage && /* @__PURE__ */ t("div", { className: "row", children: /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "btn ghost",
+          disabled: a.isFetchingNextPage,
+          onClick: () => void a.fetchNextPage(),
+          "data-testid": "model-usage-load-more",
+          children: a.isFetchingNextPage ? "Loading…" : "Load more"
+        }
+      ) })
+    ] })
+  ] }) });
+}
+const kn = (e) => `${e} connection${e === 1 ? "" : "s"}`;
+function ia({ contract: e, onOpen: n, slots: i }) {
+  const s = Mt(e ? { contract: e } : void 0), a = s.data ?? [];
+  return /* @__PURE__ */ l("div", { className: "w6w-embed-root w6w-embed-cred-list", children: [
+    (i == null ? void 0 : i.header) ?? /* @__PURE__ */ t("h2", { children: "Credentials" }),
+    s.isLoading && /* @__PURE__ */ t("p", { className: "w6w-muted", children: "Loading…" }),
+    s.error && /* @__PURE__ */ t("p", { className: "w6w-error", role: "alert", children: s.error.message }),
+    !s.isLoading && !s.error && a.length === 0 && /* @__PURE__ */ t("div", { "data-testid": "credential-list-empty", children: (i == null ? void 0 : i.empty) ?? /* @__PURE__ */ t("p", { className: "w6w-muted", children: "No credentials yet." }) }),
+    /* @__PURE__ */ t("ul", { className: "w6w-embed-conn-list", "aria-label": "Credentials", children: a.map((o) => {
+      const r = Object.values(o.display)[0];
+      return /* @__PURE__ */ t("li", { children: /* @__PURE__ */ l(
+        "button",
+        {
+          type: "button",
+          className: "w6w-embed-conn-action",
+          "data-testid": `credential-row-${o.id}`,
+          onClick: () => n == null ? void 0 : n(o.id),
+          children: [
+            /* @__PURE__ */ t("strong", { children: o.name }),
+            " ",
+            /* @__PURE__ */ t("span", { className: "w6w-embed-conn-badge", children: o.status }),
+            r !== void 0 && /* @__PURE__ */ l("span", { className: "w6w-muted w6w-small", children: [
+              " ",
+              r
+            ] }),
+            /* @__PURE__ */ l("span", { className: "w6w-muted w6w-small", children: [
+              " · ",
+              kn(o.connectionCount)
+            ] })
+          ]
+        }
+      ) }, o.id);
+    }) })
+  ] });
+}
+function Cn(e) {
+  try {
+    const n = JSON.parse(e);
+    return n !== null && typeof n == "object" && !Array.isArray(n) ? n : null;
+  } catch {
+    return null;
+  }
+}
+const we = (e) => Number.isNaN(Date.parse(e)) ? e : new Date(e).toLocaleString();
+function sa({
+  credentialId: e,
+  onOpenConnection: n,
+  onDeleted: i,
+  onBack: s,
+  slots: a
+}) {
+  var $, I;
+  const o = Dt(e), r = xt(e), c = At(e), h = Rt(e), w = Et(e), N = jt(), [d, y] = C(""), [k, b] = C(null), [g, m] = C(!1), [p, T] = C(
+    null
+  ), [x, v] = C(null), [O, R] = C(!1), [E, j] = C(null), [M, S] = C(null), U = s && /* @__PURE__ */ t("button", { type: "button", className: "w6w-btn w6w-btn-ghost", onClick: s, children: "← Credentials" });
+  if (o.isLoading)
+    return /* @__PURE__ */ t("div", { className: "w6w-embed-root w6w-embed-cred-detail", children: /* @__PURE__ */ t("p", { className: "w6w-muted", children: "Loading…" }) });
+  const L = o.data;
+  if (!L)
+    return /* @__PURE__ */ l(
+      "div",
+      {
+        className: "w6w-embed-root w6w-embed-cred-detail",
+        "data-testid": "credential-not-found",
+        children: [
+          (a == null ? void 0 : a.empty) ?? /* @__PURE__ */ t("h2", { children: "Credential not found" }),
+          U
+        ]
+      }
+    );
+  const B = (($ = r.data) == null ? void 0 : $.connections) ?? [], P = L.connectionCount, F = L.status === "disabled", z = () => {
+    m(!1);
+    const f = Cn(d);
+    if (!f) {
+      b("Enter the new secret as a JSON object.");
+      return;
+    }
+    b(null), c.mutate(
+      { source: f },
+      {
+        onSuccess: () => {
+          y(""), m(!0);
+        },
+        onError: (W) => b((W == null ? void 0 : W.message) ?? "Rotate failed.")
+      }
+    );
+  }, V = () => {
+    T(null), v(null), w.mutate(void 0, {
+      onSuccess: T,
+      onError: (f) => v((f == null ? void 0 : f.message) ?? "Test failed.")
+    });
+  }, u = () => {
+    S(null), N.mutate(e, {
+      onSuccess: (f) => {
+        R(!1), f.ok ? i == null || i() : j(f.dependents.connections);
+      },
+      onError: (f) => S((f == null ? void 0 : f.message) ?? "Delete failed.")
+    });
+  };
+  return /* @__PURE__ */ l("div", { className: "w6w-embed-root w6w-embed-cred-detail w6w-card-stack", children: [
+    /* @__PURE__ */ l("div", { className: "w6w-embed-conn-card", children: [
+      /* @__PURE__ */ t("h2", { children: L.name }),
+      /* @__PURE__ */ l("p", { className: "w6w-small", children: [
+        /* @__PURE__ */ t("code", { children: L.contract }),
+        " ",
+        /* @__PURE__ */ t("span", { className: "w6w-embed-conn-badge", children: L.status })
+      ] }),
+      /* @__PURE__ */ t("dl", { className: "w6w-small", "data-testid": "credential-display", children: Object.entries(L.display).map(([f, W]) => /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ t("dt", { className: "w6w-muted", children: f }),
+        /* @__PURE__ */ t("dd", { children: W })
+      ] }, f)) }),
+      /* @__PURE__ */ l("p", { className: "w6w-muted w6w-small", children: [
+        P,
+        " connection",
+        P === 1 ? "" : "s",
+        " · created ",
+        we(L.createdAt),
+        " · updated ",
+        we(L.updatedAt)
+      ] }),
+      U
+    ] }),
+    /* @__PURE__ */ l("div", { className: "w6w-embed-conn-card", "data-testid": "credential-connections", children: [
+      /* @__PURE__ */ t("h3", { children: "Connected apps" }),
+      B.length === 0 ? /* @__PURE__ */ t("p", { className: "w6w-muted", children: "Not used by any connection." }) : /* @__PURE__ */ t("ul", { className: "w6w-embed-conn-list", "aria-label": "Connected apps", children: B.map((f) => /* @__PURE__ */ t("li", { children: n ? /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "w6w-embed-conn-action",
+          onClick: () => n(f.id),
+          children: f.displayName || f.appId
+        }
+      ) : /* @__PURE__ */ t("span", { children: f.displayName || f.appId }) }, f.id)) })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "w6w-embed-conn-card", children: [
+      /* @__PURE__ */ t("h3", { children: "Rotate secret" }),
+      /* @__PURE__ */ l(
+        "p",
+        {
+          className: "w6w-muted w6w-small",
+          "data-testid": "credential-rotation-impact",
+          children: [
+            P,
+            " connection",
+            P === 1 ? "" : "s",
+            " will be marked untested"
+          ]
+        }
+      ),
+      /* @__PURE__ */ t(
+        "textarea",
+        {
+          className: "w6w-input w6w-secret-input",
+          "aria-label": "New secret (JSON object)",
+          rows: 5,
+          value: d,
+          onChange: (f) => y(f.target.value),
+          name: "w6w-cred-rotate",
+          autoComplete: "off",
+          autoCapitalize: "off",
+          autoCorrect: "off",
+          spellCheck: !1,
+          "data-1p-ignore": "true",
+          "data-lpignore": "true",
+          "data-bwignore": "true",
+          "data-form-type": "other"
+        }
+      ),
+      k && /* @__PURE__ */ t(
+        "p",
+        {
+          className: "w6w-error",
+          role: "alert",
+          "data-testid": "credential-rotate-error",
+          children: k
+        }
+      ),
+      g && /* @__PURE__ */ t("output", { children: "Secret rotated." }),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "w6w-btn",
+          disabled: c.isPending,
+          onClick: z,
+          children: c.isPending ? "Rotating…" : "Rotate"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l("div", { className: "w6w-embed-conn-card", children: [
+      /* @__PURE__ */ t("h3", { children: "Manage" }),
+      /* @__PURE__ */ l("div", { className: "w6w-modal-actions", children: [
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "w6w-btn w6w-btn-ghost",
+            disabled: h.isPending,
+            onClick: () => h.mutate(F ? "active" : "disabled"),
+            children: F ? "Enable" : "Disable"
+          }
+        ),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "w6w-btn w6w-btn-ghost",
+            disabled: w.isPending,
+            onClick: V,
+            children: w.isPending ? "Testing…" : "Test credential"
+          }
+        ),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "w6w-btn w6w-btn-danger",
+            onClick: () => {
+              j(null), R(!0);
+            },
+            children: "Delete"
+          }
+        )
+      ] }),
+      p && /* @__PURE__ */ t("output", { "data-testid": "credential-test-result", children: p.ok ? "ok" : p.code ?? "failed" }),
+      x && /* @__PURE__ */ t("p", { role: "alert", children: x }),
+      h.isError && /* @__PURE__ */ t("p", { role: "alert", children: ((I = h.error) == null ? void 0 : I.message) ?? "Update failed." }),
+      O && /* @__PURE__ */ l("div", { "data-testid": "credential-delete-confirm", children: [
+        /* @__PURE__ */ l("p", { className: "w6w-small", children: [
+          'Delete the credential "',
+          L.name,
+          '"? This cannot be undone.'
+        ] }),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "w6w-btn w6w-btn-danger",
+            disabled: N.isPending,
+            onClick: u,
+            children: "Confirm delete"
+          }
+        ),
+        " ",
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "w6w-btn w6w-btn-ghost",
+            onClick: () => R(!1),
+            children: "Cancel"
+          }
+        )
+      ] }),
+      E && /* @__PURE__ */ l("div", { role: "alert", "data-testid": "credential-in-use", children: [
+        /* @__PURE__ */ l("p", { className: "w6w-small", children: [
+          "This credential is still used by ",
+          E.length,
+          " connection",
+          E.length === 1 ? "" : "s",
+          ". Delete those integrations first, or rotate this credential instead of deleting it."
+        ] }),
+        /* @__PURE__ */ t("ul", { className: "w6w-embed-conn-list", children: E.map((f) => /* @__PURE__ */ t("li", { children: f.displayName || f.appId }, f.id)) })
+      ] }),
+      M && /* @__PURE__ */ t("p", { role: "alert", children: M })
+    ] })
   ] });
 }
 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
+  zn as ActivitySummary,
+  ta as ConnectionDetail,
+  ea as ConnectionList,
+  sa as CredentialDetail,
+  ia as CredentialList,
+  Jn as DocumentList,
+  Vn as EndpointList,
+  Un as FunctionList,
+  na as ModelCatalog,
+  aa as ModelUsage,
+  Zn as ReliabilityBoard,
+  Gn as RunHistory,
+  Xn as ServiceDetail,
+  Yn as WorkflowList
 };
 //# sourceMappingURL=lists.mjs.map