@nivaro/react 0.3.36 → 0.3.38

package/dist/shared/components/profile/AgentsPanel.js

@@ -1,27 +1,29 @@
-import { jsxs as n, jsx as t, Fragment as W } from "react/jsx-runtime";
-import { useQueryClient as z, useQuery as V, useInfiniteQuery as Z, useMutation as q } from "@tanstack/react-query";
-import { Bot as G, Plug as H, Loader2 as k, ListChecks as X, KeyRound as Y, ChevronRight as J, AlertTriangle as ee, Undo2 as te } from "lucide-react";
-import { useState as N, useRef as ae, useMemo as A, Fragment as ne } from "react";
-import { useNivaroClient as re, useItemNavigation as E } from "../../context.js";
-import { get as L, del as se, post as le } from "../../lib/commands.js";
-import { cn as g, formatDate as w, formatRelative as M, formatNumber as f, formatDateTime as oe, formatFileSize as U } from "../../lib/utils.js";
-import { SimpleSelectXs as ie } from "../ui/SimpleSelect.js";
-import { Skeleton as de } from "../ui/skeleton.js";
-import { SectionCard as R, EmptyLine as y, ConfirmButton as O, Pill as Q } from "./primitives.js";
-const ce = {
+import { jsxs as a, jsx as t, Fragment as M } from "react/jsx-runtime";
+import { useQueryClient as z, useQuery as V, useInfiniteQuery as Z, useMutation as D } from "@tanstack/react-query";
+import { Bot as G, Plug as H, Loader2 as w, ListChecks as X, KeyRound as Y, ChevronRight as J, AlertTriangle as ee, Undo2 as te } from "lucide-react";
+import { useState as v, useRef as ae, useMemo as I, Fragment as ne } from "react";
+import { useNivaroClient as se, useItemNavigation as U } from "../../context.js";
+import { get as q, del as re, post as oe } from "../../lib/commands.js";
+import { cn as y, formatDate as C, formatRelative as E, formatNumber as g, formatDateTime as le, formatFileSize as B } from "../../lib/utils.js";
+import { ScopeBadge as ie, McpScopeSheet as de } from "../McpConnectionScope.js";
+import { SimpleSelectXs as ce } from "../ui/SimpleSelect.js";
+import { Skeleton as me } from "../ui/skeleton.js";
+import { ConnectionRollback as pe } from "./ConnectionRollback.js";
+import { SectionCard as A, EmptyLine as k, ConfirmButton as O, Pill as Q } from "./primitives.js";
+const ue = {
   oauth: "Signed in",
   api_key: "API key",
   token: "Personal token"
 }, T = (e) => ["nvr-mcp-connections", e];
-function me({ days: e }) {
+function he({ days: e }) {
   const i = Math.max(1, ...e.map((r) => r.calls));
   return /* @__PURE__ */ t("div", { className: "flex h-6 items-end gap-[2px]", "aria-hidden": !0, children: e.map((r) => {
     const l = r.calls ? Math.max(3, Math.round(r.calls / i * 24)) : 2, d = r.errors + r.refused;
     return /* @__PURE__ */ t(
       "span",
       {
-        "data-tip": `${w(`${r.day}T12:00:00Z`, { month: "short", day: "numeric" })}: ${f(r.calls)} call${r.calls === 1 ? "" : "s"}${d ? `, ${d} not ok` : ""}`,
-        className: g(
+        "data-tip": `${C(`${r.day}T12:00:00Z`, { month: "short", day: "numeric" })}: ${g(r.calls)} call${r.calls === 1 ? "" : "s"}${d ? `, ${d} not ok` : ""}`,
+        className: y(
           "relative w-[5px] overflow-hidden rounded-[1px]",
           r.calls ? "bg-nvr-cyan/50 dark:bg-nvr-cyan/40" : "bg-slate-200 dark:bg-muted"
         ),
@@ -38,40 +40,40 @@ function me({ days: e }) {
     );
   }) });
 }
-function pe({ s: e }) {
-  return !e || e.calls === 0 ? /* @__PURE__ */ t("span", { className: "text-[12px] text-slate-500 dark:text-slate-400", children: "No tool calls" }) : /* @__PURE__ */ n("span", { className: "text-[12px] tabular-nums text-slate-600 dark:text-slate-300", children: [
-    /* @__PURE__ */ t("b", { className: "font-semibold text-slate-800 dark:text-slate-100", children: f(e.calls) }),
+function xe({ s: e }) {
+  return !e || e.calls === 0 ? /* @__PURE__ */ t("span", { className: "text-[12px] text-slate-500 dark:text-slate-400", children: "No tool calls" }) : /* @__PURE__ */ a("span", { className: "text-[12px] tabular-nums text-slate-600 dark:text-slate-300", children: [
+    /* @__PURE__ */ t("b", { className: "font-semibold text-slate-800 dark:text-slate-100", children: g(e.calls) }),
     " ",
     "call",
     e.calls === 1 ? "" : "s",
-    e.refused > 0 && /* @__PURE__ */ n("span", { className: "text-amber-700 dark:text-amber-400", children: [
+    e.refused > 0 && /* @__PURE__ */ a("span", { className: "text-amber-700 dark:text-amber-400", children: [
       " ",
       "· ",
-      f(e.refused),
+      g(e.refused),
       " refused"
     ] }),
-    e.errors > 0 && /* @__PURE__ */ n("span", { className: "text-red-600 dark:text-red-400", children: [
+    e.errors > 0 && /* @__PURE__ */ a("span", { className: "text-red-600 dark:text-red-400", children: [
       " · ",
-      f(e.errors),
+      g(e.errors),
       " failed"
     ] }),
-    /* @__PURE__ */ n("span", { className: "text-slate-500 dark:text-slate-400", children: [
+    /* @__PURE__ */ a("span", { className: "text-slate-500 dark:text-slate-400", children: [
       " · ",
-      U(e.bytes)
+      B(e.bytes)
     ] })
   ] });
 }
-function ue({ kind: e }) {
-  return /* @__PURE__ */ t(Q, { tone: e === "oauth" ? "brand" : "neutral", children: ce[e] });
+function be({ kind: e }) {
+  return /* @__PURE__ */ t(Q, { tone: e === "oauth" ? "brand" : "neutral", children: ue[e] });
 }
-function he({ c: e }) {
+function fe({ c: e }) {
   if (!e.idle || e.idle.status === "active") return null;
-  const i = w(`${e.idle.revoke_on}T12:00:00Z`, {
+  const i = C(`${e.idle.revoke_on}T12:00:00Z`, {
     month: "short",
     day: "numeric",
     year: "numeric"
   });
-  return /* @__PURE__ */ n("p", { className: "mt-1.5 flex items-center gap-1.5 text-[12px] text-amber-700 dark:text-amber-400", children: [
+  return /* @__PURE__ */ a("p", { className: "mt-1.5 flex items-center gap-1.5 text-[12px] text-amber-700 dark:text-amber-400", children: [
     /* @__PURE__ */ t(ee, { className: "h-3.5 w-3.5 shrink-0" }),
     "Unused for ",
     e.idle.idle_days,
@@ -80,54 +82,81 @@ function he({ c: e }) {
     " unless it is used."
   ] });
 }
-const xe = {
+const ge = {
   ok: { label: "Done", tone: "green" },
   refused: { label: "Refused", tone: "amber" },
   error: { label: "Failed", tone: "red" }
-}, be = {
+}, ve = {
   create: "Created",
   update: "Changed",
   delete: "Deleted"
 };
 function K({ rows: e = 3 }) {
-  return /* @__PURE__ */ t("div", { className: "space-y-3", "aria-busy": "true", children: Array.from({ length: e }, (i, r) => /* @__PURE__ */ t(de, { className: "h-10 rounded-md" }, r)) });
+  return /* @__PURE__ */ t("div", { className: "space-y-3", "aria-busy": "true", children: Array.from({ length: e }, (i, r) => /* @__PURE__ */ t(me, { className: "h-10 rounded-md" }, r)) });
 }
-function fe({
+function ye({
   c: e,
   onShowCalls: i,
   onDisconnect: r,
   disconnecting: l
 }) {
-  var u, p, h;
-  const d = ((u = e.stats) == null ? void 0 : u.last_call_at) ?? e.last_used_at;
-  return /* @__PURE__ */ n("li", { className: "flex flex-wrap items-center gap-x-6 gap-y-3 py-3 first:pt-0 last:pb-0", children: [
-    /* @__PURE__ */ n("div", { className: "min-w-[220px] flex-1", children: [
-      /* @__PURE__ */ n("div", { className: "flex flex-wrap items-center gap-2", children: [
+  var s, x, o, b;
+  const d = ((s = e.stats) == null ? void 0 : s.last_call_at) ?? e.last_used_at, [u, p] = v(!1), [h, m] = v(!1);
+  return /* @__PURE__ */ a("li", { className: "flex flex-wrap items-center gap-x-6 gap-y-3 py-3 first:pt-0 last:pb-0", children: [
+    /* @__PURE__ */ a("div", { className: "min-w-[220px] flex-1", children: [
+      /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-2", children: [
         /* @__PURE__ */ t("span", { className: "truncate text-[13px] font-semibold text-slate-800 dark:text-slate-100", children: e.name }),
-        /* @__PURE__ */ t(ue, { kind: e.kind })
+        /* @__PURE__ */ t(be, { kind: e.kind })
       ] }),
-      /* @__PURE__ */ n("p", { className: "mt-0.5 text-[12px] text-slate-500 dark:text-slate-400", children: [
-        e.created_at ? `Connected ${w(e.created_at)}` : "Seen in the request log",
+      /* @__PURE__ */ a("p", { className: "mt-0.5 text-[12px] text-slate-500 dark:text-slate-400", children: [
+        e.created_at ? `Connected ${C(e.created_at)}` : "Seen in the request log",
         " · ",
-        d ? `last used ${M(d)}` : "never used"
+        d ? `last used ${E(d)}` : "never used"
       ] }),
-      /* @__PURE__ */ t(he, { c: e })
+      /* @__PURE__ */ t(fe, { c: e }),
+      e.scope !== void 0 && /* @__PURE__ */ a("p", { className: "mt-1 flex min-w-0 items-center gap-1.5", children: [
+        /* @__PURE__ */ t("span", { className: "shrink-0 text-[12px] text-slate-500 dark:text-slate-400", children: "May use:" }),
+        /* @__PURE__ */ t(ie, { scope: e.scope ?? null }),
+        ((x = e.scope) == null ? void 0 : x.locked) && /* @__PURE__ */ t("span", { className: "shrink-0 text-[11.5px] text-slate-500 dark:text-slate-400", children: "· set by an administrator" })
+      ] })
     ] }),
-    /* @__PURE__ */ n("div", { className: "flex min-w-[180px] flex-col gap-1", children: [
-      e.stats && /* @__PURE__ */ t(me, { days: e.stats.days }),
-      /* @__PURE__ */ t(pe, { s: e.stats })
+    /* @__PURE__ */ a("div", { className: "flex min-w-[180px] flex-col gap-1", children: [
+      e.stats && /* @__PURE__ */ t(he, { days: e.stats.days }),
+      /* @__PURE__ */ t(xe, { s: e.stats })
     ] }),
-    /* @__PURE__ */ t("div", { className: "hidden min-w-[160px] flex-wrap gap-1 lg:flex", children: (((p = e.stats) == null ? void 0 : p.top_tools) ?? []).slice(0, 4).map((c) => /* @__PURE__ */ t(
+    /* @__PURE__ */ t("div", { className: "hidden min-w-[160px] flex-wrap gap-1 lg:flex", children: (((o = e.stats) == null ? void 0 : o.top_tools) ?? []).slice(0, 4).map((f) => /* @__PURE__ */ t(
       "span",
       {
-        "data-tip": `${f(c.calls)} call${c.calls === 1 ? "" : "s"}`,
+        "data-tip": `${g(f.calls)} call${f.calls === 1 ? "" : "s"}`,
         className: "rounded bg-slate-100 px-1.5 py-px font-mono text-[11px] text-slate-600 dark:bg-muted dark:text-slate-300",
-        children: c.tool
+        children: f.tool
       },
-      c.tool
+      f.tool
     )) }),
-    /* @__PURE__ */ n("div", { className: "ml-auto flex items-center gap-1.5", children: [
-      (((h = e.stats) == null ? void 0 : h.calls) ?? 0) > 0 && /* @__PURE__ */ t(
+    /* @__PURE__ */ a("div", { className: "ml-auto flex items-center gap-1.5", children: [
+      e.scope_editable && /* @__PURE__ */ a(M, { children: [
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            onClick: () => m(!0),
+            className: "h-7 rounded-md px-2 text-[12px] font-medium text-slate-600 transition-colors hover:bg-muted hover:text-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-nvr-cyan/40 dark:text-slate-300 dark:hover:text-white",
+            children: "Limits"
+          }
+        ),
+        /* @__PURE__ */ t(
+          de,
+          {
+            open: h,
+            onClose: () => m(!1),
+            conn: e.conn,
+            name: e.name,
+            scope: e.scope ?? null,
+            mode: "mine"
+          }
+        )
+      ] }),
+      (((b = e.stats) == null ? void 0 : b.calls) ?? 0) > 0 && /* @__PURE__ */ t(
         "button",
         {
           type: "button",
@@ -136,6 +165,17 @@ function fe({
           children: "View calls"
         }
       ),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          onClick: () => p((f) => !f),
+          "aria-expanded": u,
+          "data-tip": "Undo what this app changed in a time window",
+          className: "h-7 rounded-md px-2 text-[12px] font-medium text-slate-600 transition-colors hover:bg-muted hover:text-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-nvr-cyan/40 dark:text-slate-300 dark:hover:text-white",
+          children: "Roll back…"
+        }
+      ),
       e.kind === "oauth" && e.created_at ? /* @__PURE__ */ t(
         O,
         {
@@ -145,9 +185,9 @@ function fe({
           title: `Disconnect ${e.name}`,
           className: "h-7 rounded-md border border-slate-200 px-2.5 text-[12px] font-medium text-slate-700 transition-colors hover:border-red-300 hover:text-red-600 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-400/40 disabled:opacity-40 dark:border-border dark:text-slate-200 dark:hover:border-red-500/50 dark:hover:text-red-400",
           armedClassName: "border-red-300 bg-red-50 text-red-700 dark:border-red-500/50 dark:bg-red-500/10 dark:text-red-400",
-          children: l ? /* @__PURE__ */ t(k, { className: "h-3.5 w-3.5 animate-spin" }) : "Disconnect"
+          children: l ? /* @__PURE__ */ t(w, { className: "h-3.5 w-3.5 animate-spin" }) : "Disconnect"
         }
-      ) : e.kind !== "oauth" ? /* @__PURE__ */ n(
+      ) : e.kind !== "oauth" ? /* @__PURE__ */ a(
         "span",
         {
           className: "inline-flex items-center gap-1 text-[11.5px] text-slate-500 dark:text-slate-400",
@@ -158,20 +198,29 @@ function fe({
           ]
         }
       ) : null
-    ] })
+    ] }),
+    u && /* @__PURE__ */ t("div", { className: "basis-full", children: /* @__PURE__ */ t(
+      pe,
+      {
+        conn: e.conn,
+        name: e.name,
+        scope: "mine",
+        onClose: () => p(!1)
+      }
+    ) })
   ] });
 }
-function ge({
+function ke({
   w: e,
   onUndo: i,
   undoing: r
 }) {
-  const { urlFor: l, open: d } = E(), u = e.collection && e.item ? { collection: e.collection, itemId: e.item } : null;
-  return /* @__PURE__ */ n("li", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 py-1.5", children: [
-    /* @__PURE__ */ n("span", { className: "text-[12px] text-slate-700 dark:text-slate-200", children: [
-      be[e.action] ?? e.action,
+  const { urlFor: l, open: d } = U(), u = e.collection && e.item ? { collection: e.collection, itemId: e.item } : null;
+  return /* @__PURE__ */ a("li", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 py-1.5", children: [
+    /* @__PURE__ */ a("span", { className: "text-[12px] text-slate-700 dark:text-slate-200", children: [
+      ve[e.action] ?? e.action,
       " ",
-      u && e.action !== "delete" ? /* @__PURE__ */ n(
+      u && e.action !== "delete" ? /* @__PURE__ */ a(
         "a",
         {
           href: l(u),
@@ -185,13 +234,13 @@ function ge({
             e.item
           ]
         }
-      ) : /* @__PURE__ */ n("span", { className: "font-mono text-[11.5px]", children: [
+      ) : /* @__PURE__ */ a("span", { className: "font-mono text-[11.5px]", children: [
         e.collection ?? "",
         " ",
         e.item ? `#${e.item}` : ""
       ] })
     ] }),
-    e.undoable ? /* @__PURE__ */ n(
+    e.undoable ? /* @__PURE__ */ a(
       O,
       {
         onConfirm: i,
@@ -201,30 +250,30 @@ function ge({
         className: "inline-flex h-6 items-center gap-1 rounded-md border border-slate-200 px-2 text-[11.5px] font-medium text-slate-700 transition-colors hover:border-nvr-cyan hover:text-nvr-navy focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-nvr-cyan/40 disabled:opacity-40 dark:border-border dark:text-slate-200 dark:hover:text-nvr-cyan",
         armedClassName: "border-amber-300 bg-amber-50 text-amber-800 dark:border-amber-500/40 dark:bg-amber-500/10 dark:text-amber-300",
         children: [
-          r ? /* @__PURE__ */ t(k, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ t(te, { className: "h-3 w-3" }),
+          r ? /* @__PURE__ */ t(w, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ t(te, { className: "h-3 w-3" }),
           "Undo"
         ]
       }
     ) : /* @__PURE__ */ t("span", { className: "text-[11.5px] text-slate-500 dark:text-slate-400", children: e.reason })
   ] });
 }
-function ye({
+function Ne({
   call: e,
   onUndo: i,
   undoingId: r
 }) {
-  const [l, d] = N(!1), { urlFor: u, open: p } = E(), h = xe[e.outcome], c = e.writes.length > 0 || !!e.message, s = e.record, x = s != null && s.id ? { collection: s.collection, itemId: s.id } : null;
-  return /* @__PURE__ */ n(ne, { children: [
-    /* @__PURE__ */ n(
+  const [l, d] = v(!1), { urlFor: u, open: p } = U(), h = ge[e.outcome], m = e.writes.length > 0 || !!e.message, s = e.record, x = s != null && s.id ? { collection: s.collection, itemId: s.id } : null;
+  return /* @__PURE__ */ a(ne, { children: [
+    /* @__PURE__ */ a(
       "tr",
       {
-        className: g(
+        className: y(
           "border-b border-slate-100 align-middle last:border-0 dark:border-border/60",
-          c && "cursor-pointer hover:bg-muted/60"
+          m && "cursor-pointer hover:bg-muted/60"
         ),
-        onClick: () => c && d((o) => !o),
+        onClick: () => m && d((o) => !o),
         children: [
-          /* @__PURE__ */ t("td", { className: "w-5 py-2 pl-1 pr-0", children: c && /* @__PURE__ */ t(
+          /* @__PURE__ */ t("td", { className: "w-5 py-2 pl-1 pr-0", children: m && /* @__PURE__ */ t(
             "button",
             {
               type: "button",
@@ -237,7 +286,7 @@ function ye({
               children: /* @__PURE__ */ t(
                 J,
                 {
-                  className: g(
+                  className: y(
                     "h-3.5 w-3.5 transition-transform duration-150",
                     l && "rotate-90"
                   )
@@ -249,13 +298,13 @@ function ye({
             "td",
             {
               className: "whitespace-nowrap py-2 pr-3 text-slate-500 dark:text-slate-400",
-              "data-tip": oe(e.at),
-              children: M(e.at)
+              "data-tip": le(e.at),
+              children: E(e.at)
             }
           ),
           /* @__PURE__ */ t("td", { className: "max-w-[160px] truncate py-2 pr-3 text-slate-700 dark:text-slate-200", children: e.app }),
           /* @__PURE__ */ t("td", { className: "py-2 pr-3 font-mono text-[11.5px] text-slate-700 dark:text-slate-200", children: e.tool ?? "—" }),
-          /* @__PURE__ */ t("td", { className: "max-w-[220px] truncate py-2 pr-3", children: x ? /* @__PURE__ */ n(
+          /* @__PURE__ */ t("td", { className: "max-w-[220px] truncate py-2 pr-3", children: x ? /* @__PURE__ */ a(
             "a",
             {
               href: u(x),
@@ -270,27 +319,27 @@ function ye({
               ]
             }
           ) : s ? /* @__PURE__ */ t("span", { className: "font-mono text-[11.5px] text-slate-600 dark:text-slate-300", children: s.collection }) : /* @__PURE__ */ t("span", { className: "text-slate-400 dark:text-slate-500", children: "—" }) }),
-          /* @__PURE__ */ t("td", { className: "py-2 pr-3", children: /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ t("td", { className: "py-2 pr-3", children: /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-1.5", children: [
             /* @__PURE__ */ t(Q, { tone: h.tone, children: h.label }),
-            e.writes.length > 0 && /* @__PURE__ */ n("span", { className: "text-[11.5px] text-slate-500 dark:text-slate-400", children: [
+            e.writes.length > 0 && /* @__PURE__ */ a("span", { className: "text-[11.5px] text-slate-500 dark:text-slate-400", children: [
               e.writes.length,
               " write",
               e.writes.length === 1 ? "" : "s"
             ] })
           ] }) }),
-          /* @__PURE__ */ t("td", { className: "whitespace-nowrap py-2 pr-1 text-right tabular-nums text-slate-500 dark:text-slate-400", children: e.bytes != null ? U(e.bytes) : "" })
+          /* @__PURE__ */ t("td", { className: "whitespace-nowrap py-2 pr-1 text-right tabular-nums text-slate-500 dark:text-slate-400", children: e.bytes != null ? B(e.bytes) : "" })
         ]
       }
     ),
-    l && /* @__PURE__ */ n("tr", { className: "border-b border-slate-100 dark:border-border/60", children: [
+    l && /* @__PURE__ */ a("tr", { className: "border-b border-slate-100 dark:border-border/60", children: [
       /* @__PURE__ */ t("td", {}),
-      /* @__PURE__ */ n("td", { colSpan: 6, className: "pb-3 pr-3", children: [
-        e.message && /* @__PURE__ */ n("p", { className: "mb-1.5 text-[12px] text-slate-600 dark:text-slate-300", children: [
+      /* @__PURE__ */ a("td", { colSpan: 6, className: "pb-3 pr-3", children: [
+        e.message && /* @__PURE__ */ a("p", { className: "mb-1.5 text-[12px] text-slate-600 dark:text-slate-300", children: [
           /* @__PURE__ */ t("span", { className: "font-medium", children: e.outcome === "refused" ? "Nivaro said no: " : "It failed: " }),
           e.message
         ] }),
         e.writes.length > 0 && /* @__PURE__ */ t("ul", { className: "divide-y divide-slate-100 dark:divide-border/60", children: e.writes.map((o) => /* @__PURE__ */ t(
-          ge,
+          ke,
           {
             w: o,
             onUndo: () => i(o),
@@ -298,7 +347,7 @@ function ye({
           },
           o.activity_id
         )) }),
-        /* @__PURE__ */ n("p", { className: "mt-1 text-[11.5px] text-slate-500 dark:text-slate-400", children: [
+        /* @__PURE__ */ a("p", { className: "mt-1 text-[11.5px] text-slate-500 dark:text-slate-400", children: [
           e.api_calls,
           " request",
           e.api_calls === 1 ? "" : "s",
@@ -310,55 +359,55 @@ function ye({
     ] })
   ] });
 }
-function De({ className: e }) {
-  var P, S, $, F, D, I;
-  const i = re(), r = z(), [l, d] = N(""), u = ae(null), [p, h] = N(null), c = V({
+function Ae({ className: e }) {
+  var P, S, $, R, F, L;
+  const i = se(), r = z(), [l, d] = v(""), u = ae(null), [p, h] = v(null), m = V({
     queryKey: T("mine"),
-    queryFn: () => i.request(L("/mcp-connections/mine")).then((a) => a.data)
+    queryFn: () => i.request(q("/mcp-connections/mine")).then((n) => n.data)
   }), s = Z({
     queryKey: ["nvr-mcp-activity", l],
     initialPageParam: null,
-    queryFn: ({ pageParam: a }) => i.request(
-      L(
+    queryFn: ({ pageParam: n }) => i.request(
+      q(
         "/mcp-connections/mine/activity",
-        { ...l ? { conn: l } : {}, ...a ? { before: a } : {}, limit: 50 }
+        { ...l ? { conn: l } : {}, ...n ? { before: n } : {}, limit: 50 }
       )
-    ).then((m) => m.data),
-    getNextPageParam: (a) => a.next_before
-  }), x = q({
-    mutationFn: (a) => i.request(se(`/mcp-connections/mine/${a}`)),
+    ).then((c) => c.data),
+    getNextPageParam: (n) => n.next_before
+  }), x = D({
+    mutationFn: (n) => i.request(re(`/mcp-connections/mine/${n}`)),
     onSuccess: () => {
       h({ tone: "ok", text: "Disconnected. Its tokens stopped working at once." }), r.invalidateQueries({ queryKey: T("mine") });
     },
-    onError: (a) => h({ tone: "bad", text: (a == null ? void 0 : a.message) || "Could not disconnect" })
-  }), o = q({
-    mutationFn: (a) => i.request(le(`/mcp-connections/mine/activity/${a.activity_id}/undo`)),
-    onSuccess: (a, m) => {
+    onError: (n) => h({ tone: "bad", text: (n == null ? void 0 : n.message) || "Could not disconnect" })
+  }), o = D({
+    mutationFn: (n) => i.request(oe(`/mcp-connections/mine/activity/${n.activity_id}/undo`)),
+    onSuccess: (n, c) => {
       h({
         tone: "ok",
-        text: m.action === "create" ? "Undone — the record was deleted." : "Undone — the previous values are back."
+        text: c.action === "create" ? "Undone — the record was deleted." : "Undone — the previous values are back."
       }), r.invalidateQueries({ queryKey: ["nvr-mcp-activity"] });
     },
-    onError: (a) => h({ tone: "bad", text: (a == null ? void 0 : a.message) || "Could not undo that change" })
-  }), b = ((P = c.data) == null ? void 0 : P.connections) ?? [], C = A(() => {
-    var a;
-    return ((a = s.data) == null ? void 0 : a.pages.flatMap((m) => m.calls)) ?? [];
-  }, [s.data]), j = ((S = c.data) == null ? void 0 : S.logged) !== !1 && ((F = ($ = s.data) == null ? void 0 : $.pages[0]) == null ? void 0 : F.logged) !== !1, _ = A(
+    onError: (n) => h({ tone: "bad", text: (n == null ? void 0 : n.message) || "Could not undo that change" })
+  }), b = ((P = m.data) == null ? void 0 : P.connections) ?? [], f = I(() => {
+    var n;
+    return ((n = s.data) == null ? void 0 : n.pages.flatMap((c) => c.calls)) ?? [];
+  }, [s.data]), j = ((S = m.data) == null ? void 0 : S.logged) !== !1 && ((R = ($ = s.data) == null ? void 0 : $.pages[0]) == null ? void 0 : R.logged) !== !1, _ = I(
     () => [
       { value: "", label: "Every app" },
-      ...b.filter((a) => {
-        var m;
-        return (((m = a.stats) == null ? void 0 : m.calls) ?? 0) > 0;
-      }).map((a) => ({ value: a.conn, label: a.name }))
+      ...b.filter((n) => {
+        var c;
+        return (((c = n.stats) == null ? void 0 : c.calls) ?? 0) > 0;
+      }).map((n) => ({ value: n.conn, label: n.name }))
     ],
     [b]
-  ), v = (D = c.data) == null ? void 0 : D.settings;
-  return /* @__PURE__ */ n("div", { className: g("flex flex-col gap-4", e), "data-nvr-agents": !0, children: [
-    p && /* @__PURE__ */ n(
+  ), N = (F = m.data) == null ? void 0 : F.settings;
+  return /* @__PURE__ */ a("div", { className: y("flex flex-col gap-4", e), "data-nvr-agents": !0, children: [
+    p && /* @__PURE__ */ a(
       "div",
       {
         role: "status",
-        className: g(
+        className: y(
           "flex items-center justify-between gap-3 rounded-md border px-3 py-2 text-[12.5px]",
           p.tone === "ok" ? "border-emerald-200 bg-emerald-50 text-emerald-800 dark:border-emerald-500/30 dark:bg-emerald-500/10 dark:text-emerald-300" : "border-red-200 bg-red-50 text-red-700 dark:border-red-500/30 dark:bg-red-500/10 dark:text-red-300"
         ),
@@ -377,49 +426,49 @@ function De({ className: e }) {
       }
     ),
     /* @__PURE__ */ t(
-      R,
+      A,
       {
         icon: /* @__PURE__ */ t(H, { className: "h-4 w-4" }),
         title: "Connected apps",
         hint: "AI assistants that act as you through Nivaro’s MCP server, with your permissions",
-        children: c.isLoading ? /* @__PURE__ */ t(K, {}) : c.isError ? /* @__PURE__ */ t(y, { children: "Connected apps could not be loaded. Try again in a moment." }) : b.length === 0 ? /* @__PURE__ */ n("div", { className: "flex items-start gap-3", children: [
+        children: m.isLoading ? /* @__PURE__ */ t(K, {}) : m.isError ? /* @__PURE__ */ t(k, { children: "Connected apps could not be loaded. Try again in a moment." }) : b.length === 0 ? /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
           /* @__PURE__ */ t(G, { className: "mt-0.5 h-5 w-5 shrink-0 text-slate-400" }),
           /* @__PURE__ */ t("p", { className: "max-w-[70ch] text-[12.5px] text-slate-600 dark:text-slate-300", children: "No assistant is connected. Add Nivaro as a connector in Claude, ChatGPT, Claude Code or Codex and sign in — the app shows up here with what it did, and you can disconnect it at any time." })
-        ] }) : /* @__PURE__ */ n(W, { children: [
-          /* @__PURE__ */ t("ul", { className: "divide-y divide-slate-100 dark:divide-border/60", children: b.map((a) => /* @__PURE__ */ t(
-            fe,
+        ] }) : /* @__PURE__ */ a(M, { children: [
+          /* @__PURE__ */ t("ul", { className: "divide-y divide-slate-100 dark:divide-border/60", children: b.map((n) => /* @__PURE__ */ t(
+            ye,
             {
-              c: a,
+              c: n,
               onShowCalls: () => {
-                var m;
-                d(a.conn), (m = u.current) == null || m.scrollIntoView({ block: "start", behavior: "smooth" });
+                var c;
+                d(n.conn), (c = u.current) == null || c.scrollIntoView({ block: "start", behavior: "smooth" });
               },
-              onDisconnect: () => x.mutate(a.conn),
-              disconnecting: x.isPending && x.variables === a.conn
+              onDisconnect: () => x.mutate(n.conn),
+              disconnecting: x.isPending && x.variables === n.conn
             },
-            a.conn
+            n.conn
           )) }),
-          v && /* @__PURE__ */ n("p", { className: "mt-3 text-[11.5px] text-slate-500 dark:text-slate-400", children: [
+          N && /* @__PURE__ */ a("p", { className: "mt-3 text-[11.5px] text-slate-500 dark:text-slate-400", children: [
             "Figures cover the last ",
-            ((I = c.data) == null ? void 0 : I.window_days) ?? 14,
+            ((L = m.data) == null ? void 0 : L.window_days) ?? 14,
             " days. A connection left unused for ",
-            v.idle_flag_days,
+            N.idle_flag_days,
             " days is pointed out to you, and disconnected after",
             " ",
-            v.idle_revoke_days,
+            N.idle_revoke_days,
             " days with a week’s notice."
           ] })
         ] })
       }
     ),
     /* @__PURE__ */ t("div", { ref: u, className: "scroll-mt-4", children: /* @__PURE__ */ t(
-      R,
+      A,
       {
         icon: /* @__PURE__ */ t(X, { className: "h-4 w-4" }),
         title: "What my agents did",
         hint: "Every tool call, newest first. Open one to see its changes and undo them.",
         actions: _.length > 2 ? /* @__PURE__ */ t(
-          ie,
+          ce,
           {
             value: l,
             onChange: d,
@@ -427,9 +476,9 @@ function De({ className: e }) {
             ariaLabel: "Show calls from"
           }
         ) : null,
-        children: j ? s.isLoading ? /* @__PURE__ */ t(K, { rows: 5 }) : s.isError ? /* @__PURE__ */ t(y, { children: "The list could not be loaded. Try again in a moment." }) : C.length === 0 ? /* @__PURE__ */ t(y, { children: l ? "This app made no tool calls in the last 14 days." : "Your agents made no tool calls in the last 14 days." }) : /* @__PURE__ */ n("div", { className: "-mx-1 overflow-x-auto", children: [
-          /* @__PURE__ */ n("table", { className: "w-full min-w-[640px] text-left text-[12px]", children: [
-            /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ n("tr", { className: "border-b border-slate-200 text-[11px] font-medium text-slate-500 dark:border-border dark:text-slate-400", children: [
+        children: j ? s.isLoading ? /* @__PURE__ */ t(K, { rows: 5 }) : s.isError ? /* @__PURE__ */ t(k, { children: "The list could not be loaded. Try again in a moment." }) : f.length === 0 ? /* @__PURE__ */ t(k, { children: l ? "This app made no tool calls in the last 14 days." : "Your agents made no tool calls in the last 14 days." }) : /* @__PURE__ */ a("div", { className: "-mx-1 overflow-x-auto", children: [
+          /* @__PURE__ */ a("table", { className: "w-full min-w-[640px] text-left text-[12px]", children: [
+            /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ a("tr", { className: "border-b border-slate-200 text-[11px] font-medium text-slate-500 dark:border-border dark:text-slate-400", children: [
               /* @__PURE__ */ t("th", { className: "w-5" }),
               /* @__PURE__ */ t("th", { className: "py-1.5 pr-3 font-medium", children: "When" }),
               /* @__PURE__ */ t("th", { className: "py-1.5 pr-3 font-medium", children: "App" }),
@@ -438,20 +487,20 @@ function De({ className: e }) {
               /* @__PURE__ */ t("th", { className: "py-1.5 pr-3 font-medium", children: "Result" }),
               /* @__PURE__ */ t("th", { className: "py-1.5 pr-1 text-right font-medium", children: "Answer size" })
             ] }) }),
-            /* @__PURE__ */ t("tbody", { children: C.map((a) => {
-              var m;
+            /* @__PURE__ */ t("tbody", { children: f.map((n) => {
+              var c;
               return /* @__PURE__ */ t(
-                ye,
+                Ne,
                 {
-                  call: a,
-                  onUndo: (B) => o.mutate(B),
-                  undoingId: o.isPending ? ((m = o.variables) == null ? void 0 : m.activity_id) ?? null : null
+                  call: n,
+                  onUndo: (W) => o.mutate(W),
+                  undoingId: o.isPending ? ((c = o.variables) == null ? void 0 : c.activity_id) ?? null : null
                 },
-                a.id
+                n.id
               );
             }) })
           ] }),
-          s.hasNextPage && /* @__PURE__ */ n(
+          s.hasNextPage && /* @__PURE__ */ a(
             "button",
             {
               type: "button",
@@ -459,21 +508,21 @@ function De({ className: e }) {
               disabled: s.isFetchingNextPage,
               className: "mt-3 inline-flex h-7 items-center gap-1.5 rounded-md border border-slate-200 px-3 text-[12px] font-medium text-slate-700 transition-colors hover:bg-muted disabled:opacity-40 dark:border-border dark:text-slate-200",
               children: [
-                s.isFetchingNextPage && /* @__PURE__ */ t(k, { className: "h-3.5 w-3.5 animate-spin" }),
+                s.isFetchingNextPage && /* @__PURE__ */ t(w, { className: "h-3.5 w-3.5 animate-spin" }),
                 "Show older calls"
               ]
             }
           )
-        ] }) : /* @__PURE__ */ t(y, { children: "Tool calls are not recorded on this instance yet — it needs the latest update." })
+        ] }) : /* @__PURE__ */ t(k, { children: "Tool calls are not recorded on this instance yet — it needs the latest update." })
       }
     ) })
   ] });
 }
 export {
-  De as AgentsPanel,
-  pe as CallFigures,
-  me as CallsSparkline,
-  he as IdleNote,
-  ue as KindPill,
+  Ae as AgentsPanel,
+  xe as CallFigures,
+  he as CallsSparkline,
+  fe as IdleNote,
+  be as KindPill,
   T as mcpConnectionsKey
 };