@nivaro/react 0.3.41 → 0.3.42

package/dist/shared/components/integrations/console/PartnerDetail.js

@@ -1,170 +1,171 @@
-import { jsx as e, jsxs as r, Fragment as $ } from "react/jsx-runtime";
+import { jsx as e, jsxs as a, Fragment as $ } from "react/jsx-runtime";
 import { useQueryClient as q, useQuery as K, useMutation as S } from "@tanstack/react-query";
 import { Search as L, Loader2 as A, Play as Q, ChevronDown as M } from "lucide-react";
-import { useState as f, useRef as P, useEffect as E } from "react";
+import { useState as b, useRef as P, useEffect as E } from "react";
 import { useNivaroClient as O } from "../../../context.js";
 import { get as H, post as R } from "../../../lib/commands.js";
-import { cn as p } from "../../../lib/utils.js";
+import { cn as m } from "../../../lib/utils.js";
 import { Sheet as j, SheetContent as U, SheetTitle as N, SheetDescription as w } from "../../ui/sheet.js";
 import { IntegrationObligationsView as V } from "../IntegrationObligationsView.js";
 import { usePartner as W, useCallDetail as X } from "./api.js";
-import { HealthPill as z, PartnerFlags as G, fmtPct as J, fmtMs as b, HourlyBars as Y } from "./PartnerBits.js";
-import { SubmissionRow as Z } from "./SubmissionRow.js";
-import { TONE_TEXT as g, TONE_SOFT as x, agoText as D, exactTime as F } from "./tone.js";
-import { describeCallTrigger as I, TriggerChip as ee } from "./drill/trigger.js";
+import { ErrorExplanation as z } from "./ErrorExplanation.js";
+import { HealthPill as G, PartnerFlags as J, fmtPct as Y, fmtMs as v, HourlyBars as Z } from "./PartnerBits.js";
+import { SubmissionRow as I } from "./SubmissionRow.js";
+import { TONE_TEXT as h, TONE_SOFT as f, agoText as D, exactTime as F } from "./tone.js";
+import { describeCallTrigger as ee, TriggerChip as te } from "./drill/trigger.js";
 import { HeaderTable as k, CodeBlock as C, isTruncatedBody as _, pretty as T } from "./drill/json.js";
-import { HttpStatusChip as te } from "./drill/status.js";
-function re(o) {
-  return o != null && o >= 200 && o < 300;
+import { HttpStatusChip as re } from "./drill/status.js";
+function ae(l) {
+  return l != null && l >= 200 && l < 300;
 }
-const ae = [
+const ne = [
   { key: "calls", label: "Recent calls" },
   { key: "submissions", label: "Submissions" },
   { key: "obligations", label: "Obligations" },
   { key: "contracts", label: "Contracts" }
 ];
-function Te({ apiId: o, onClose: t, initialTab: a = "calls" }) {
-  const { data: n, isLoading: i, isError: c } = W(o), [s, l] = f(a), d = n == null ? void 0 : n.card, u = P(0), v = (m) => {
-    u.current += m ? 1 : -1;
+function Se({ apiId: l, onClose: t, initialTab: r = "calls" }) {
+  const { data: n, isLoading: o, isError: u } = W(l), [i, d] = b(r), c = n == null ? void 0 : n.card, g = P(0), x = (s) => {
+    g.current += s ? 1 : -1;
   };
-  return /* @__PURE__ */ e(j, { open: !0, onOpenChange: (m) => !m && t(), children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ e(j, { open: !0, onOpenChange: (s) => !s && t(), children: /* @__PURE__ */ a(
     U,
     {
       className: "flex flex-col gap-0 overflow-hidden p-0",
       style: { width: 1040, maxWidth: "94vw" },
-      "data-ic-partner-detail": o,
-      onEscapeKeyDown: (m) => {
-        u.current > 0 && m.preventDefault();
+      "data-ic-partner-detail": l,
+      onEscapeKeyDown: (s) => {
+        g.current > 0 && s.preventDefault();
       },
       children: [
-        /* @__PURE__ */ e("div", { className: "shrink-0 border-b border-border px-6 pb-0 pt-5", children: i || !d ? /* @__PURE__ */ r("div", { className: "space-y-2 pb-4", children: [
+        /* @__PURE__ */ e("div", { className: "shrink-0 border-b border-border px-6 pb-0 pt-5", children: o || !c ? /* @__PURE__ */ a("div", { className: "space-y-2 pb-4", children: [
           /* @__PURE__ */ e(N, { className: "sr-only", children: "Partner" }),
           /* @__PURE__ */ e(w, { className: "sr-only", children: "Loading partner detail" }),
           /* @__PURE__ */ e("div", { className: "h-5 w-48 animate-pulse rounded bg-[hsl(var(--nvr-skeleton))]" }),
           /* @__PURE__ */ e("div", { className: "h-4 w-80 animate-pulse rounded bg-[hsl(var(--nvr-skeleton))]" }),
-          c && /* @__PURE__ */ e("p", { className: p("text-[12.5px]", g.negative), children: "Couldn't load this partner." })
-        ] }) : /* @__PURE__ */ r($, { children: [
-          /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center gap-2.5 pr-8", children: [
-            /* @__PURE__ */ e(N, { className: "text-[17px] font-semibold", children: d.name }),
-            /* @__PURE__ */ e(z, { health: d.health }),
-            /* @__PURE__ */ e(G, { card: d })
+          u && /* @__PURE__ */ e("p", { className: m("text-[12.5px]", h.negative), children: "Couldn't load this partner." })
+        ] }) : /* @__PURE__ */ a($, { children: [
+          /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-2.5 pr-8", children: [
+            /* @__PURE__ */ e(N, { className: "text-[17px] font-semibold", children: c.name }),
+            /* @__PURE__ */ e(G, { health: c.health }),
+            /* @__PURE__ */ e(J, { card: c })
           ] }),
-          /* @__PURE__ */ r(w, { className: "mt-1 text-[12.5px] text-muted-foreground", children: [
-            d.calls24,
+          /* @__PURE__ */ a(w, { className: "mt-1 text-[12.5px] text-muted-foreground", children: [
+            c.calls24,
             " call",
-            d.calls24 === 1 ? "" : "s",
+            c.calls24 === 1 ? "" : "s",
             " in the last 24 hours ·",
             " ",
-            J(d.success_pct24),
+            Y(c.success_pct24),
             " succeeded · typically ",
-            b(d.p50_ms),
+            v(c.p50_ms),
             ", slowest",
             " ",
-            b(d.p95_ms),
-            d.owner ? ` · owner ${d.owner.name}` : ""
+            v(c.p95_ms),
+            c.owner ? ` · owner ${c.owner.name}` : ""
           ] }),
-          /* @__PURE__ */ e(Y, { hourly: d.hourly, className: "mt-3 max-w-[720px]" }),
-          /* @__PURE__ */ e("div", { role: "tablist", "aria-label": "Partner detail", className: "-mb-px mt-3 flex gap-5", children: ae.map((m) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e(Z, { hourly: c.hourly, className: "mt-3 max-w-[720px]" }),
+          /* @__PURE__ */ e("div", { role: "tablist", "aria-label": "Partner detail", className: "-mb-px mt-3 flex gap-5", children: ne.map((s) => /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               role: "tab",
-              "aria-selected": s === m.key,
-              "data-ic-detail-tab": m.key,
-              onClick: () => l(m.key),
-              className: p(
+              "aria-selected": i === s.key,
+              "data-ic-detail-tab": s.key,
+              onClick: () => d(s.key),
+              className: m(
                 "border-b-2 pb-2 pt-1 text-[12.5px] font-medium transition-colors",
-                s === m.key ? "border-nvr-cyan text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"
+                i === s.key ? "border-nvr-cyan text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"
               ),
-              children: m.label
+              children: s.label
             },
-            m.key
+            s.key
           )) })
         ] }) }),
-        /* @__PURE__ */ r("div", { className: "min-h-0 flex-1 overflow-y-auto bg-muted/30 px-6 py-5", children: [
-          n && s === "calls" && /* @__PURE__ */ e(ne, { apiId: o, calls: n.calls, onCallOpenChange: v }),
-          n && s === "submissions" && /* @__PURE__ */ e(le, { apiId: o }),
-          n && s === "obligations" && /* @__PURE__ */ e(V, { api: n.card.name }),
-          n && s === "contracts" && /* @__PURE__ */ e(de, { apiId: o, data: n })
+        /* @__PURE__ */ a("div", { className: "min-h-0 flex-1 overflow-y-auto bg-muted/30 px-6 py-5", children: [
+          n && i === "calls" && /* @__PURE__ */ e(se, { apiId: l, calls: n.calls, onCallOpenChange: x }),
+          n && i === "submissions" && /* @__PURE__ */ e(de, { apiId: l }),
+          n && i === "obligations" && /* @__PURE__ */ e(V, { api: n.card.name }),
+          n && i === "contracts" && /* @__PURE__ */ e(ce, { apiId: l, data: n })
         ] })
       ]
     }
   ) });
 }
-function ne({
-  apiId: o,
+function se({
+  apiId: l,
   calls: t,
-  onCallOpenChange: a
+  onCallOpenChange: r
 }) {
-  const [n, i] = f(!1), c = t.filter((l) => !l.ok).length, s = n ? t.filter((l) => !l.ok) : t;
-  return /* @__PURE__ */ r("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ r("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ r("p", { className: "text-[12.5px] text-muted-foreground", children: [
+  const [n, o] = b(!1), u = t.filter((d) => !d.ok).length, i = n ? t.filter((d) => !d.ok) : t;
+  return /* @__PURE__ */ a("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ a("p", { className: "text-[12.5px] text-muted-foreground", children: [
         "The latest ",
         t.length,
         " call",
         t.length === 1 ? "" : "s",
         " made to this partner."
       ] }),
-      /* @__PURE__ */ r("label", { className: "ml-auto inline-flex cursor-pointer items-center gap-2 text-[12.5px] text-foreground", children: [
+      /* @__PURE__ */ a("label", { className: "ml-auto inline-flex cursor-pointer items-center gap-2 text-[12.5px] text-foreground", children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "checkbox",
             checked: n,
-            onChange: (l) => i(l.target.checked),
+            onChange: (d) => o(d.target.checked),
             "data-ic-failures-only": !0,
             className: "h-3.5 w-3.5 accent-[rgb(var(--nvr-cyan-rgb))]"
           }
         ),
         "Failures only",
-        /* @__PURE__ */ r("span", { className: "tabular-nums text-muted-foreground", children: [
+        /* @__PURE__ */ a("span", { className: "tabular-nums text-muted-foreground", children: [
           "(",
-          c,
+          u,
           ")"
         ] })
       ] })
     ] }),
-    s.length === 0 ? /* @__PURE__ */ e("p", { className: "rounded-lg border border-border bg-card px-4 py-5 text-[12.5px] text-muted-foreground", children: n ? "No failed calls in this window." : "No calls recorded in the last 14 days." }) : /* @__PURE__ */ e(
+    i.length === 0 ? /* @__PURE__ */ e("p", { className: "rounded-lg border border-border bg-card px-4 py-5 text-[12.5px] text-muted-foreground", children: n ? "No failed calls in this window." : "No calls recorded in the last 14 days." }) : /* @__PURE__ */ e(
       "ul",
       {
         className: "divide-y divide-border overflow-hidden rounded-lg border border-border bg-card",
         "data-ic-calls": !0,
-        children: s.map((l) => /* @__PURE__ */ e(se, { apiId: o, call: l, onOpenChange: a }, l.key))
+        children: i.map((d) => /* @__PURE__ */ e(ie, { apiId: l, call: d, onOpenChange: r }, d.key))
       }
     )
   ] });
 }
-function se({
-  apiId: o,
+function ie({
+  apiId: l,
   call: t,
-  onOpenChange: a
+  onOpenChange: r
 }) {
-  var d;
-  const [n, i] = f(!1), c = P(null), s = I(t.triggered_by, t.user), l = () => {
-    var u;
-    i(!1), (u = c.current) == null || u.focus();
+  var c, g, x;
+  const [n, o] = b(!1), u = P(null), i = ee(t.triggered_by, t.user), d = () => {
+    var s;
+    o(!1), (s = u.current) == null || s.focus();
   };
   return E(() => {
     if (n)
-      return a(!0), () => a(!1);
-  }, [n]), /* @__PURE__ */ r(
+      return r(!0), () => r(!1);
+  }, [n]), /* @__PURE__ */ a(
     "li",
     {
       "data-ic-call": t.id,
       "data-ic-call-source": t.source,
-      className: p(n && "bg-muted/30"),
+      className: m(n && "bg-muted/30"),
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ a(
           "button",
           {
-            ref: c,
+            ref: u,
             type: "button",
             "aria-expanded": n,
             "data-ic-call-toggle": t.id,
-            onClick: () => i((u) => !u),
-            onKeyDown: (u) => {
-              u.key === "Escape" && n && (u.preventDefault(), u.stopPropagation(), i(!1));
+            onClick: () => o((s) => !s),
+            onKeyDown: (s) => {
+              s.key === "Escape" && n && (s.preventDefault(), s.stopPropagation(), o(!1));
             },
             className: "flex w-full items-center gap-3 px-3 py-2 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring",
             children: [
@@ -176,7 +177,7 @@ function se({
                   children: D(t.created_at)
                 }
               ),
-              /* @__PURE__ */ r("span", { className: "min-w-0 flex-1 truncate font-mono text-[11.5px] text-foreground", children: [
+              /* @__PURE__ */ a("span", { className: "min-w-0 flex-1 truncate font-mono text-[11.5px] text-foreground", children: [
                 /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: t.method ?? "" }),
                 " ",
                 t.path ?? "—"
@@ -184,37 +185,37 @@ function se({
               /* @__PURE__ */ e(
                 "span",
                 {
-                  className: p(
+                  className: m(
                     "w-10 shrink-0 text-right text-[11.5px] font-medium tabular-nums",
-                    t.ok ? g.positive : g.negative
+                    t.ok ? h.positive : h.negative
                   ),
                   children: t.status ?? (t.ok ? "ok" : "none")
                 }
               ),
-              /* @__PURE__ */ e("span", { className: "w-14 shrink-0 text-right text-[11.5px] tabular-nums text-muted-foreground", children: b(t.duration_ms) }),
-              t.error && /* @__PURE__ */ e(
+              /* @__PURE__ */ e("span", { className: "w-14 shrink-0 text-right text-[11.5px] tabular-nums text-muted-foreground", children: v(t.duration_ms) }),
+              (((c = t.explanation) == null ? void 0 : c.sentence) ?? t.error) && /* @__PURE__ */ e(
                 "span",
                 {
-                  className: p(
-                    "min-w-0 max-w-[200px] shrink truncate text-[11.5px]",
-                    g.negative
+                  className: m(
+                    "min-w-0 max-w-[260px] shrink truncate text-[11.5px]",
+                    h.negative
                   ),
-                  "data-tip": t.error.length > 50 ? t.error.slice(0, 900) : void 0,
-                  children: t.error
+                  "data-tip": t.explanation ? t.explanation.sentence : t.error && t.error.length > 50 ? t.error.slice(0, 900) : void 0,
+                  children: ((g = t.explanation) == null ? void 0 : g.sentence) ?? t.error
                 }
               ),
               /* @__PURE__ */ e(
                 "span",
                 {
                   className: "min-w-0 max-w-[160px] shrink truncate text-[11px] text-muted-foreground",
-                  "data-tip": ((d = t.user) == null ? void 0 : d.email) ?? void 0,
-                  children: s.label
+                  "data-tip": ((x = t.user) == null ? void 0 : x.email) ?? void 0,
+                  children: i.label
                 }
               ),
               /* @__PURE__ */ e(
                 M,
                 {
-                  className: p(
+                  className: m(
                     "h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform",
                     n && "rotate-180"
                   ),
@@ -236,199 +237,199 @@ function se({
           {
             "aria-label": `Call detail — ${t.method ?? ""} ${t.path ?? ""}`.trim(),
             "data-ic-call-open": t.id,
-            onKeyDown: (u) => {
-              u.key === "Escape" && (u.stopPropagation(), l());
+            onKeyDown: (s) => {
+              s.key === "Escape" && (s.stopPropagation(), d());
             },
             className: "border-t border-border px-3 py-3",
-            children: t.source === "outbound" ? /* @__PURE__ */ e("p", { className: "text-[12px] italic text-muted-foreground", "data-ic-call-empty": !0, children: "No request/response recorded for this call." }) : /* @__PURE__ */ e(ie, { apiId: o, callId: t.id })
+            children: t.source === "outbound" ? /* @__PURE__ */ e("p", { className: "text-[12px] italic text-muted-foreground", "data-ic-call-empty": !0, children: "No request/response recorded for this call." }) : /* @__PURE__ */ e(oe, { apiId: l, callId: t.id })
           }
         )
       ]
     }
   );
 }
-function ie({ apiId: o, callId: t }) {
-  const { data: a, isLoading: n, isError: i } = X(o, t);
-  return n ? /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+function oe({ apiId: l, callId: t }) {
+  const { data: r, isLoading: n, isError: o } = X(l, t);
+  return n ? /* @__PURE__ */ a("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e("div", { className: "h-4 w-40 animate-pulse rounded bg-[hsl(var(--nvr-skeleton))]" }),
-    /* @__PURE__ */ r("div", { className: "grid gap-3 lg:grid-cols-2", children: [
+    /* @__PURE__ */ a("div", { className: "grid gap-3 lg:grid-cols-2", children: [
       /* @__PURE__ */ e("div", { className: "h-28 animate-pulse rounded bg-[hsl(var(--nvr-skeleton))]" }),
       /* @__PURE__ */ e("div", { className: "h-28 animate-pulse rounded bg-[hsl(var(--nvr-skeleton))]" })
     ] })
-  ] }) : i || !a ? /* @__PURE__ */ e("p", { className: p("text-[12.5px]", g.negative), children: "Couldn't load this call." }) : /* @__PURE__ */ r("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center gap-2", "data-ic-call-section": "trigger", children: [
+  ] }) : o || !r ? /* @__PURE__ */ e("p", { className: m("text-[12.5px]", h.negative), children: "Couldn't load this call." }) : /* @__PURE__ */ a("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-2", "data-ic-call-section": "trigger", children: [
       /* @__PURE__ */ e("span", { className: "text-[11.5px] font-semibold text-muted-foreground", children: "Triggered by" }),
-      /* @__PURE__ */ e(ee, { triggeredBy: a.triggered_by, user: a.user })
+      /* @__PURE__ */ e(te, { triggeredBy: r.triggered_by, user: r.user })
     ] }),
-    /* @__PURE__ */ r("div", { className: "grid gap-3 lg:grid-cols-2", children: [
-      /* @__PURE__ */ r("div", { className: "min-w-0 space-y-2", "data-ic-call-section": "request", children: [
+    /* @__PURE__ */ a("div", { className: "grid gap-3 lg:grid-cols-2", children: [
+      /* @__PURE__ */ a("div", { className: "min-w-0 space-y-2", "data-ic-call-section": "request", children: [
         /* @__PURE__ */ e("p", { className: "text-[11.5px] font-semibold text-muted-foreground", children: "Request" }),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ a(
           "p",
           {
             className: "truncate font-mono text-[11.5px] text-foreground",
-            "data-tip": a.url ?? void 0,
+            "data-tip": r.url ?? void 0,
             children: [
-              /* @__PURE__ */ e("span", { className: "font-semibold text-muted-foreground", children: a.method ?? "—" }),
+              /* @__PURE__ */ e("span", { className: "font-semibold text-muted-foreground", children: r.method ?? "—" }),
               " ",
-              a.url ?? "—"
+              r.url ?? "—"
             ]
           }
         ),
-        /* @__PURE__ */ e(k, { headers: a.request_headers }),
+        /* @__PURE__ */ e(k, { headers: r.request_headers }),
         /* @__PURE__ */ e(
           C,
           {
             label: "Body",
-            value: T(a.request_body),
+            value: T(r.request_body),
             fold: !0,
-            truncated: _(a.request_body)
+            truncated: _(r.request_body)
           }
         )
       ] }),
-      /* @__PURE__ */ r("div", { className: "min-w-0 space-y-2", "data-ic-call-section": "response", children: [
+      /* @__PURE__ */ a("div", { className: "min-w-0 space-y-2", "data-ic-call-section": "response", children: [
         /* @__PURE__ */ e("p", { className: "text-[11.5px] font-semibold text-muted-foreground", children: "Response" }),
-        /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e(te, { status: a.response_status, ok: re(a.response_status) }),
-          /* @__PURE__ */ e("span", { className: "text-[11.5px] tabular-nums text-muted-foreground", children: b(a.duration_ms) })
+        /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(re, { status: r.response_status, ok: ae(r.response_status) }),
+          /* @__PURE__ */ e("span", { className: "text-[11.5px] tabular-nums text-muted-foreground", children: v(r.duration_ms) })
         ] }),
-        a.error && /* @__PURE__ */ e(
+        r.explanation ? /* @__PURE__ */ e(z, { explanation: r.explanation, raw: r.error }) : r.error && /* @__PURE__ */ e(
           "p",
           {
-            className: p(
+            className: m(
               "rounded px-2 py-1.5 text-[11.5px]",
-              x.negative,
-              g.negative
+              f.negative,
+              h.negative
             ),
-            children: a.error
+            children: r.error
           }
         ),
-        /* @__PURE__ */ e(k, { headers: a.response_headers }),
+        /* @__PURE__ */ e(k, { headers: r.response_headers }),
         /* @__PURE__ */ e(
           C,
           {
             label: "Body",
-            value: T(a.response_body),
+            value: T(r.response_body),
             fold: !0,
-            truncated: _(a.response_body)
+            truncated: _(r.response_body)
           }
         )
       ] })
     ] })
   ] });
 }
-const oe = "endpoint_path";
-function le({ apiId: o }) {
-  const t = O(), a = q(), [n, i] = f(""), [c, s] = f("");
+const le = "endpoint_path";
+function de({ apiId: l }) {
+  const t = O(), r = q(), [n, o] = b(""), [u, i] = b("");
   E(() => {
-    const h = setTimeout(() => s(n.trim()), 350);
-    return () => clearTimeout(h);
+    const p = setTimeout(() => i(n.trim()), 350);
+    return () => clearTimeout(p);
   }, [n]);
-  const l = c.length >= 2 ? c : oe, { data: d, isLoading: u, isError: v } = K({
-    queryKey: ["erp-submissions", "partner", o, l],
+  const d = u.length >= 2 ? u : le, { data: c, isLoading: g, isError: x } = K({
+    queryKey: ["erp-submissions", "partner", l, d],
     queryFn: () => t.request(
-      H("/erp-submissions/search", { external_api: o, q: l, limit: 50 })
-    ).then((h) => h.data)
-  }), m = S({
-    mutationFn: (h) => t.request(R(`/erp-submissions/${h}/retry`)),
+      H("/erp-submissions/search", { external_api: l, q: d, limit: 50 })
+    ).then((p) => p.data)
+  }), s = S({
+    mutationFn: (p) => t.request(R(`/erp-submissions/${p}/retry`)),
     onSettled: () => {
-      a.invalidateQueries({ queryKey: ["erp-submissions"] }), a.invalidateQueries({ queryKey: ["erp-submission-attempts"] }), a.invalidateQueries({ queryKey: ["integration-partner", o] });
+      r.invalidateQueries({ queryKey: ["erp-submissions"] }), r.invalidateQueries({ queryKey: ["erp-submission-attempts"] }), r.invalidateQueries({ queryKey: ["integration-partner", l] });
     }
-  }), y = d ?? [];
-  return /* @__PURE__ */ r("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ r("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ r("div", { className: "relative w-full max-w-[420px]", children: [
+  }), y = c ?? [];
+  return /* @__PURE__ */ a("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ a("div", { className: "relative w-full max-w-[420px]", children: [
         /* @__PURE__ */ e(L, { className: "pointer-events-none absolute left-2.5 top-2 h-3.5 w-3.5 text-muted-foreground" }),
         /* @__PURE__ */ e(
           "input",
           {
             value: n,
-            onChange: (h) => i(h.target.value),
+            onChange: (p) => o(p.target.value),
             placeholder: "Find a reference, record id or error text",
             "data-ic-submission-search": !0,
             className: "h-8 w-full rounded-md border border-border bg-card pl-8 pr-2.5 text-[12.5px] text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
           }
         )
       ] }),
-      /* @__PURE__ */ e("p", { className: "text-[12px] text-muted-foreground", children: c.length >= 2 ? `Matching “${c}”` : "Newest 50 from the last 90 days" })
+      /* @__PURE__ */ e("p", { className: "text-[12px] text-muted-foreground", children: u.length >= 2 ? `Matching “${u}”` : "Newest 50 from the last 90 days" })
     ] }),
-    u ? /* @__PURE__ */ e("div", { className: "space-y-2", children: [0, 1, 2].map((h) => /* @__PURE__ */ e("div", { className: "h-10 animate-pulse rounded-lg bg-[hsl(var(--nvr-skeleton))]" }, h)) }) : v ? /* @__PURE__ */ e("p", { className: p("text-[12.5px]", g.negative), children: "Couldn't load submissions." }) : y.length === 0 ? /* @__PURE__ */ e("p", { className: "rounded-lg border border-border bg-card px-4 py-5 text-[12.5px] text-muted-foreground", children: c.length >= 2 ? "Nothing sent to this partner matches that." : "Nothing has been sent to this partner in the last 90 days." }) : /* @__PURE__ */ e("div", { className: "space-y-2", "data-ic-submissions": !0, children: y.map((h) => /* @__PURE__ */ e("div", { className: "bg-card", children: /* @__PURE__ */ e(
-      Z,
+    g ? /* @__PURE__ */ e("div", { className: "space-y-2", children: [0, 1, 2].map((p) => /* @__PURE__ */ e("div", { className: "h-10 animate-pulse rounded-lg bg-[hsl(var(--nvr-skeleton))]" }, p)) }) : x ? /* @__PURE__ */ e("p", { className: m("text-[12.5px]", h.negative), children: "Couldn't load submissions." }) : y.length === 0 ? /* @__PURE__ */ e("p", { className: "rounded-lg border border-border bg-card px-4 py-5 text-[12.5px] text-muted-foreground", children: u.length >= 2 ? "Nothing sent to this partner matches that." : "Nothing has been sent to this partner in the last 90 days." }) : /* @__PURE__ */ e("div", { className: "space-y-2", "data-ic-submissions": !0, children: y.map((p) => /* @__PURE__ */ e("div", { className: "bg-card", children: /* @__PURE__ */ e(
+      I,
       {
-        sub: h,
-        onRetry: (B) => m.mutate(B),
-        retrying: m.isPending && m.variables === h.id
+        sub: p,
+        onRetry: (B) => s.mutate(B),
+        retrying: s.isPending && s.variables === p.id
       }
-    ) }, h.id)) })
+    ) }, p.id)) })
   ] });
 }
-function de({ apiId: o, data: t }) {
-  const a = O(), n = q(), i = S({
-    mutationFn: () => a.request(
-      R(`/external-apis/${o}/contracts/run`)
-    ).then((s) => s.data),
-    onSettled: () => n.invalidateQueries({ queryKey: ["integration-partner", o] })
-  }), c = t.contracts;
-  return /* @__PURE__ */ r("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ r("div", { className: "flex items-center gap-3", children: [
+function ce({ apiId: l, data: t }) {
+  const r = O(), n = q(), o = S({
+    mutationFn: () => r.request(
+      R(`/external-apis/${l}/contracts/run`)
+    ).then((i) => i.data),
+    onSettled: () => n.invalidateQueries({ queryKey: ["integration-partner", l] })
+  }), u = t.contracts;
+  return /* @__PURE__ */ a("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ e("p", { className: "max-w-[70ch] text-[12.5px] text-muted-foreground", children: "A contract is a saved check that an endpoint still answers the way this system expects. Running them calls the partner's read-only endpoints now." }),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ a(
         "button",
         {
           type: "button",
-          disabled: i.isPending || c.length === 0,
-          onClick: () => i.mutate(),
+          disabled: o.isPending || u.length === 0,
+          onClick: () => o.mutate(),
           "data-ic-run-contracts": !0,
           className: "ml-auto inline-flex h-8 shrink-0 items-center gap-1.5 rounded-md border border-border bg-card px-3 text-[12.5px] font-medium text-foreground hover:bg-muted disabled:opacity-60",
           children: [
-            i.isPending ? /* @__PURE__ */ e(A, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ e(Q, { className: "h-3.5 w-3.5" }),
+            o.isPending ? /* @__PURE__ */ e(A, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ e(Q, { className: "h-3.5 w-3.5" }),
             "Run contracts"
           ]
         }
       )
     ] }),
-    i.data && /* @__PURE__ */ e(
+    o.data && /* @__PURE__ */ e(
       "p",
       {
         role: "status",
-        className: p(
+        className: m(
           "rounded-md px-3 py-2 text-[12.5px] font-medium",
-          i.data.failed > 0 ? x.negative : x.positive,
-          i.data.failed > 0 ? g.negative : g.positive
+          o.data.failed > 0 ? f.negative : f.positive,
+          o.data.failed > 0 ? h.negative : h.positive
         ),
-        children: i.data.failed > 0 ? `${i.data.failed} of ${i.data.results.length} failing` : `All ${i.data.results.length} passed`
+        children: o.data.failed > 0 ? `${o.data.failed} of ${o.data.results.length} failing` : `All ${o.data.results.length} passed`
       }
     ),
-    i.isError && /* @__PURE__ */ e("p", { className: p("text-[12.5px]", g.negative), children: "The contracts couldn't run." }),
-    c.length === 0 ? /* @__PURE__ */ e("p", { className: "rounded-lg border border-border bg-card px-4 py-5 text-[12.5px] text-muted-foreground", children: "No contracts on this partner's endpoints yet. Add one from the endpoint's settings on the external API page." }) : /* @__PURE__ */ e("ul", { className: "divide-y divide-border overflow-hidden rounded-lg border border-border bg-card", children: c.map((s) => {
-      const l = s.last_run == null ? "never" : s.ok ? "ok" : "failed";
-      return /* @__PURE__ */ r("li", { "data-ic-contract": l, className: "flex gap-3 px-4 py-2.5", children: [
+    o.isError && /* @__PURE__ */ e("p", { className: m("text-[12.5px]", h.negative), children: "The contracts couldn't run." }),
+    u.length === 0 ? /* @__PURE__ */ e("p", { className: "rounded-lg border border-border bg-card px-4 py-5 text-[12.5px] text-muted-foreground", children: "No contracts on this partner's endpoints yet. Add one from the endpoint's settings on the external API page." }) : /* @__PURE__ */ e("ul", { className: "divide-y divide-border overflow-hidden rounded-lg border border-border bg-card", children: u.map((i) => {
+      const d = i.last_run == null ? "never" : i.ok ? "ok" : "failed";
+      return /* @__PURE__ */ a("li", { "data-ic-contract": d, className: "flex gap-3 px-4 py-2.5", children: [
         /* @__PURE__ */ e(
           "span",
           {
-            className: p(
+            className: m(
               "mt-0.5 shrink-0 rounded px-1.5 py-px text-[11px] font-semibold",
-              l === "ok" ? p(x.positive, g.positive) : l === "failed" ? p(x.negative, g.negative) : "bg-muted text-muted-foreground"
+              d === "ok" ? m(f.positive, h.positive) : d === "failed" ? m(f.negative, h.negative) : "bg-muted text-muted-foreground"
             ),
-            children: l === "ok" ? "Passing" : l === "failed" ? "Failing" : "Not run"
+            children: d === "ok" ? "Passing" : d === "failed" ? "Failing" : "Not run"
           }
         ),
-        /* @__PURE__ */ r("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ e("p", { className: "text-[12.5px] font-medium text-foreground", children: s.name }),
-          s.detail && /* @__PURE__ */ e("p", { className: "mt-0.5 line-clamp-2 text-[12px] text-muted-foreground", children: s.detail })
+        /* @__PURE__ */ a("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ e("p", { className: "text-[12.5px] font-medium text-foreground", children: i.name }),
+          i.detail && /* @__PURE__ */ e("p", { className: "mt-0.5 line-clamp-2 text-[12px] text-muted-foreground", children: i.detail })
         ] }),
         /* @__PURE__ */ e(
           "span",
           {
             className: "shrink-0 text-[12px] text-muted-foreground",
-            "data-tip": F(s.last_run),
-            children: s.last_run ? D(s.last_run) : ""
+            "data-tip": F(i.last_run),
+            children: i.last_run ? D(i.last_run) : ""
           }
         )
-      ] }, s.endpoint_id);
+      ] }, i.endpoint_id);
     }) })
   ] });
 }
 export {
-  Te as PartnerDetail
+  Se as PartnerDetail
 };