@w6w/embed 0.2.1 → 0.2.19

package/dist/lists.mjs

@@ -1,119 +1,125 @@
 "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) => ({
+import { jsxs as r, jsx as t, Fragment as Q } from "react/jsx-runtime";
+import { useState as f, useMemo as ae, useEffect as ut } from "react";
+import { F as mt, E as ht } from "./CreateFunctionModal-DScxp_LN.js";
+import { d as wt, f as pt, h as ft, b as Ke, n as ke, u as gt, m as yt } from "./endpoints-DSRo1Lc5.js";
+import { u as G, b as Ce } from "./project-context-Tvp-La7A.js";
+import { CallableList as vt, ReliabilityList as Nt, EmptyState as De, DataTable as $e, EditButton as Qe, DeleteButton as bt, ListItem as Ne, HealthStatusPill as ue, HistoryTimeline as kt, useW6WApi as Fe, connectionAppIdsToLookUp as qe, ConnectionList as Ct, AddConnectionModal as Dt, EditConnectionModal as _e, Modal as $t, resolveConnectionAppMeta as Tt, ConnectionHeader as Lt, IconButton as Mt, locateDataStoreError as It, tableSchemaOf as xt, draftFromEntry as ce, CsvPanel as Et, DataTableGrid as At, NEW_ROW_ID as te, newRowDraft as Ie, kvValueTypeOf as Rt, DataEntryList as St, DataEntryEditor as Pt, dirtyColumns as Ot, csvFilenameOf as jt, csvImportMessage as xe, buildRowValue as Kt, rowWriteOf as Qt, remainingTtlSeconds as We, isVersionConflict as Be, cellErrorsOf as Ft, parseDocText as qt, kvValueOf as _t, serializeCell as Wt, DataStoreList as Bt, DATA_STORE_KINDS as Ut, DATA_STORE_KIND_LABEL as Vt, SCALAR_TYPES as Ht, ColumnsEditor as Jt, errorPlacement as Yt } from "@w6w/ui";
+import { I as zt } from "./ImportSpecModal-Cpzp8ndt.js";
+import { i as Zt } from "./import-bindings-EUtxZ9Ti.js";
+import { a3 as Gt, a1 as Ue, T as Xt, E as en } from "./workflows-BZN4Hyz1.js";
+import { b as tn } from "./workflow-blank-DFpGObrn.js";
+import { f as nn, e as Ee, g as an, b as sn, h as rn, i as ln } from "./api-calls--JHyif6a.js";
+import { C as he, a as on, M as cn } from "./ConfirmModal-Pv2-A_3U.js";
+import { D as dn } from "./DocumentFormModal-Br4s8wmi.js";
+import { k as un, i as mn } from "./spec-import-SWOonsNr.js";
+import { H as hn, a as Ve } from "./editor-apps-DkkC7wOQ.js";
+import { ApiError as He } from "@w6w/sdk";
+import { useQueryClient as we, useInfiniteQuery as Je } from "@tanstack/react-query";
+import { u as wn, o as pn, k as Ye, c as be, b as ze, m as fn, p as gn } from "./connections-CzsCyIxY.js";
+import { M as yn } from "./ModelRoutesManager-1Ac5wcas.js";
+import { j as vn } from "./apps-ItBvnWX3.js";
+import { u as pe } from "./client-context-CX61Bgw-.js";
+import { p as Nn, v as bn, n as kn, y as Cn } from "./models-bAayQPJ_.js";
+import { n as Dn, m as $n, k as Tn, p as Ln, q as Mn, v as In, o as xn } from "./credentials-Cn92LGhJ.js";
+import { h as En, k as Ze, p as Ge, o as An, j as Xe, n as Rn, m as Sn, g as et, i as Pn, u as On, f as jn } from "./data-stores-UeQvwVCa.js";
+function Te(e) {
+  const { kind: n } = e, a = wt(n), [s, i] = f(!1), o = (e.rows ?? []).map((l) => ({
     ...e.toRow(l),
     id: l.id,
-    archived: Oe(l)
+    archived: Zt(l)
   }));
-  return /* @__PURE__ */ o("div", { className: "w6w-embed-root", children: [
+  return /* @__PURE__ */ r("div", { className: "w6w-embed-root", children: [
     /* @__PURE__ */ t(
-      Ae,
+      vt,
       {
-        rows: r,
-        title: s.listTitle,
-        description: s.listDescription,
-        emptyCopy: s.emptyCopy,
-        newLabel: s.newLabel,
-        openRowTitle: s.openRowTitle,
+        rows: o,
+        title: a.listTitle,
+        description: a.listDescription,
+        emptyCopy: a.emptyCopy,
+        newLabel: a.newLabel,
+        openRowTitle: a.openRowTitle,
         testIds: {
-          showArchived: s.showArchivedTestId,
-          importOpen: s.importOpenTestId,
-          archivedBadge: s.archivedBadgeTestId
+          showArchived: a.showArchivedTestId,
+          importOpen: a.importOpenTestId,
+          archivedBadge: a.archivedBadgeTestId
         },
         loading: e.loading,
         error: e.error,
         onCreate: e.onCreate,
         creating: e.creating,
-        onImport: () => a(!0),
+        onImport: () => i(!0),
         onOpen: e.onOpen,
         getHref: e.getHref,
         slots: e.slots
       }
     ),
-    i && /* @__PURE__ */ t(
-      Ke,
+    s && /* @__PURE__ */ t(
+      zt,
       {
         kind: n,
         project: e.project ?? void 0,
-        listKeys: { functionsKey: $e, endpointsKey: Ce, workflowsKey: _e },
-        onOpenImported: (l, u) => {
-          var h;
-          return (h = e.onOpen) == null ? void 0 : h.call(e, u);
+        listKeys: { functionsKey: ft, endpointsKey: pt, workflowsKey: Gt },
+        onOpenImported: (l, c) => {
+          var m;
+          return (m = e.onOpen) == null ? void 0 : m.call(e, c);
         },
-        onClose: () => a(!1)
+        onClose: () => i(!1)
       }
     ),
     e.children
   ] });
 }
-function zt(e) {
-  const n = ne(), s = O(e.project), [i, a] = $(null);
+function ai(e) {
+  const n = Ke(), a = G(e.project), [s, i] = f(null);
   return /* @__PURE__ */ t(
-    V,
+    Te,
     {
       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: a,
+      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: () => i(ke("function")),
       slots: e.slots,
-      children: i !== null && /* @__PURE__ */ t(
-        ve,
+      children: s !== null && /* @__PURE__ */ t(
+        mt,
         {
-          newId: i,
-          takenKeys: (n.data ?? []).map((r) => r.key),
-          onClose: () => a(null),
-          onCreated: (r) => {
+          newId: s,
+          takenKeys: (n.data ?? []).map((o) => o.key),
+          onClose: () => i(null),
+          onCreated: (o) => {
             var l;
-            a(null), (l = e.onCreated) == null || l.call(e, r);
+            i(null), (l = e.onCreated) == null || l.call(e, o);
           }
         }
       )
     }
   );
 }
-function Jt(e) {
-  const n = Ie(), s = O(e.project), [i, a] = $(null);
+function ii(e) {
+  const n = gt(), a = G(e.project), [s, i] = f(null);
   return /* @__PURE__ */ t(
-    V,
+    Te,
     {
       kind: "endpoint",
       rows: n.data,
       loading: n.isLoading,
       error: n.error ? String(n.error) : null,
-      project: s,
-      toRow: (r) => ({
+      project: a,
+      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__ */ r(Q, { children: [
+          /* @__PURE__ */ t("strong", { children: o.displayName || o.key }),
+          yt(o) ? /* @__PURE__ */ t(
             "span",
             {
               className: "tag warn",
@@ -123,45 +129,45 @@ function Jt(e) {
             }
           ) : null
         ] }),
-        description: r.description
+        description: o.description
       }),
       onOpen: e.onOpen,
       getHref: e.getHref,
-      onCreate: () => a(W("endpoint")),
+      onCreate: () => i(ke("endpoint")),
       slots: e.slots,
-      children: i !== null && /* @__PURE__ */ t(
-        be,
+      children: s !== null && /* @__PURE__ */ t(
+        ht,
         {
-          newId: i,
-          takenKeys: (n.data ?? []).map((r) => r.key),
-          onClose: () => a(null),
-          onCreated: (r) => {
+          newId: s,
+          takenKeys: (n.data ?? []).map((o) => o.key),
+          onClose: () => i(null),
+          onCreated: (o) => {
             var l;
-            a(null), (l = e.onCreated) == null || l.call(e, r);
+            i(null), (l = e.onCreated) == null || l.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 si(e) {
+  const n = G(e.project), a = Ue(n ?? void 0, n != null), s = Xt(n ?? void 0), [i, o] = f(null);
   return /* @__PURE__ */ t(
-    V,
+    Te,
     {
       kind: "workflow",
-      rows: s.data,
-      loading: s.isLoading,
-      error: a ?? (s.error ? String(s.error) : null),
+      rows: a.data,
+      loading: a.isLoading,
+      error: i ?? (a.error ? String(a.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)) }),
+        badges: /* @__PURE__ */ r(Q, { children: [
+          l.tags.length > 0 && /* @__PURE__ */ t("span", { className: "wf-row-tags", children: l.tags.map((c) => /* @__PURE__ */ t("span", { className: "tag", children: c }, c)) }),
           l.status !== "archived" && /* @__PURE__ */ t("span", { className: `badge wf-status ${l.status}`, children: l.status })
         ] }),
-        trailing: /* @__PURE__ */ o("span", { className: "wf-col wf-col-stats muted small", children: [
+        trailing: /* @__PURE__ */ r("span", { className: "wf-col wf-col-stats muted small", children: [
           l.runCount,
           " ",
           l.runCount === 1 ? "run" : "runs"
@@ -170,174 +176,185 @@ function Gt(e) {
       onOpen: e.onOpen,
       getHref: e.getHref,
       onCreate: () => {
-        r(null), i.mutate(qe(W("workflow")), {
+        o(null), s.mutate(tn(ke("workflow")), {
           onSuccess: (l) => {
-            var u;
-            return (u = e.onCreated) == null ? void 0 : u.call(e, l.workflow.id);
+            var c;
+            return (c = e.onCreated) == null ? void 0 : c.call(e, l.workflow.id);
           },
-          onError: (l) => r(l instanceof Error ? l.message : String(l))
+          onError: (l) => o(l instanceof Error ? l.message : String(l))
         });
       },
-      creating: i.isPending,
+      creating: s.isPending,
       slots: e.slots
     }
   );
 }
-function Xt({
+function ri({
   project: e,
   variant: n = "full",
-  limit: s,
-  days: i = 30,
-  showChart: a,
-  getHref: r,
+  limit: a,
+  days: s = 30,
+  showChart: i,
+  getHref: o,
   onOpen: l,
-  showAllHref: u,
-  onShowAll: h,
-  slots: f
+  showAllHref: c,
+  onShowAll: m,
+  slots: h
 }) {
-  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, w;
+  const N = Ce().project, d = e === void 0 ? N : e, k = d || null, b = nn(k ?? void 0, s);
+  let D = h == null ? void 0 : h.empty;
+  return k ? b.isLoading ? D = /* @__PURE__ */ t("p", { className: "w6w-muted", children: "Loading…" }) : b.error && (D = /* @__PURE__ */ t("div", { className: "error", children: b.error.message })) : D = /* @__PURE__ */ t("p", { className: "w6w-muted", children: "Select a project to see its reliability." }), /* @__PURE__ */ t("div", { className: "w6w-embed-root", children: /* @__PURE__ */ t(
+    Nt,
     {
-      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: k ? ((g = b.data) == null ? void 0 : g.services) ?? [] : [],
+      window: k ? (w = b.data) == null ? void 0 : w.window : void 0,
+      days: s,
       compact: n === "compact",
-      showChart: a,
-      limit: s,
-      getHref: r,
+      showChart: i,
+      limit: a,
+      getHref: o,
       onOpen: l,
-      showAllHref: u,
-      onShowAll: h,
-      slots: { ...f, empty: p }
+      showAllHref: c,
+      onShowAll: m,
+      slots: { ...h, empty: D }
     }
   ) });
 }
-function st(e) {
+function Kn(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 li({ project: e, onOpen: n, getHref: a, slots: s, rowSlots: i }) {
+  var g;
+  const o = G(e), l = un(o ?? void 0, o != null), c = mn(), [m, h] = f(null), [N, d] = f(null), k = (s == null ? void 0 : s.header) === void 0 ? /* @__PURE__ */ r("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, b = (s == null ? void 0 : s.empty) === void 0 ? /* @__PURE__ */ t(De, { testId: "document-list-empty", children: "No documents yet." }) : s.empty, D = [
+    {
+      key: "key",
+      header: "Document",
+      render: (w) => {
+        var I;
+        const y = (I = i == null ? void 0 : i.lead) == null ? void 0 : I.call(i, w);
+        return /* @__PURE__ */ r("span", { style: { display: "flex", alignItems: "center" }, children: [
+          y,
+          /* @__PURE__ */ r(
+            "span",
+            {
+              className: "list-main",
+              style: { marginLeft: y != null ? "var(--w6w-sp-2)" : 0 },
+              children: [
+                /* @__PURE__ */ t("strong", { className: "list-name", title: w.key, children: w.key }),
+                " ",
+                /* @__PURE__ */ t("span", { className: "tag", children: w.format }),
+                /* @__PURE__ */ r("div", { className: "muted small list-preview", children: [
+                  /* @__PURE__ */ t("code", { children: Kn(w.content) }),
+                  w.description && /* @__PURE__ */ r(Q, { children: [
+                    " · ",
+                    w.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: (w) => {
+        var I, S;
+        const y = (I = i == null ? void 0 : i.footer) == null ? void 0 : I.call(i, w);
+        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__ */ r("div", { onClick: ($) => $.stopPropagation(), children: [
+            /* @__PURE__ */ r("div", { style: { display: "flex", gap: "var(--w6w-sp-1-5)", justifyContent: "flex-end" }, children: [
+              /* @__PURE__ */ t(on, { resource: { kind: "document", key: w.key } }),
+              w.shared ? (S = i == null ? void 0 : i.sharedActions) == null ? void 0 : S.call(i, w) : /* @__PURE__ */ r(Q, { children: [
                 /* @__PURE__ */ t(
-                  ae,
+                  Qe,
                   {
                     label: "Edit",
-                    onClick: () => f({ mode: "edit", d }),
-                    "data-testid": `document-edit-${d.id}`
+                    onClick: () => h({ mode: "edit", d: w }),
+                    "data-testid": `document-edit-${w.id}`
                   }
                 ),
                 /* @__PURE__ */ t(
-                  Te,
+                  bt,
                   {
                     label: "Delete",
-                    onClick: () => m(d),
-                    disabled: u.isPending,
-                    "data-testid": `document-delete-${d.id}`
+                    onClick: () => d(w),
+                    disabled: c.isPending,
+                    "data-testid": `document-delete-${w.id}`
                   }
                 )
               ] })
             ] }),
-            I != null && /* @__PURE__ */ t("div", { style: { flexBasis: "100%" }, children: I })
-          ] }, d.id);
-        }) })
+            y != null && /* @__PURE__ */ t("div", { className: "w6w-doc-footer", children: y })
+          ] })
+        );
+      }
+    }
+  ];
+  return /* @__PURE__ */ r("div", { className: "w6w-embed-root", children: [
+    /* @__PURE__ */ r("section", { className: "section", children: [
+      /* @__PURE__ */ r("div", { className: "section-head", children: [
+        k,
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "btn",
+            disabled: o == null,
+            onClick: () => h({ mode: "create" }),
+            children: "+ Add document"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r("div", { className: "card", children: [
+        l.isLoading && /* @__PURE__ */ t("p", { className: "muted", children: "Loading…" }),
+        ((g = l.data) == null ? void 0 : g.length) === 0 && b,
+        l.data != null && l.data.length > 0 && /* @__PURE__ */ t(
+          $e,
+          {
+            columns: D,
+            rows: l.data,
+            rowKey: (w) => w.id,
+            getRowHref: a ? (w) => a(w.id) : void 0,
+            onRowClick: n ? (w, y) => n(w.id, y) : void 0
+          }
+        )
       ] })
     ] }),
-    h && /* @__PURE__ */ t(
-      Ge,
+    m && /* @__PURE__ */ t(
+      dn,
       {
-        initial: h.mode === "edit" ? h.d : void 0,
-        project: r,
-        onClose: () => f(null),
-        onSaved: () => f(null)
+        initial: m.mode === "edit" ? m.d : void 0,
+        project: o,
+        onClose: () => h(null),
+        onSaved: () => h(null)
       }
     ),
-    g && /* @__PURE__ */ t(
-      Je,
+    N && /* @__PURE__ */ t(
+      he,
       {
         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 Qn = {
   workflow: "Workflow run",
   workflow_step: "Workflow step",
   connection_test: "Connection test",
@@ -348,10 +365,10 @@ const lt = {
   endpoint: "Endpoint call",
   action: "App action"
 };
-function K(e) {
-  return lt[e] ?? e;
+function me(e) {
+  return Qn[e] ?? e;
 }
-const me = {
+const tt = {
   workflow: "workflow",
   workflow_step: "workflow_step",
   connection_test: "base",
@@ -360,201 +377,207 @@ const me = {
   endpoint: "base",
   action: "base"
 };
-function rt(e) {
-  return Object.hasOwn(me, e);
+function Fn(e) {
+  return Object.hasOwn(tt, e);
 }
-function he(e) {
-  return rt(e) ? me[e] : "base";
+function nt(e) {
+  return Fn(e) ? tt[e] : "base";
 }
-function ot(e, n) {
-  const s = /* @__PURE__ */ new Map();
-  for (const a of e ?? []) {
-    const r = a.displayName || a.key;
-    r && s.set(a.id, r);
+function qn(e, n) {
+  const a = /* @__PURE__ */ new Map();
+  for (const i of e ?? []) {
+    const o = i.displayName || i.key;
+    o && a.set(i.id, o);
   }
-  const i = /* @__PURE__ */ new Map();
-  for (const a of n ?? []) {
-    const r = a.displayName || a.name;
-    r && i.set(a.id, r);
+  const s = /* @__PURE__ */ new Map();
+  for (const i of n ?? []) {
+    const o = i.displayName || i.name;
+    o && s.set(i.id, o);
   }
-  return { functions: s, workflows: i };
-}
-function ct(e, n) {
-  const s = e.summary ?? K(e.kind), i = he(e.kind);
-  if (i === "function" && e.functionId !== null) {
-    const a = n.functions.get(e.functionId);
-    if (a !== void 0)
-      return { text: a, target: { kind: "function", id: e.functionId } };
+  return { functions: a, workflows: s };
+}
+function _n(e, n) {
+  const a = e.summary ?? me(e.kind), s = nt(e.kind);
+  if (s === "function" && e.functionId !== null) {
+    const i = n.functions.get(e.functionId);
+    if (i !== void 0)
+      return { text: i, target: { kind: "function", id: e.functionId } };
   }
-  if (i === "workflow" && e.workflowId !== null) {
-    const a = n.workflows.get(e.workflowId);
-    if (a !== void 0)
-      return { text: a, target: { kind: "workflow", id: e.workflowId } };
+  if (s === "workflow" && e.workflowId !== null) {
+    const i = n.workflows.get(e.workflowId);
+    if (i !== void 0)
+      return { text: i, 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 i = e.workflowId, o = i !== null ? n.workflows.get(i) : void 0, l = o ?? i ?? e.summary ?? "Unknown workflow", c = o !== void 0 && i !== null;
     return {
       text: e.stepId ? `${l} - ${e.stepId}` : l,
-      target: u ? { kind: "workflow", id: a } : null
+      target: c ? { kind: "workflow", id: i } : null
     };
   }
-  return { text: s, target: null };
+  return { text: a, target: null };
 }
-const E = (e) => String(e).padStart(2, "0");
-function dt(e) {
+const re = (e) => String(e).padStart(2, "0");
+function at(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()}-${re(n.getMonth() + 1)}-${re(n.getDate())}`} ${re(n.getHours())}:${re(n.getMinutes())}:${re(n.getSeconds())}`;
 }
-function ut(e) {
+function it(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 Wn() {
   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 Bn(e, n) {
+  const a = new Date(e);
+  if (Number.isNaN(a.getTime())) return e;
+  const s = a.toLocaleDateString(void 0, { month: "short", day: "numeric" });
+  return n === "week" ? `Week of ${s}` : s;
 }
-function we({ ok: e }) {
+function st({ 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 ge({ label: e, value: n }) {
+  return /* @__PURE__ */ r("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 Ae({
   title: e,
   headline: n,
-  loading: s
+  loading: a
 }) {
-  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__ */ r("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 })
+    a ? /* @__PURE__ */ t("p", { className: "muted", children: "Loading…" }) : /* @__PURE__ */ r("div", { className: "w6w-activity-stats", children: [
+      /* @__PURE__ */ t(ge, { label: "Workflow runs", value: s.workflowRuns }),
+      /* @__PURE__ */ t(ge, { label: "Succeeded", value: s.succeeded }),
+      /* @__PURE__ */ t(ge, { label: "Failed", value: s.failed })
     ] })
   ] });
 }
-function wt({
+function Un({
   entry: e,
   names: n,
-  getHref: s,
-  onOpen: i
+  getHref: a,
+  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: i, target: o } = _n(e, n);
+  if (o === null) return /* @__PURE__ */ t(Q, { children: i });
+  const l = s ? (c) => s(o, c) : void 0;
+  return a ? /* @__PURE__ */ t("a", { href: a(o), onClick: l, children: i }) : l ? /* @__PURE__ */ t("button", { type: "button", className: "w6w-activity-link", onClick: l, children: i }) : /* @__PURE__ */ t(Q, { children: i });
 }
-function fe({ entry: e, title: n }) {
-  const s = ut(e.durationMs);
+function rt({ entry: e, title: n }) {
+  const a = it(e.durationMs);
   return /* @__PURE__ */ t(
-    H,
+    Ne,
     {
-      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(st, { ok: e.ok }),
+      title: n ?? e.summary ?? me(e.kind),
+      subtitle: `${me(e.kind)} · ${at(e.occurredAt)}`,
+      trailing: a === null ? void 0 : /* @__PURE__ */ t("span", { className: "muted small", children: a })
     }
   );
 }
-function F(e) {
-  return /* @__PURE__ */ t(fe, { entry: e.entry, title: /* @__PURE__ */ t(wt, { ...e }) });
+function ye(e) {
+  return /* @__PURE__ */ t(rt, { entry: e.entry, title: /* @__PURE__ */ t(Un, { ...e }) });
 }
-const ft = {
-  base: (e) => /* @__PURE__ */ t(fe, { entry: e.entry }),
-  function: F,
-  workflow: F,
-  workflow_step: F
+const Vn = {
+  base: (e) => /* @__PURE__ */ t(rt, { entry: e.entry }),
+  function: ye,
+  workflow: ye,
+  workflow_step: ye
 };
-function pt(e) {
-  const n = ft[he(e.entry.kind)];
+function Hn(e) {
+  const n = Vn[nt(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 oi({ getHref: e, onOpen: n, slots: a }) {
+  var D, g, w, y, I, S;
+  const s = Ee("today", { from: Wn(), bucket: "day" }), i = Ee("week", { bucket: "week" }), o = Ke(), l = Ue(), c = ae(
+    () => qn(o.data, l.data),
+    [o.data, l.data]
+  ), m = s.error ?? i.error, h = m ? m.message : null, N = ((D = i.data) == null ? void 0 : D.recent) ?? [], d = ((g = i.data) == null ? void 0 : g.series) ?? [], k = ((w = i.data) == null ? void 0 : w.range.bucket) ?? "week", b = !i.isLoading && N.length === 0 && (((y = i.data) == null ? void 0 : y.headline.workflowRuns) ?? 0) === 0;
+  return /* @__PURE__ */ r("div", { className: "w6w-embed-root", children: [
+    h && /* @__PURE__ */ t("div", { className: "error", children: h }),
+    a == null ? void 0 : a.header,
+    a == null ? void 0 : a.actions,
     /* @__PURE__ */ t(
-      X,
+      Ae,
       {
         title: "Today",
-        headline: (A = i.data) == null ? void 0 : A.headline,
-        loading: i.isLoading
+        headline: (I = s.data) == null ? void 0 : I.headline,
+        loading: s.isLoading
       }
     ),
     /* @__PURE__ */ t(
-      X,
+      Ae,
       {
         title: "Last 7 days",
-        headline: (I = a.data) == null ? void 0 : I.headline,
-        loading: a.isLoading
+        headline: (S = i.data) == null ? void 0 : S.headline,
+        loading: i.isLoading
       }
     ),
-    s == null ? void 0 : s.betweenHeadlineAndSeries,
-    /* @__PURE__ */ o("section", { className: "w6w-activity-section", children: [
+    a == null ? void 0 : a.betweenHeadlineAndSeries,
+    /* @__PURE__ */ r("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: i.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(($) => /* @__PURE__ */ r("li", { children: [
+        /* @__PURE__ */ r("span", { className: "list-main", children: [
+          /* @__PURE__ */ t("strong", { children: Bn($.bucket, k) }),
           " ",
-          /* @__PURE__ */ t("span", { className: "muted small", children: K(w.kind) })
+          /* @__PURE__ */ t("span", { className: "muted small", children: me($.kind) })
         ] }),
         " ",
-        /* @__PURE__ */ t(we, { ok: w.ok }),
+        /* @__PURE__ */ t(st, { ok: $.ok }),
         " ",
-        /* @__PURE__ */ t("span", { className: "muted small", children: w.count })
-      ] }, `${w.bucket}-${w.kind}-${String(w.ok)}`)) }) })
+        /* @__PURE__ */ t("span", { className: "muted small", children: $.count })
+      ] }, `${$.bucket}-${$.kind}-${String($.ok)}`)) }) })
     ] }),
-    /* @__PURE__ */ o("section", { children: [
+    /* @__PURE__ */ r("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: i.isLoading ? /* @__PURE__ */ t("p", { className: "muted", children: "Loading…" }) : b ? (a == null ? void 0 : a.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(($) => /* @__PURE__ */ t(
+        Hn,
         {
-          entry: w,
-          names: u,
+          entry: $,
+          names: c,
           getHref: e,
           onOpen: n
         },
-        w.id
+        $.id
       )) }) })
     ] })
   ] });
 }
-function gt(e) {
+function Jn(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 Yn(e) {
+  const n = Ce().project, [a, s] = f(en), i = e.scope !== void 0 ? e.scope : n ? { project: n } : null, o = e.filters !== void 0, l = e.filters ?? a, c = (m) => {
+    var h;
+    o || s(m), (h = e.onFiltersChange) == null || h.call(e, m);
   };
   return /* @__PURE__ */ t("div", { className: "w6w-embed-root", children: /* @__PURE__ */ t(
-    Xe,
+    hn,
     {
-      scope: a,
-      showKind: e.showKind ?? gt(a),
+      scope: i,
+      showKind: e.showKind ?? Jn(i),
       filters: l,
-      onFiltersChange: u,
+      onFiltersChange: c,
       onOpenInEditor: e.onOpenInEditor
     }
   ) });
 }
-const yt = 1440 * 60 * 1e3;
-function Nt(e) {
+function zn({ title: e = "Logs", ...n }) {
+  return /* @__PURE__ */ r("div", { className: "w6w-embed-root w6w-embed-logs", children: [
+    e !== null && /* @__PURE__ */ t("h2", { children: e }),
+    /* @__PURE__ */ t(Yn, { ...n })
+  ] });
+}
+const ci = zn, Zn = 1440 * 60 * 1e3;
+function Gn(e) {
   if (!(e === null || e.timeline === null))
     return e.timeline.map((n) => ({
       id: n.id,
@@ -567,39 +590,39 @@ function Nt(e) {
       link: n.link
     }));
 }
-function pe(e) {
+function lt(e) {
   return e.startedAt !== void 0 && e.resolvedAt === void 0;
 }
-function ee(e) {
+function Re(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 Se(e, n) {
+  const a = new Date(e).getTime();
+  return Number.isNaN(a) ? 0 : Math.max(0, Math.floor((n - a) / Zn));
 }
-function vt(e, n) {
-  if (!pe(e) || e.startedAt === void 0) return null;
-  const s = te(e.startedAt, n), i = ee(e.startedAt), a = s === 0 ? `open since ${i} (today)` : `open ${s}d (since ${i})`, r = e.updatedAt ?? e.startedAt, l = te(r, n), u = ee(r), h = l === 0 ? `last update ${u} (today)` : `last update ${u} (${l}d ago)`;
-  return `${a} · ${h}`;
+function Xn(e, n) {
+  if (!lt(e) || e.startedAt === void 0) return null;
+  const a = Se(e.startedAt, n), s = Re(e.startedAt), i = a === 0 ? `open since ${s} (today)` : `open ${a}d (since ${s})`, o = e.updatedAt ?? e.startedAt, l = Se(o, n), c = Re(o), m = l === 0 ? `last update ${c} (today)` : `last update ${c} (${l}d ago)`;
+  return `${i} · ${m}`;
 }
-function bt(e) {
+function ea(e) {
   return e ? Object.entries(e) : [];
 }
-function kt(e) {
+function ta(e) {
   return e.uptime.map((n) => ({ day: n.day, state: n.state }));
 }
-const x = [
+const ie = [
   ["e4xx", "4xx"],
   ["e429", "429 rate-limited"],
   ["eAuth", "auth (401/403)"],
   ["e5xx", "5xx"]
 ];
-function ge(e) {
+function ot(e) {
   const n = new Date(e);
   return Number.isNaN(n.getTime()) ? e : n.toLocaleDateString(void 0, { month: "short", day: "numeric" });
 }
-function Y(e) {
+function Le(e) {
   if (!e) return "—";
   const n = new Date(e);
   return Number.isNaN(n.getTime()) ? e : n.toLocaleString(void 0, {
@@ -609,49 +632,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 de({ label: e, value: n, hint: a }) {
+  return /* @__PURE__ */ r("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 })
+    a && /* @__PURE__ */ t("div", { className: "muted small", children: a })
   ] });
 }
-function Ct({
+function na({
   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__ */ r("div", { className: "w6w-rel-card", children: [
+      /* @__PURE__ */ r("h4", { style: { margin: "0 0 var(--w6w-sp-1)" }, children: [
         n,
         " status"
       ] }),
-      /* @__PURE__ */ o("p", { className: "muted", children: [
+      /* @__PURE__ */ r("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 a = e.state === "unknown", s = ea(e.components), i = (e.timeline ?? []).filter(lt), o = Date.now();
+  return /* @__PURE__ */ r("div", { className: "w6w-rel-card", children: [
+    /* @__PURE__ */ r("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(ue, { state: e.state, label: a ? "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." }),
+    a && /* @__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: a ? "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__ */ r("p", { className: "muted small", style: { margin: 0 }, children: [
+      a ? "Tried to read" : "Read from",
       " ",
       n,
       "'s own status page — what",
@@ -659,167 +682,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: [
+      Le(e.checkedAt),
+      e.attributedTo.length > 0 && /* @__PURE__ */ r(Q, { children: [
         " ",
         "· decided by",
         " ",
         e.attributedTo.map((l) => /* @__PURE__ */ t("code", { children: l }, l))
       ] })
     ] }),
-    i.length > 0 && /* @__PURE__ */ t("div", { className: "muted small", style: { margin: "var(--w6w-sp-2) 0 0" }, children: i.map(([l, u]) => /* @__PURE__ */ o("span", { className: "w6w-rel-tag", children: [
+    s.length > 0 && /* @__PURE__ */ t("div", { className: "muted small", style: { margin: "var(--w6w-sp-2) 0 0" }, children: s.map(([l, c]) => /* @__PURE__ */ r("span", { className: "w6w-rel-tag", children: [
       l,
       ": ",
-      u.state
+      c.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: [
+    i.length > 0 && /* @__PURE__ */ t("ul", { className: "list", style: { margin: "var(--w6w-sp-2) 0 0" }, children: i.map((l) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ r("div", { className: "list-main", children: [
       /* @__PURE__ */ t("strong", { children: l.title }),
       " ",
-      /* @__PURE__ */ t(Q, { state: l.state }),
-      /* @__PURE__ */ t("div", { className: "muted small", children: vt(l, r) })
+      /* @__PURE__ */ t(ue, { state: l.state }),
+      /* @__PURE__ */ t("div", { className: "muted small", children: Xn(l, o) })
     ] }) }, 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: [
+    e.statusPageUrl !== null && /* @__PURE__ */ t("p", { className: "muted small", style: { margin: "var(--w6w-sp-2) 0 0" }, children: /* @__PURE__ */ r("a", { href: e.statusPageUrl, target: "_blank", rel: "noopener noreferrer", children: [
       n,
       "'s status page ↗"
     ] }) })
   ] });
 }
-function $t({ service: e }) {
+function aa({ 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, a = Math.max(1, ...n.map((s) => s.calls));
+  return /* @__PURE__ */ r("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 / a * 100, 4) : 2}%` },
+            title: `${ot(`${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 ia({
   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 a = [...e.uptime].reverse().filter((l) => l.calls > 0), s = e.vendorStatus, i = Gn(s), o = i === void 0 ? `${e.displayName} publishes no incident history.` : `No incidents from ${e.displayName} in this window.`;
+  return /* @__PURE__ */ r("div", { className: "w6w-rel-card", children: [
     /* @__PURE__ */ t(
-      De,
+      kt,
       {
         window: n,
-        days: kt(e),
-        incidents: a,
-        vendorEmptyLabel: r,
+        days: ta(e),
+        incidents: i,
+        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__ */ r("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: [
+    a.length > 0 && /* @__PURE__ */ t("div", { className: "list", style: { marginTop: "var(--w6w-sp-3)" }, children: a.slice(0, 14).map((l) => /* @__PURE__ */ r("div", { className: "rel-day-row", children: [
+      /* @__PURE__ */ t("span", { style: { minWidth: 96 }, children: /* @__PURE__ */ t("strong", { children: ot(`${l.day}T00:00:00.000Z`) }) }),
+      /* @__PURE__ */ t(ue, { state: l.state }),
+      /* @__PURE__ */ r("span", { className: "muted small", children: [
         l.calls,
         " calls"
       ] }),
-      /* @__PURE__ */ t("span", { className: "rel-errors", children: x.filter(([u]) => l.errors[u] > 0).map(([u, h]) => /* @__PURE__ */ o("span", { className: "w6w-rel-tag", children: [
-        h,
+      /* @__PURE__ */ t("span", { className: "rel-errors", children: ie.filter(([c]) => l.errors[c] > 0).map(([c, m]) => /* @__PURE__ */ r("span", { className: "w6w-rel-tag", children: [
+        m,
         " ×",
-        l.errors[u]
-      ] }, u)) })
+        l.errors[c]
+      ] }, c)) })
     ] }, l.day)) })
   ] });
 }
-function Lt({ errors: e }) {
-  if (x.reduce((i, [a]) => i + e[a], 0) === 0)
+function sa({ errors: e }) {
+  if (ie.reduce((s, [i]) => s + e[i], 0) === 0)
     return /* @__PURE__ */ t("div", { className: "w6w-rel-card", children: /* @__PURE__ */ t("p", { className: "muted", style: { margin: 0 }, children: "No errors in this window." }) });
-  const s = Math.max(1, ...x.map(([i]) => e[i]));
-  return /* @__PURE__ */ t("div", { className: "w6w-rel-card rel-errormix-chart", children: x.map(([i, a]) => /* @__PURE__ */ o("div", { className: "rel-errormix-row", children: [
-    /* @__PURE__ */ t("span", { className: "muted small", children: a }),
+  const a = Math.max(1, ...ie.map(([s]) => e[s]));
+  return /* @__PURE__ */ t("div", { className: "w6w-rel-card rel-errormix-chart", children: ie.map(([s, i]) => /* @__PURE__ */ r("div", { className: "rel-errormix-row", children: [
+    /* @__PURE__ */ t("span", { className: "muted small", children: i }),
     /* @__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] / a * 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 ra({ project: e, appId: n }) {
+  const a = sn(e, n, { limit: 50 });
+  if (a.isLoading) return /* @__PURE__ */ t("p", { className: "muted", children: "Loading calls…" });
+  if (a.error) {
+    const i = a.error;
+    return /* @__PURE__ */ t("div", { className: "error", children: (i instanceof He, i.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 = a.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__ */ r("div", { className: "rel-calls", children: [
+    /* @__PURE__ */ r("div", { className: "rel-call rel-call-head", children: [
       /* @__PURE__ */ t("span", { children: "When" }),
       /* @__PURE__ */ t("span", { children: "Action" }),
       /* @__PURE__ */ t("span", { children: "Method" }),
       /* @__PURE__ */ t("span", { children: "Status" }),
       /* @__PURE__ */ t("span", { children: "Took" })
     ] }),
-    i.map((a, r) => /* @__PURE__ */ o("div", { className: "rel-call", children: [
-      /* @__PURE__ */ t("span", { className: "muted small", children: Y(a.createdAt) }),
-      /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t("code", { children: a.actionKey ?? "—" }) }),
-      /* @__PURE__ */ t("span", { className: "muted small", children: a.method }),
-      /* @__PURE__ */ t("span", { className: a.status >= 400 || a.status === 0 ? "error" : "ok", children: a.status === 0 ? "no response" : a.status }),
-      /* @__PURE__ */ t("span", { className: "muted small", children: a.durationMs != null ? `${a.durationMs} ms` : "—" })
-    ] }, a.id ?? `${a.createdAt}-${r}`))
+    s.map((i, o) => /* @__PURE__ */ r("div", { className: "rel-call", children: [
+      /* @__PURE__ */ t("span", { className: "muted small", children: Le(i.createdAt) }),
+      /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t("code", { children: i.actionKey ?? "—" }) }),
+      /* @__PURE__ */ t("span", { className: "muted small", children: i.method }),
+      /* @__PURE__ */ t("span", { className: i.status >= 400 || i.status === 0 ? "error" : "ok", children: i.status === 0 ? "no response" : i.status }),
+      /* @__PURE__ */ t("span", { className: "muted small", children: i.durationMs != null ? `${i.durationMs} ms` : "—" })
+    ] }, i.id ?? `${i.createdAt}-${o}`))
   ] });
 }
-function Mt({
+function la({
   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 di({
   appId: e,
   project: n,
-  days: s = 30,
-  backHref: i,
-  onBack: a,
-  slots: r
+  days: a = 30,
+  backHref: s,
+  onBack: i,
+  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 k, b, D, g;
+  const l = Ce().project, c = (n === void 0 ? l : n) || void 0, m = an(c, [e], a), h = m.error, N = h ? (h instanceof He, h.message) : null, d = (k = m.data) == null ? void 0 : k.services.find((w) => w.appId === e);
+  return /* @__PURE__ */ r("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 && m.isLoading && /* @__PURE__ */ t("p", { className: "muted", children: "Loading…" }),
+    m.data && !d && /* @__PURE__ */ r("div", { className: "w6w-rel-card", children: [
+      (o == null ? void 0 : o.empty) ?? /* @__PURE__ */ r("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,
+        a,
         " days."
       ] }),
-      /* @__PURE__ */ t(Mt, { backHref: i, onBack: a })
+      /* @__PURE__ */ t(la, { backHref: s, onBack: i })
     ] }),
-    m && /* @__PURE__ */ o(T, { children: [
-      /* @__PURE__ */ o("section", { style: { marginBottom: "var(--w6w-sp-5)" }, children: [
-        /* @__PURE__ */ o(
+    d && /* @__PURE__ */ r(Q, { children: [
+      /* @__PURE__ */ r("section", { style: { marginBottom: "var(--w6w-sp-5)" }, children: [
+        /* @__PURE__ */ r(
           "div",
           {
             style: {
@@ -829,357 +852,1491 @@ function an({
               marginBottom: "var(--w6w-sp-3)"
             },
             children: [
-              /* @__PURE__ */ t(Q, { state: m.state }),
+              /* @__PURE__ */ t(ue, { 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__ */ r("div", { style: { display: "flex", gap: "var(--w6w-sp-3)", flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ t(de, { label: "Calls in window", value: String(d.calls) }),
           /* @__PURE__ */ t(
-            S,
+            de,
             {
               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(de, { label: "Last call", value: Le(d.lastCallAt) }),
           /* @__PURE__ */ t(
-            S,
+            de,
             {
               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(ie.reduce((w, [y]) => w + d.errors[y], 0)),
+              hint: ie.filter(([w]) => d.errors[w] > 0).map(([w, y]) => `${y} ×${d.errors[w]}`).join(" · ") || "none"
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ o("section", { style: { marginBottom: "var(--w6w-sp-5)" }, children: [
+      /* @__PURE__ */ r("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(sa, { errors: d.errors })
       ] }),
-      /* @__PURE__ */ o("section", { style: { marginBottom: "var(--w6w-sp-5)" }, children: [
+      /* @__PURE__ */ r("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(na, { 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__ */ r("section", { style: { marginBottom: "var(--w6w-sp-5)" }, children: [
+        /* @__PURE__ */ r("h3", { style: { margin: "0 0 var(--w6w-sp-2)" }, children: [
           "Last ",
-          ((y = h.data) == null ? void 0 : y.window.days) ?? s,
+          ((b = m.data) == null ? void 0 : b.window.days) ?? a,
           " days",
           " ",
-          /* @__PURE__ */ o("span", { className: "muted small", children: [
+          /* @__PURE__ */ r("span", { className: "muted small", children: [
             "uptime means ",
-            (p = h.data) == null ? void 0 : p.uptimeMeans
+            (D = m.data) == null ? void 0 : D.uptimeMeans
           ] })
         ] }),
-        /* @__PURE__ */ t(It, { service: m, window: ((v = h.data) == null ? void 0 : v.window) ?? { from: "", to: "" } }),
-        /* @__PURE__ */ t($t, { service: m })
+        /* @__PURE__ */ t(ia, { service: d, window: ((g = m.data) == null ? void 0 : g.window) ?? { from: "", to: "" } }),
+        /* @__PURE__ */ t(aa, { service: d })
       ] }),
-      /* @__PURE__ */ o("section", { children: [
-        /* @__PURE__ */ o("h3", { style: { margin: "0 0 var(--w6w-sp-2)" }, children: [
+      /* @__PURE__ */ r("section", { children: [
+        /* @__PURE__ */ r("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(ra, { 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 oa(e) {
+  if (typeof e == "string") return e;
+  if (e && typeof e == "object") {
+    const n = e;
+    for (const a of ["stepId", "step", "id", "nodeId", "key"])
+      if (typeof n[a] == "string") return n[a];
+  }
+  return String(e);
+}
+function ca({
+  routes: e,
+  projectId: n
+}) {
+  const [a, s] = f(null), i = e.find((o) => o.id === a);
+  return e.length === 0 ? null : /* @__PURE__ */ r(Q, { children: [
+    /* @__PURE__ */ t("ul", { className: "list small", "data-testid": "connection-dependent-routes", children: e.map((o) => /* @__PURE__ */ r("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__ */ r(Q, { 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)) }),
+    i != null && /* @__PURE__ */ t(
+      da,
+      {
+        routeId: i.id,
+        projectId: i.project ?? n,
+        onDone: () => s(null)
+      }
+    )
+  ] });
+}
+function da(e) {
+  return /* @__PURE__ */ r("div", { "data-testid": "connection-route-reconnect-host", children: [
+    /* @__PURE__ */ t(yn, { projectId: e.projectId, initialEditRouteId: e.routeId }),
+    /* @__PURE__ */ t("button", { type: "button", className: "btn link", onClick: e.onDone, children: "Done" })
+  ] });
+}
+function ct({
+  callables: e,
+  onOpenCallable: n,
+  routes: a,
+  projectId: s
+}) {
+  return /* @__PURE__ */ r(Q, { children: [
+    /* @__PURE__ */ t(ca, { routes: a ?? [], projectId: s }),
+    /* @__PURE__ */ t(ua, { callables: e, onOpenCallable: n })
+  ] });
+}
+function ua({
+  callables: e,
+  onOpenCallable: n
+}) {
+  return /* @__PURE__ */ t("ul", { className: "list small", children: e.map((a) => {
+    const s = a.displayName || a.key || a.id, i = a.sites.map(oa);
+    return /* @__PURE__ */ r("li", { children: [
+      /* @__PURE__ */ t("span", { className: "badge", children: a.kind }),
+      " ",
+      n ? /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "btn link",
+          onClick: () => n(a.kind, a.id),
+          children: s
+        }
+      ) : /* @__PURE__ */ t("span", { children: s }),
+      !a.enabled && /* @__PURE__ */ t("span", { className: "muted", children: " (disabled)" }),
+      i.length > 0 && /* @__PURE__ */ r("span", { className: "muted", children: [
+        " · ",
+        i.join(", ")
+      ] })
+    ] }, `${a.kind}:${a.id}`);
+  }) });
+}
+const ma = [];
+function ui({
+  onOpen: e,
+  getHref: n,
+  addLabel: a,
+  slots: s,
+  onOpenCallable: i
+}) {
+  var P, A;
+  const o = Fe(), l = we(), c = wn(), h = c.data ?? ma, N = ae(() => qe(h), [h]), { byId: d } = Ve(N), k = pn(), [b, D] = f(!1), [g, w] = f(null), [y, I] = f(null), S = G(void 0), $ = Ye((y == null ? void 0 : y.id) ?? "", y !== null), T = typeof o.updateConnection == "function", j = s && "actions" in s ? s.actions : /* @__PURE__ */ t("button", { type: "button", className: "w6w-btn", onClick: () => D(!0), children: a ?? "+ Add connection" });
+  return /* @__PURE__ */ r("div", { className: "w6w-embed-root", children: [
     /* @__PURE__ */ t(
-      xe,
+      Ct,
       {
         connections: h,
-        appsById: g,
-        loading: l.isLoading,
-        error: l.error ? l.error.message : null,
+        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: T ? w : void 0,
+        onDelete: I,
+        busy: k.isPending,
+        slots: { ...s, actions: j }
       }
     ),
     b && /* @__PURE__ */ t(
-      Ee,
+      Dt,
       {
-        onClose: () => y(!1),
+        onClose: () => D(!1),
         onCreated: () => {
-          y(!1), r.invalidateQueries({ queryKey: q });
+          D(!1), l.invalidateQueries({ queryKey: be });
         }
       }
     ),
-    p && /* @__PURE__ */ t(
-      le,
+    g && /* @__PURE__ */ t(
+      _e,
       {
-        connection: p,
-        onClose: () => v(null),
+        connection: g,
+        onClose: () => w(null),
         onSaved: () => {
-          const w = p.id;
-          v(null), r.invalidateQueries({ queryKey: q }), r.invalidateQueries({ queryKey: ue(w) });
+          const R = g.id;
+          w(null), l.invalidateQueries({ queryKey: be }), l.invalidateQueries({ queryKey: ze(R) });
         }
       }
     ),
-    d && /* @__PURE__ */ t(
-      Re,
+    y && /* @__PURE__ */ t(
+      ha,
       {
-        title: "Delete connection",
-        message: `Delete the connection "${d.displayName || d.id}"? This cannot be undone.`,
-        confirmLabel: "Delete",
-        onClose: () => N(null),
+        name: y.displayName || y.id,
+        loading: $.isLoading,
+        callables: $.isError ? [] : ((P = $.data) == null ? void 0 : P.callables) ?? [],
+        routes: $.isError ? [] : ((A = $.data) == null ? void 0 : A.routes) ?? [],
+        projectId: S,
+        onOpenCallable: i,
+        onClose: () => I(null),
         onConfirm: () => {
-          const w = d.id;
-          N(null), m.mutate(w);
+          const R = y.id;
+          I(null), k.mutate({ id: R, force: !0 });
         }
       }
     )
   ] });
 }
-function P(e) {
+function ha({
+  name: e,
+  loading: n,
+  callables: a,
+  routes: s,
+  projectId: i,
+  onOpenCallable: o,
+  onClose: l,
+  onConfirm: c
+}) {
+  const m = a.length, h = s.length, N = m + h, d = `Delete the connection "${e}"? This cannot be undone.`, k = (g, w, y) => `${g} ${g === 1 ? w : y}`, b = [
+    m > 0 ? k(m, "callable", "callables") : null,
+    h > 0 ? k(h, "model route", "model routes") : null
+  ].filter(Boolean).join(" and "), D = [
+    m > 0 ? `Deleting disables ${m === 1 ? "this callable" : `these ${m} callables`} until you reconnect ${m === 1 ? "it" : "them"}.` : null,
+    h > 0 ? `${h === 1 ? "The model route becomes" : `The ${h} model routes become`} broken until ${h === 1 ? "it is" : "they are"} pointed at another connection.` : null
+  ].filter((g) => g != null);
+  return /* @__PURE__ */ r($t, { title: "Delete connection", onClose: l, children: [
+    /* @__PURE__ */ r("div", { className: "w6w-modal-body", children: [
+      /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: N === 0 ? d : `Delete the connection "${e}"? Used by ${b}.` }),
+      N > 0 && /* @__PURE__ */ r(Q, { children: [
+        /* @__PURE__ */ t(
+          ct,
+          {
+            callables: a,
+            routes: s,
+            projectId: i,
+            onOpenCallable: o
+          }
+        ),
+        /* @__PURE__ */ t("p", { className: "w6w-small", children: D.join(" ") })
+      ] })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "w6w-modal-actions", children: [
+      /* @__PURE__ */ t("button", { type: "button", className: "w6w-btn w6w-btn-ghost", onClick: l, children: "Cancel" }),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "w6w-btn w6w-btn-danger",
+          disabled: n,
+          onClick: c,
+          children: "Delete"
+        }
+      )
+    ] })
+  ] });
+}
+function ve(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 a = Math.max(0, Math.round((Date.now() - n) / 1e3));
+  if (a < 45) return "just now";
+  const s = Math.round(a / 60);
+  if (s < 60) return `${s}m ago`;
   const i = Math.round(s / 60);
-  if (i < 60) return `${i}m ago`;
-  const a = Math.round(i / 60);
-  if (a < 24) return `${a}h ago`;
-  const r = Math.round(a / 24);
-  return r < 30 ? `${r}d ago` : new Date(e).toLocaleDateString();
+  if (i < 24) return `${i}h ago`;
+  const o = Math.round(i / 24);
+  return o < 30 ? `${o}d ago` : new Date(e).toLocaleDateString();
 }
-const Dt = {
+const wa = {
   ok: 6e3,
   warn: 1e4,
   error: 15e3
-}, xt = { ok: "✓", warn: "!", error: "✕" };
-function ln({
+}, pa = { ok: "✓", warn: "!", error: "✕" };
+function mi({
   connectionId: e,
   onOpenAction: n,
-  onBack: s,
+  onBack: a,
+  onOpenCallable: s,
   slots: i
 }) {
-  var z;
-  const a = ie(), r = de(), l = nt(e), u = (z = l.data) == null ? void 0 : z.appId, h = D(
-    () => se(l.data ? [l.data] : []),
-    [l.data]
-  ), { byId: f } = oe(h), g = l.data ? je(l.data, f) : void 0, m = it(u, !!u), b = Ye(e), y = D(() => {
-    const c = /* @__PURE__ */ new Map();
-    for (const k of b.data ?? []) {
-      const C = c.get(k.actionKey) ?? [];
-      C.push(k), c.set(k.actionKey, C);
+  var U;
+  const o = Fe(), l = we(), c = fn(e), m = (U = c.data) == null ? void 0 : U.appId, h = ae(
+    () => qe(c.data ? [c.data] : []),
+    [c.data]
+  ), { byId: N } = Ve(h), d = c.data ? Tt(c.data, N) : void 0, k = vn(m, !!m), b = rn(e), D = ae(() => {
+    const p = /* @__PURE__ */ new Map();
+    for (const E of b.data ?? []) {
+      const x = p.get(E.actionKey) ?? [];
+      x.push(E), p.set(E.actionKey, x);
     }
-    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 p;
+  }, [b.data]), g = Ye(e).data, w = G(void 0), y = (g == null ? void 0 : g.callables) ?? [], I = (g == null ? void 0 : g.routes) ?? [], S = ln(e).data ?? [], [$, T] = f(!1), [j, P] = f(""), A = gn(e), [R, F] = f(null);
+  ut(() => {
+    if (!R) return;
+    const p = setTimeout(() => F(null), wa[R.kind]);
+    return () => clearTimeout(p);
+  }, [R]);
+  const H = () => {
+    F(null), A.mutate(void 0, {
+      onSuccess: (p) => {
+        var E;
+        if (!p.ok) {
+          F({
             kind: "error",
-            text: `Connection test failed${(k = c.error) != null && k.message ? `: ${c.error.message}` : "."}`
+            text: `Connection test failed${(E = p.error) != null && E.message ? `: ${p.error.message}` : "."}`
           });
           return;
         }
-        M(
-          c.untested ? { kind: "warn", text: `Connection stored. ${c.message ?? ""}`.trim() } : {
+        F(
+          p.untested ? { kind: "warn", text: `Connection stored. ${p.message ?? ""}`.trim() } : {
             kind: "ok",
-            text: `Connection is valid${c.actionKey ? ` — probed ${c.actionKey}` : ""}.`
+            text: `Connection is valid${p.actionKey ? ` — probed ${p.actionKey}` : ""}.`
           }
         );
       },
-      onError: (c) => M({ kind: "error", text: (c == null ? void 0 : c.message) ?? "Test failed." })
+      onError: (p) => F({ kind: "error", text: (p == null ? void 0 : p.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 = ae(() => {
+    var E;
+    const p = [...((E = k.data) == null ? void 0 : E.actions) ?? []];
+    return p.sort((x, C) => (x.title || x.key).localeCompare(C.title || C.key)), p;
+  }, [k.data]), J = ae(() => {
+    const p = j.trim().toLowerCase();
+    return p ? L.filter(
+      (E) => (E.title || "").toLowerCase().includes(p) || E.key.toLowerCase().includes(p) || (E.description || "").toLowerCase().includes(p)
     ) : L;
-  }, [L, N]);
-  if (l.isLoading || m.isLoading)
+  }, [L, j]);
+  if (c.isLoading || k.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: [
+  if (!c.data)
+    return /* @__PURE__ */ r("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" })
+      a && /* @__PURE__ */ t("button", { type: "button", className: "w6w-btn w6w-btn-ghost", onClick: a, 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 K = c.data, B = k.data, Y = !K.builtIn && typeof o.updateConnection == "function";
+  return /* @__PURE__ */ r("div", { className: "w6w-embed-root w6w-embed-conn-detail w6w-card-stack", children: [
+    (i == null ? void 0 : i.header) ?? /* @__PURE__ */ r(Lt, { conn: K, 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: A.isPending,
+          onClick: H,
+          children: A.isPending ? "Testing…" : "Test connection"
         }
       ),
-      ye && /* @__PURE__ */ t(
-        ae,
+      Y && /* @__PURE__ */ t(
+        Qe,
         {
           label: "Edit",
-          onClick: () => d(!0),
+          onClick: () => T(!0),
           "data-testid": "connection-detail-edit"
         }
       ),
       i == null ? void 0 : i.actions
     ] }),
-    w && /* @__PURE__ */ o(
+    R && /* @__PURE__ */ r(
       "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-${R.kind}`,
+        role: R.kind === "error" ? "alert" : "status",
+        "aria-live": R.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: pa[R.kind] }),
+          /* @__PURE__ */ t("span", { className: "w6w-embed-conn-notice-text", children: R.text }),
+          /* @__PURE__ */ t(Mt, { icon: "close", label: "Dismiss", onClick: () => F(null) })
         ]
       }
     ),
-    /* @__PURE__ */ o("div", { className: "w6w-embed-conn-card", children: [
-      /* @__PURE__ */ o("h3", { children: [
+    /* @__PURE__ */ r("div", { className: "w6w-embed-conn-card", children: [
+      /* @__PURE__ */ r("h3", { children: [
         "App: ",
-        (g == null ? void 0 : g.displayName) ?? j.appId
+        (d == null ? void 0 : d.displayName) ?? K.appId
       ] }),
-      _ && /* @__PURE__ */ o("p", { className: "w6w-muted w6w-small", children: [
+      B && /* @__PURE__ */ r("p", { className: "w6w-muted w6w-small", children: [
         "Version ",
-        /* @__PURE__ */ o("code", { children: [
+        /* @__PURE__ */ r("code", { children: [
           "v",
-          _.version ?? "?"
+          B.version ?? "?"
         ] }),
         " · source ",
-        /* @__PURE__ */ t("code", { children: _.sourceRef })
+        /* @__PURE__ */ t("code", { children: B.sourceRef })
       ] }),
-      s && /* @__PURE__ */ t("p", { className: "w6w-small", children: /* @__PURE__ */ t("button", { type: "button", className: "w6w-btn w6w-btn-ghost", onClick: s, children: "← Integrations" }) })
+      a && /* @__PURE__ */ t("p", { className: "w6w-small", children: /* @__PURE__ */ t("button", { type: "button", className: "w6w-btn w6w-btn-ghost", onClick: a, children: "← Integrations" }) })
     ] }),
-    /* @__PURE__ */ o("div", { className: "w6w-embed-conn-card", children: [
+    /* @__PURE__ */ r("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: j,
           placeholder: `Search ${L.length} actions…`,
-          onChange: (c) => A(c.target.value),
+          onChange: (p) => P(p.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 && J.length === 0 && /* @__PURE__ */ r("p", { className: "w6w-muted w6w-small", children: [
         "No actions match “",
-        N,
+        j,
         "”."
       ] }),
-      /* @__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: J.map((p) => {
+        const E = D.get(p.key) ?? [];
+        return /* @__PURE__ */ r("li", { children: [
+          /* @__PURE__ */ r(
             "button",
             {
               type: "button",
               className: "w6w-embed-conn-action",
-              "data-testid": `connection-action-${c.key}`,
-              onClick: () => n(c.key),
+              "data-testid": `connection-action-${p.key}`,
+              onClick: () => n(p.key),
               children: [
-                /* @__PURE__ */ t("strong", { children: c.title }),
+                /* @__PURE__ */ t("strong", { children: p.title }),
                 " ",
-                /* @__PURE__ */ t("code", { className: "w6w-muted", children: c.key }),
+                /* @__PURE__ */ t("code", { className: "w6w-muted", children: p.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: p.type }),
+                p.description && /* @__PURE__ */ t("div", { className: "w6w-muted w6w-small", children: p.description })
               ]
             }
           ),
-          k.length > 0 && /* @__PURE__ */ t(
+          E.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 ${p.title || p.key}`,
+              children: E.map((x) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+                Ne,
                 {
-                  title: C.name,
-                  subtitle: C.lastRunAt ? /* @__PURE__ */ o("span", { children: [
+                  title: x.name,
+                  subtitle: x.lastRunAt ? /* @__PURE__ */ r("span", { children: [
                     /* @__PURE__ */ t(
                       "span",
                       {
-                        className: C.lastRunOk ? "w6w-embed-conn-ok" : "w6w-embed-conn-fail",
-                        children: C.lastRunOk ? "✓" : "✗"
+                        className: x.lastRunOk ? "w6w-embed-conn-ok" : "w6w-embed-conn-fail",
+                        children: x.lastRunOk ? "✓" : "✗"
                       }
                     ),
                     " ",
-                    C.lastRunSummary ? `${C.lastRunSummary} · ` : "",
-                    P(C.lastRunAt)
-                  ] }) : `saved ${P(C.updatedAt)}`,
-                  onClick: () => n(c.key, C.id)
+                    x.lastRunSummary ? `${x.lastRunSummary} · ` : "",
+                    ve(x.lastRunAt)
+                  ] }) : `saved ${ve(x.updatedAt)}`,
+                  onClick: () => n(p.key, x.id)
                 }
-              ) }, C.id))
+              ) }, x.id))
             }
           )
-        ] }, c.key);
+        ] }, p.key);
       }) })
     ] }),
-    p.length > 0 && /* @__PURE__ */ o("div", { className: "w6w-embed-conn-card", children: [
+    g && /* @__PURE__ */ r("div", { className: "w6w-embed-conn-card", "data-testid": "connection-used-by", children: [
+      /* @__PURE__ */ t("h3", { children: "Used by" }),
+      y.length === 0 && I.length === 0 ? /* @__PURE__ */ t("p", { className: "w6w-muted", children: "Not used by any callable" }) : /* @__PURE__ */ t(
+        ct,
+        {
+          callables: y,
+          routes: I,
+          projectId: w,
+          onOpenCallable: s
+        }
+      )
+    ] }),
+    S.length > 0 && /* @__PURE__ */ r("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: S.map((p) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+        Ne,
         {
-          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: p.actionKey,
+          subtitle: /* @__PURE__ */ r("span", { children: [
+            /* @__PURE__ */ t("span", { className: p.ok ? "w6w-embed-conn-ok" : "w6w-embed-conn-fail", children: p.ok ? "✓" : "✗" }),
             " ",
-            c.summary ? `${c.summary} · ` : "",
-            P(c.occurredAt)
+            p.summary ? `${p.summary} · ` : "",
+            ve(p.occurredAt)
           ] })
         }
-      ) }, c.id)) })
+      ) }, p.id)) })
     ] }),
-    v && /* @__PURE__ */ t(
-      le,
+    $ && /* @__PURE__ */ t(
+      _e,
       {
-        connection: j,
-        onClose: () => d(!1),
+        connection: K,
+        onClose: () => T(!1),
         onSaved: () => {
-          d(!1), r.invalidateQueries({ queryKey: ue(e) }), r.invalidateQueries({ queryKey: q });
+          T(!1), l.invalidateQueries({ queryKey: ze(e) }), l.invalidateQueries({ queryKey: be });
+        }
+      }
+    )
+  ] });
+}
+const fa = {};
+function Pe(e) {
+  return String(e).replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+}
+function le(e) {
+  return (e / 100).toFixed(2);
+}
+function ga(e) {
+  if (e == null) return null;
+  const n = e.rates, a = [];
+  return n.input != null && a.push(`in ${le(n.input)}`), n.output != null && a.push(`out ${le(n.output)}`), n.cachedInput != null && a.push(`cached ${le(n.cachedInput)}`), n.cacheWrite != null && a.push(`cache write ${le(n.cacheWrite)}`), n.perRequest != null && a.push(`${le(n.perRequest)}/request`), a.length === 0 ? null : `${n.currency ?? "USD"} ${a.join(" · ")}`;
+}
+function ya(e) {
+  const { maxInputTokens: n, maxOutputTokens: a } = e.limits ?? {};
+  if (n == null && a == null) return "—";
+  const s = [];
+  return n != null && s.push(`${Pe(n)} in`), a != null && s.push(`${Pe(a)} out`), s.join(" · ");
+}
+const va = [
+  {
+    key: "model",
+    header: "Model",
+    render: (e) => /* @__PURE__ */ r("div", { className: "list-main", style: { maxWidth: 0, minWidth: "100%" }, children: [
+      /* @__PURE__ */ t("strong", { className: "list-name", title: e.displayName, children: e.displayName }),
+      /* @__PURE__ */ r("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 = ga(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: ya(e) })
+  }
+];
+function hi(e) {
+  var o;
+  const n = pe(), a = e.filter ?? fa, s = Je({
+    queryKey: bn(a),
+    initialPageParam: void 0,
+    getNextPageParam: (l) => l.nextCursor ?? void 0,
+    queryFn: ({ pageParam: l }) => Nn(n, l ? { ...a, cursor: l } : a)
+  }), i = ((o = s.data) == null ? void 0 : o.pages.flatMap((l) => l.models)) ?? [];
+  return /* @__PURE__ */ t("div", { className: "w6w-embed-root", children: /* @__PURE__ */ r("section", { className: "section", children: [
+    /* @__PURE__ */ t("div", { className: "section-head", children: /* @__PURE__ */ r("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__ */ r("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 && i.length === 0 && /* @__PURE__ */ t(De, { testId: "model-catalog-empty", children: "No models yet. Discover them from a provider connection to start routing to them." }),
+      i.length > 0 && /* @__PURE__ */ t(
+        $e,
+        {
+          columns: va,
+          rows: i,
+          rowKey: (l) => l.id,
+          testId: "model-catalog-table",
+          rowTestId: (l) => `model-catalog-${l.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 Na = {};
+function W(e) {
+  return String(e).replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+}
+function ba(e) {
+  return `${e.currency} ${(e.amountMinor / 100).toFixed(2)}`;
+}
+function ka(e, n) {
+  return e.length > 0 ? e.map(ba).join(" · ") : n > 0 ? "unpriced" : "—";
+}
+function Ca(e) {
+  return e.costMinor == null ? null : `${e.currency ?? "USD"} ${(e.costMinor / 100).toFixed(2)}`;
+}
+function Da(e) {
+  return e.totalsTruncated === !0;
+}
+const $a = [
+  {
+    key: "occurredAt",
+    header: "When",
+    render: (e) => /* @__PURE__ */ t("span", { className: "muted small", title: e.occurredAt, children: at(e.occurredAt) })
+  },
+  {
+    key: "model",
+    header: "Model",
+    render: (e) => /* @__PURE__ */ r("div", { className: "list-main", style: { maxWidth: 0, minWidth: "100%" }, children: [
+      /* @__PURE__ */ r("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: `${W(e.inputTokens)} in · ${W(e.outputTokens)} out · ${W(e.cachedInputTokens)} cached input · ${W(e.cacheWriteTokens)} cache write`,
+        children: W(e.totalTokens)
+      }
+    )
+  },
+  {
+    key: "cost",
+    header: "Cost",
+    align: "right",
+    render: (e) => {
+      const n = Ca(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 = it(e.durationMs);
+      return /* @__PURE__ */ r("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__ */ r(Q, { children: [
+          " · ",
+          n
+        ] })
+      ] });
+    }
+  }
+];
+function wi(e) {
+  var h, N;
+  const n = G(e.projectId), a = pe(), s = e.filter ?? Na, i = Je({
+    queryKey: Cn(n ?? void 0, s),
+    enabled: n != null,
+    initialPageParam: void 0,
+    getNextPageParam: (d) => d.nextCursor ?? void 0,
+    queryFn: ({ pageParam: d }) => kn(
+      a,
+      n,
+      d ? { ...s, cursor: d } : s
+    )
+  }), o = ((h = i.data) == null ? void 0 : h.pages) ?? [], l = (N = o[0]) == null ? void 0 : N.totals, c = o.flatMap((d) => d.items), m = o.length > 0 && Da(o[0]);
+  return /* @__PURE__ */ t("div", { className: "w6w-embed-root", children: /* @__PURE__ */ r("section", { className: "section", children: [
+    /* @__PURE__ */ t("div", { className: "section-head", children: /* @__PURE__ */ r("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__ */ r(Q, { children: [
+      /* @__PURE__ */ r("div", { className: "card", "data-testid": "model-usage-totals", children: [
+        m && /* @__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." }),
+        l == null ? (
+          // A failed query is reported once, below — never as a perpetual "loading".
+          i.error == null && /* @__PURE__ */ t("p", { className: "muted", children: "Loading totals…" })
+        ) : /* @__PURE__ */ r("p", { className: "muted small", children: [
+          /* @__PURE__ */ r("span", { "data-testid": "model-usage-total-requests", children: [
+            W(l.requests),
+            " requests"
+          ] }),
+          " · ",
+          /* @__PURE__ */ r("span", { "data-testid": "model-usage-total-tokens", children: [
+            W(l.totalTokens),
+            " tokens (",
+            W(l.inputTokens),
+            " in /",
+            " ",
+            W(l.outputTokens),
+            " out / ",
+            W(l.cachedInputTokens),
+            " cached / ",
+            W(l.cacheWriteTokens),
+            " cache write)"
+          ] }),
+          " · ",
+          /* @__PURE__ */ t("span", { "data-testid": "model-usage-total-cost", children: ka(l.cost, l.unpriced) }),
+          l.unpriced > 0 && /* @__PURE__ */ r(Q, { children: [
+            " · ",
+            /* @__PURE__ */ r(
+              "span",
+              {
+                className: "tag warn",
+                "data-testid": "model-usage-unpriced-total",
+                title: "calls with no usable rate — not included in any cost total",
+                children: [
+                  W(l.unpriced),
+                  " unpriced"
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      i.error != null && /* @__PURE__ */ t("div", { className: "error", role: "alert", "data-testid": "model-usage-error", children: i.error.message }),
+      /* @__PURE__ */ r("div", { className: "card", children: [
+        i.isLoading && /* @__PURE__ */ t("p", { className: "muted", children: "Loading…" }),
+        i.isSuccess && c.length === 0 && /* @__PURE__ */ t(De, { testId: "model-usage-empty", children: "No model calls in this window. Usage rows appear here as routes are invoked." }),
+        c.length > 0 && /* @__PURE__ */ t(
+          $e,
+          {
+            columns: $a,
+            rows: c,
+            rowKey: (d) => d.id,
+            testId: "model-usage-table",
+            rowTestId: (d) => `model-usage-${d.id}`
+          }
+        )
+      ] }),
+      i.hasNextPage && /* @__PURE__ */ t("div", { className: "row", children: /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "btn ghost",
+          disabled: i.isFetchingNextPage,
+          onClick: () => void i.fetchNextPage(),
+          "data-testid": "model-usage-load-more",
+          children: i.isFetchingNextPage ? "Loading…" : "Load more"
+        }
+      ) })
+    ] })
+  ] }) });
+}
+const Ta = (e) => `${e} connection${e === 1 ? "" : "s"}`;
+function pi({ contract: e, onOpen: n, slots: a }) {
+  const s = Dn(e ? { contract: e } : void 0), i = s.data ?? [];
+  return /* @__PURE__ */ r("div", { className: "w6w-embed-root w6w-embed-cred-list", children: [
+    (a == null ? void 0 : a.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 && i.length === 0 && /* @__PURE__ */ t("div", { "data-testid": "credential-list-empty", children: (a == null ? void 0 : a.empty) ?? /* @__PURE__ */ t("p", { className: "w6w-muted", children: "No credentials yet." }) }),
+    /* @__PURE__ */ t("ul", { className: "w6w-embed-conn-list", "aria-label": "Credentials", children: i.map((o) => {
+      const l = Object.values(o.display)[0];
+      return /* @__PURE__ */ t("li", { children: /* @__PURE__ */ r(
+        "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 }),
+            l !== void 0 && /* @__PURE__ */ r("span", { className: "w6w-muted w6w-small", children: [
+              " ",
+              l
+            ] }),
+            /* @__PURE__ */ r("span", { className: "w6w-muted w6w-small", children: [
+              " · ",
+              Ta(o.connectionCount)
+            ] })
+          ]
+        }
+      ) }, o.id);
+    }) })
+  ] });
+}
+function La(e) {
+  try {
+    const n = JSON.parse(e);
+    return n !== null && typeof n == "object" && !Array.isArray(n) ? n : null;
+  } catch {
+    return null;
+  }
+}
+const Oe = (e) => Number.isNaN(Date.parse(e)) ? e : new Date(e).toLocaleString();
+function fi({
+  credentialId: e,
+  onOpenConnection: n,
+  onDeleted: a,
+  onBack: s,
+  slots: i
+}) {
+  var E, x;
+  const o = $n(e), l = Tn(e), c = Ln(e), m = Mn(e), h = In(e), N = xn(), [d, k] = f(""), [b, D] = f(null), [g, w] = f(!1), [y, I] = f(null), [S, $] = f(null), [T, j] = f(!1), [P, A] = f(null), [R, F] = f(null), H = 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__ */ r("div", { className: "w6w-embed-root w6w-embed-cred-detail", "data-testid": "credential-not-found", children: [
+      (i == null ? void 0 : i.empty) ?? /* @__PURE__ */ t("h2", { children: "Credential not found" }),
+      H
+    ] });
+  const J = ((E = l.data) == null ? void 0 : E.connections) ?? [], K = L.connectionCount, B = L.status === "disabled", Y = () => {
+    w(!1);
+    const C = La(d);
+    if (!C) {
+      D("Enter the new secret as a JSON object.");
+      return;
+    }
+    D(null), c.mutate(
+      { source: C },
+      {
+        onSuccess: () => {
+          k(""), w(!0);
+        },
+        onError: (v) => D((v == null ? void 0 : v.message) ?? "Rotate failed.")
+      }
+    );
+  }, U = () => {
+    I(null), $(null), h.mutate(void 0, {
+      onSuccess: I,
+      onError: (C) => $((C == null ? void 0 : C.message) ?? "Test failed.")
+    });
+  }, p = () => {
+    F(null), N.mutate(e, {
+      onSuccess: (C) => {
+        j(!1), C.ok ? a == null || a() : A(C.dependents.connections);
+      },
+      onError: (C) => F((C == null ? void 0 : C.message) ?? "Delete failed.")
+    });
+  };
+  return /* @__PURE__ */ r("div", { className: "w6w-embed-root w6w-embed-cred-detail w6w-card-stack", children: [
+    /* @__PURE__ */ r("div", { className: "w6w-embed-conn-card", children: [
+      /* @__PURE__ */ t("h2", { children: L.name }),
+      /* @__PURE__ */ r("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(([C, v]) => /* @__PURE__ */ r("div", { children: [
+        /* @__PURE__ */ t("dt", { className: "w6w-muted", children: C }),
+        /* @__PURE__ */ t("dd", { children: v })
+      ] }, C)) }),
+      /* @__PURE__ */ r("p", { className: "w6w-muted w6w-small", children: [
+        K,
+        " connection",
+        K === 1 ? "" : "s",
+        " · created ",
+        Oe(L.createdAt),
+        " · updated",
+        " ",
+        Oe(L.updatedAt)
+      ] }),
+      H
+    ] }),
+    /* @__PURE__ */ r("div", { className: "w6w-embed-conn-card", "data-testid": "credential-connections", children: [
+      /* @__PURE__ */ t("h3", { children: "Connected apps" }),
+      J.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: J.map((C) => /* @__PURE__ */ t("li", { children: n ? /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "w6w-embed-conn-action",
+          onClick: () => n(C.id),
+          children: C.displayName || C.appId
         }
+      ) : /* @__PURE__ */ t("span", { children: C.displayName || C.appId }) }, C.id)) })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "w6w-embed-conn-card", children: [
+      /* @__PURE__ */ t("h3", { children: "Rotate secret" }),
+      /* @__PURE__ */ r("p", { className: "w6w-muted w6w-small", "data-testid": "credential-rotation-impact", children: [
+        K,
+        " connection",
+        K === 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: (C) => k(C.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"
+        }
+      ),
+      b && /* @__PURE__ */ t("p", { className: "w6w-error", role: "alert", "data-testid": "credential-rotate-error", children: b }),
+      g && /* @__PURE__ */ t("output", { children: "Secret rotated." }),
+      /* @__PURE__ */ t("button", { type: "button", className: "w6w-btn", disabled: c.isPending, onClick: Y, children: c.isPending ? "Rotating…" : "Rotate" })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "w6w-embed-conn-card", children: [
+      /* @__PURE__ */ t("h3", { children: "Manage" }),
+      /* @__PURE__ */ r("div", { className: "w6w-modal-actions", children: [
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "w6w-btn w6w-btn-ghost",
+            disabled: m.isPending,
+            onClick: () => m.mutate(B ? "active" : "disabled"),
+            children: B ? "Enable" : "Disable"
+          }
+        ),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "w6w-btn w6w-btn-ghost",
+            disabled: h.isPending,
+            onClick: U,
+            children: h.isPending ? "Testing…" : "Test credential"
+          }
+        ),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "w6w-btn w6w-btn-danger",
+            onClick: () => {
+              A(null), j(!0);
+            },
+            children: "Delete"
+          }
+        )
+      ] }),
+      y && /* @__PURE__ */ t("output", { "data-testid": "credential-test-result", children: y.ok ? "ok" : y.code ?? "failed" }),
+      S && /* @__PURE__ */ t("p", { role: "alert", children: S }),
+      m.isError && /* @__PURE__ */ t("p", { role: "alert", children: ((x = m.error) == null ? void 0 : x.message) ?? "Update failed." }),
+      T && /* @__PURE__ */ r("div", { "data-testid": "credential-delete-confirm", children: [
+        /* @__PURE__ */ r("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: p,
+            children: "Confirm delete"
+          }
+        ),
+        " ",
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "w6w-btn w6w-btn-ghost",
+            onClick: () => j(!1),
+            children: "Cancel"
+          }
+        )
+      ] }),
+      P && /* @__PURE__ */ r("div", { role: "alert", "data-testid": "credential-in-use", children: [
+        /* @__PURE__ */ r("p", { className: "w6w-small", children: [
+          "This credential is still used by ",
+          P.length,
+          " connection",
+          P.length === 1 ? "" : "s",
+          ". Delete those integrations first, or rotate this credential instead of deleting it."
+        ] }),
+        /* @__PURE__ */ t("ul", { className: "w6w-embed-conn-list", children: P.map((C) => /* @__PURE__ */ t("li", { children: C.displayName || C.appId }, C.id)) })
+      ] }),
+      R && /* @__PURE__ */ t("p", { role: "alert", children: R })
+    ] })
+  ] });
+}
+function V(e) {
+  const n = It(e), a = e == null ? void 0 : e.code;
+  return n.code === void 0 && typeof a == "string" && a !== "" ? { ...n, code: a } : n;
+}
+const je = 80;
+function Ma(e, n) {
+  if (typeof URL > "u" || typeof URL.createObjectURL != "function") return;
+  const a = URL.createObjectURL(new Blob([n], { type: "text/csv" })), s = document.createElement("a");
+  s.href = a, s.download = e, s.click(), URL.revokeObjectURL(a);
+}
+function Ia({ store: e, project: n }) {
+  var Me;
+  const a = xt(e), s = (a == null ? void 0 : a.columns) ?? [], i = (a == null ? void 0 : a.key) ?? "", [o, l] = f(""), [c, m] = f({}), [h, N] = f({}), [d, k] = f({}), [b, D] = f({}), [g, w] = f(null), [y, I] = f(null), [S, $] = f(null), T = pe(), j = we(), P = Ze(e.id, n, o), A = Ge(), R = An(), F = Xe(), H = Rn(), L = Sn(), J = (((Me = P.data) == null ? void 0 : Me.pages.flatMap((u) => u.items)) ?? []).map(
+    (u) => b[u.key] ?? u
+  ), K = new Map(J.map((u) => [u.key, u])), B = [], Y = (u) => c[u], U = Y(te), p = (u, M, q) => {
+    const Z = q === void 0 ? null : ce(q, s);
+    B.push({
+      id: u,
+      isNew: u === te,
+      cells: M.cells,
+      version: M.version,
+      dirty: Z === null ? !0 : Ot(M, Z, s).length > 0,
+      conflict: d[u] === !0,
+      cellErrors: h[u]
+    });
+  };
+  U !== void 0 && p(te, U, void 0);
+  for (const u of J)
+    p(u.key, Y(u.key) ?? ce(u, s), u);
+  const E = (u) => {
+    N((M) => ne(M, u)), k((M) => ne(M, u));
+  }, x = (u) => {
+    m((M) => ne(M, u)), E(u);
+  };
+  function C(u, M, q) {
+    const Z = K.get(u), z = Y(u) ?? (Z ? ce(Z, s) : Ie(s));
+    m((_) => ({ ..._, [u]: { ...z, cells: { ...z.cells, [M]: q } } })), N((_) => {
+      const ee = _[u];
+      if (ee === void 0 || !(M in ee)) return _;
+      const se = ne(ee, M);
+      return Object.keys(se).length === 0 ? ne(_, u) : { ..._, [u]: se };
+    });
+  }
+  async function v(u) {
+    const M = K.get(u), q = Y(u) ?? (M ? ce(M, s) : void 0);
+    if (q === void 0) return;
+    w(null), E(u);
+    const Z = Kt(q, s);
+    if (!Z.ok) {
+      N((_) => ({ ..._, [u]: Z.errors }));
+      return;
+    }
+    const z = Qt(
+      q,
+      Z.value,
+      We((M == null ? void 0 : M.expiresAt) ?? null, Date.now())
+    );
+    try {
+      z.kind === "insert" ? await R.mutateAsync({
+        id: e.id,
+        row: z.value,
+        ttlSeconds: z.ttlSeconds,
+        project: n
+      }) : await A.mutateAsync({
+        id: e.id,
+        key: z.key,
+        value: z.value,
+        ifVersion: z.ifVersion,
+        ttlSeconds: z.ttlSeconds,
+        project: n
+      }), D((_) => ne(_, u)), x(u);
+    } catch (_) {
+      const ee = V(_);
+      if (Be(ee)) {
+        k((fe) => ({ ...fe, [u]: !0 }));
+        return;
+      }
+      const se = Ft(ee, s);
+      if (se !== null) {
+        N((fe) => ({ ...fe, [u]: se }));
+        return;
+      }
+      w(ee.message);
+    }
+  }
+  async function O(u) {
+    try {
+      const M = await et(T, e.id, u, n);
+      D((q) => ({ ...q, [u]: M })), x(u), await j.invalidateQueries({ queryKey: ["data-stores"] });
+    } catch (M) {
+      w(V(M).message);
+    }
+  }
+  function X() {
+    const u = y;
+    I(null), u !== null && (u !== te && F.mutate({ id: e.id, key: u, project: n }), x(u));
+  }
+  async function oe(u) {
+    $(null);
+    try {
+      const M = await H.mutateAsync({ id: e.id, csv: await u.text(), project: n });
+      $(xe({ status: 200, text: JSON.stringify(M) }));
+    } catch (M) {
+      const q = M;
+      $(
+        typeof q.status == "number" ? xe({ status: q.status, text: JSON.stringify(q.raw ?? null) }) : { ok: !1, message: V(M).message }
+      );
+    }
+  }
+  async function dt() {
+    try {
+      const u = await L.mutateAsync({ id: e.id, project: n });
+      Ma(jt(null, e.name), u), $(null);
+    } catch (u) {
+      $({ ok: !1, message: V(u).message });
+    }
+  }
+  return /* @__PURE__ */ r("div", { children: [
+    /* @__PURE__ */ t(
+      Et,
+      {
+        result: S,
+        busy: L.isPending,
+        onImport: oe,
+        onRefuse: (u) => $({ ok: !1, message: u }),
+        onExport: dt
+      }
+    ),
+    /* @__PURE__ */ t(
+      At,
+      {
+        columns: s,
+        keyColumn: i,
+        rows: B,
+        error: g,
+        loading: P.isPending,
+        hasMore: P.hasNextPage,
+        empty: /* @__PURE__ */ t("p", { className: "muted small", children: "No rows match this key prefix." }),
+        onCellChange: C,
+        onSave: (u) => void v(u),
+        onDelete: I,
+        onReload: (u) => void O(u),
+        onAddRow: () => {
+          te in c || (m((u) => ({ ...u, [te]: Ie(s) })), w(null));
+        },
+        onLoadMore: () => void P.fetchNextPage(),
+        onSearch: l
+      }
+    ),
+    y !== null && /* @__PURE__ */ t(
+      he,
+      {
+        title: "Delete entry",
+        message: y === te ? "Discard this unsaved row?" : `Delete "${y}"? This cannot be undone.`,
+        confirmLabel: "Delete",
+        onConfirm: X,
+        onClose: () => I(null)
+      }
+    )
+  ] });
+}
+function xa({ store: e, project: n }) {
+  var C;
+  const a = e.kind === "doc", s = Rt(e), [i, o] = f(""), [l, c] = f(null), [m, h] = f(!1), [N, d] = f(""), [k, b] = f(""), [D, g] = f(null), [w, y] = f(!1), [I, S] = f({}), [$, T] = f(null), j = pe(), P = we(), A = Ze(e.id, n, i), R = Ge(), F = Xe(), H = (((C = A.data) == null ? void 0 : C.pages.flatMap((v) => v.items)) ?? []).map(
+    (v) => I[v.key] ?? v
+  ), L = l === null ? void 0 : H.find((v) => v.key === l), J = m || l !== null, K = (v) => a ? JSON.stringify(v.value ?? null, null, 2) : Wt(s, v.value), B = (v) => {
+    const O = K(v).replace(/\s+/g, " ");
+    return O.length > je ? `${O.slice(0, je)}…` : O;
+  };
+  function Y(v) {
+    c(v.key), h(!1), b(K(v)), g(null), y(!1);
+  }
+  function U() {
+    c(null), h(!1), d(""), b(""), g(null), y(!1);
+  }
+  async function p() {
+    g(null), y(!1);
+    const v = a ? qt(k) : _t(s, k);
+    if (!v.ok) {
+      g(v.message);
+      return;
+    }
+    const O = m ? N.trim() : l;
+    if (O === null || O === "") {
+      g("Enter a key.");
+      return;
+    }
+    try {
+      await R.mutateAsync({
+        id: e.id,
+        key: O,
+        value: v.value,
+        // A new entry must not exist yet; an existing one is guarded by the version loaded.
+        ifVersion: m ? 0 : (L == null ? void 0 : L.version) ?? 0,
+        ttlSeconds: m ? void 0 : We((L == null ? void 0 : L.expiresAt) ?? null, Date.now()),
+        project: n
+      }), S((X) => ne(X, O)), U();
+    } catch (X) {
+      const oe = V(X);
+      Be(oe) ? y(!0) : g(oe.message);
+    }
+  }
+  async function E() {
+    if (l !== null)
+      try {
+        const v = await et(j, e.id, l, n);
+        S((O) => ({ ...O, [l]: v })), b(K(v)), y(!1), g(null), await P.invalidateQueries({ queryKey: ["data-stores"] });
+      } catch (v) {
+        g(V(v).message);
+      }
+  }
+  async function x() {
+    const v = $;
+    if (T(null), v !== null)
+      try {
+        await F.mutateAsync({ id: e.id, key: v, project: n }), v === l && U();
+      } catch (O) {
+        g(V(O).message);
+      }
+  }
+  return /* @__PURE__ */ r("div", { children: [
+    /* @__PURE__ */ t(
+      St,
+      {
+        rows: H.map((v) => ({ key: v.key, version: v.version, preview: B(v) })),
+        loading: A.isPending,
+        empty: /* @__PURE__ */ t("p", { className: "muted small", children: "No entries match this key prefix." }),
+        hasMore: A.hasNextPage,
+        onOpen: (v) => {
+          const O = H.find((X) => X.key === v);
+          O && Y(O);
+        },
+        onSearch: o,
+        onNew: () => {
+          c(null), h(!0), d(""), b(""), g(null), y(!1);
+        },
+        onLoadMore: () => void A.fetchNextPage()
+      }
+    ),
+    J && /* @__PURE__ */ t(
+      Pt,
+      {
+        kind: a ? "doc" : "kv",
+        isNew: m,
+        entryKey: l ?? void 0,
+        newKey: N,
+        version: (L == null ? void 0 : L.version) ?? null,
+        expiresAt: (L == null ? void 0 : L.expiresAt) ?? null,
+        text: k,
+        error: D,
+        conflict: w,
+        saving: R.isPending || F.isPending,
+        onDelete: m ? void 0 : () => T(l),
+        onTextChange: (v) => {
+          b(v), g(null);
+        },
+        onKeyChange: d,
+        onSave: () => void p(),
+        onCancel: U,
+        onReload: () => void E()
+      }
+    ),
+    $ !== null && /* @__PURE__ */ t(
+      he,
+      {
+        title: "Delete entry",
+        message: `Delete "${$}"? This cannot be undone.`,
+        confirmLabel: "Delete",
+        onConfirm: x,
+        onClose: () => T(null)
+      }
+    )
+  ] });
+}
+function ne(e, n) {
+  if (!(n in e)) return e;
+  const a = { ...e };
+  return delete a[n], a;
+}
+function gi({ id: e, project: n, slots: a }) {
+  const s = G(n), i = En(e, s ?? void 0), o = i.data;
+  let l;
+  s == null ? l = /* @__PURE__ */ t("p", { className: "muted", children: "No project selected." }) : i.isError ? l = /* @__PURE__ */ t("p", { className: "result error", children: V(i.error).message }) : o === void 0 ? l = /* @__PURE__ */ t("p", { className: "muted", children: "Loading…" }) : o.kind === "table" ? l = /* @__PURE__ */ t(Ia, { store: o, project: s }, o.id) : l = /* @__PURE__ */ t(xa, { store: o, project: s }, o.id);
+  const c = (a == null ? void 0 : a.header) === void 0 ? o && /* @__PURE__ */ r("div", { children: [
+    /* @__PURE__ */ t("h3", { children: o.name }),
+    /* @__PURE__ */ r("p", { className: "muted small", children: [
+      o.kind,
+      " · ",
+      o.entryCount,
+      " ",
+      o.entryCount === 1 ? "entry" : "entries"
+    ] })
+  ] }) : a.header;
+  return /* @__PURE__ */ t("div", { className: "w6w-embed-root", children: /* @__PURE__ */ r("section", { className: "section", children: [
+    c,
+    l
+  ] }) });
+}
+const Ea = ["name", "kind", "description", "schema"];
+function Aa(e) {
+  const [n, a] = f(""), [s, i] = f(""), [o, l] = f("kv"), [c, m] = f("string"), [h, N] = f([]), [d, k] = f(""), [b, D] = f({}), [g, w] = f({}), [y, I] = f(null), S = jn();
+  function $() {
+    D({}), w({}), I(null);
+    const T = {
+      kind: o,
+      name: n
+    };
+    o === "kv" && (T.schema = { valueType: c }), o === "table" && (T.schema = d === "" ? { columns: h } : { columns: h, key: d }), s !== "" && (T.description = s), S.mutate(
+      // The SDK's create body types `schema` as table columns only; the wire takes the S-2 shape
+      // per kind, so the kv `{valueType}` schema is passed through as the host defines it.
+      { input: T, project: e.project },
+      {
+        onSuccess: () => e.onClose(),
+        onError: (j) => {
+          const P = V(j), A = Yt(P);
+          if (A.kind === "cell" && h.some((R) => R.name === A.column)) {
+            w({ [A.column]: P.message });
+            return;
+          }
+          if (A.kind === "field" && Ea.includes(A.field)) {
+            D({ [A.field]: P.message });
+            return;
+          }
+          I(P.message);
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ r(cn, { title: "New data store", onClose: e.onClose, children: [
+    /* @__PURE__ */ r("div", { className: "modal-body", children: [
+      /* @__PURE__ */ r("label", { className: "field", children: [
+        /* @__PURE__ */ t("span", { children: "Name" }),
+        /* @__PURE__ */ t(
+          "input",
+          {
+            type: "text",
+            "data-testid": "data-store-name",
+            value: n,
+            onChange: (T) => a(T.target.value),
+            placeholder: "e.g. counters"
+          }
+        )
+      ] }),
+      b.name !== void 0 && /* @__PURE__ */ t("div", { className: "result error", "data-testid": "data-store-field-error-name", children: b.name }),
+      /* @__PURE__ */ r("label", { className: "field", children: [
+        /* @__PURE__ */ t("span", { children: "Description" }),
+        /* @__PURE__ */ t(
+          "input",
+          {
+            type: "text",
+            value: s,
+            onChange: (T) => i(T.target.value),
+            placeholder: "What this store holds"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r("label", { className: "field", children: [
+        /* @__PURE__ */ t("span", { children: "Kind" }),
+        /* @__PURE__ */ t(
+          "select",
+          {
+            "data-testid": "data-store-kind",
+            value: o,
+            onChange: (T) => {
+              l(T.target.value), k("");
+            },
+            children: Ut.map((T) => /* @__PURE__ */ t("option", { value: T, children: Vt[T] }, T))
+          }
+        ),
+        /* @__PURE__ */ t("span", { className: "hint", children: "The kind is fixed once the store exists." })
+      ] }),
+      b.kind !== void 0 && /* @__PURE__ */ t("div", { className: "result error", children: b.kind }),
+      o === "kv" && /* @__PURE__ */ r("label", { className: "field", children: [
+        /* @__PURE__ */ t("span", { children: "Value type" }),
+        /* @__PURE__ */ t("select", { value: c, onChange: (T) => m(T.target.value), children: Ht.map((T) => /* @__PURE__ */ t("option", { value: T, children: T }, T)) })
+      ] }),
+      o === "table" && /* @__PURE__ */ t(
+        Jt,
+        {
+          columns: h,
+          onChange: N,
+          keyColumn: d,
+          onKeyColumnChange: k,
+          columnErrors: g
+        }
+      ),
+      b.schema !== void 0 && /* @__PURE__ */ t("div", { className: "result error", children: b.schema }),
+      y !== null && /* @__PURE__ */ t("div", { className: "result error", "data-testid": "data-store-form-error", children: y })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "modal-actions", children: [
+      /* @__PURE__ */ t("button", { type: "button", className: "btn ghost", onClick: e.onClose, children: "Cancel" }),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "btn",
+          "data-testid": "data-store-create",
+          disabled: S.isPending,
+          onClick: $,
+          children: S.isPending ? "Creating…" : "Create"
+        }
+      )
+    ] })
+  ] });
+}
+function yi({ project: e, onOpen: n, getHref: a, slots: s }) {
+  const i = G(e), o = Pn(i ?? void 0), l = On(), [c, m] = f(!1), [h, N] = f(null), [d, k] = f(null), b = (s == null ? void 0 : s.header) === void 0 ? /* @__PURE__ */ r("div", { children: [
+    /* @__PURE__ */ t("h3", { children: "Data stores" }),
+    /* @__PURE__ */ t("p", { className: "muted small", children: "Key-value, document and table storage for this project." })
+  ] }) : s.header;
+  return /* @__PURE__ */ r("div", { className: "w6w-embed-root", children: [
+    /* @__PURE__ */ t(
+      Bt,
+      {
+        stores: o.data ?? [],
+        loading: o.isLoading,
+        error: d ?? (o.error != null ? V(o.error).message : null),
+        onOpen: n,
+        getHref: a,
+        onArchive: (D) => {
+          k(null), N(D);
+        },
+        busy: l.isPending,
+        slots: {
+          header: b,
+          actions: /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: "btn",
+              "data-testid": "data-store-new",
+              disabled: i == null,
+              onClick: () => m(!0),
+              children: "+ New data store"
+            }
+          ),
+          empty: s == null ? void 0 : s.empty
+        }
+      }
+    ),
+    c && i != null && /* @__PURE__ */ t(Aa, { project: i, onClose: () => m(!1) }),
+    h && /* @__PURE__ */ t(
+      he,
+      {
+        title: "Archive data store",
+        message: `Archive "${h.name}" and its ${h.entryCount} ${h.entryCount === 1 ? "entry" : "entries"}? Workflows and the API can no longer reach it.`,
+        confirmLabel: "Archive",
+        onConfirm: () => {
+          const D = h;
+          N(null), i != null && l.mutate(
+            { id: D.id, project: i },
+            { onError: (g) => k(V(g).message) }
+          );
+        },
+        onClose: () => N(null)
       }
     )
   ] });
 }
 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
+  oi as ActivitySummary,
+  mi as ConnectionDetail,
+  ui as ConnectionList,
+  fi as CredentialDetail,
+  pi as CredentialList,
+  yi as DataStoreList,
+  gi as DataStoreView,
+  li as DocumentList,
+  ii as EndpointList,
+  ai as FunctionList,
+  zn as Logs,
+  ci as LogsView,
+  hi as ModelCatalog,
+  wi as ModelUsage,
+  ri as ReliabilityBoard,
+  Yn as RunHistory,
+  di as ServiceDetail,
+  si as WorkflowList
 };
 //# sourceMappingURL=lists.mjs.map