zudoku 0.48.0 → 0.48.2

package/lib/zudoku.plugin-api-keys.js

@@ -1,49 +1,50 @@
 import { j as e } from "./jsx-runtime-C5mzlN2N.js";
-import { CheckIcon as _, XIcon as se, PencilLineIcon as ne, RefreshCwIcon as ie, EyeOffIcon as re, EyeIcon as ae, CopyIcon as oe, TrashIcon as le, KeyRoundIcon as de } from "lucide-react";
-import { D as ce, S as O, R as ue } from "./Slot-BkYrj_uC.js";
-import { i as P } from "./invariant-DAFpPywt.js";
-import { O as fe, L as Q } from "./chunk-DQRVZFIR-BblmKnHy.js";
-import { i as he, k as pe, e as xe, d as me } from "./hook-CHXroBFt.js";
+import { CircleSlashIcon as M, CheckIcon as V, XIcon as ae, PencilLineIcon as oe, RefreshCwIcon as le, EyeOffIcon as ce, EyeIcon as de, CopyIcon as ue, TrashIcon as fe, KeyRoundIcon as he } from "lucide-react";
+import { D as pe, S as B, R as me } from "./Slot-CSEIvwwO.js";
+import { i as D } from "./invariant-DAFpPywt.js";
+import { O as xe, L as J } from "./chunk-DQRVZFIR-BblmKnHy.js";
+import { i as ye, k as ge, e as je, d as ve } from "./hook-CHXroBFt.js";
 import { Button as j } from "./ui/Button.js";
-import { u as z } from "./useMutation-N4ockVKi.js";
-import * as S from "react";
-import ye, { createContext as q, useRef as D, useLayoutEffect as ge, useEffect as B, useId as L, useContext as $, useInsertionEffect as je, useMemo as M, useCallback as Ce, Children as ve, isValidElement as we, useState as E } from "react";
-import { C as ke, a as be } from "./Card-DPhGbYUM.js";
-import { D as U, e as W, a as X, b as Y, c as G, d as J, f as V, g as K } from "./Dialog-BxpuVLh9.js";
-import { Input as Ee } from "./ui/Input.js";
-import { c as R } from "./cn-wvCW-ho6.js";
-const De = () => {
-  const t = he();
-  return t.isAuthEnabled && t.isPending ? null : t.isAuthenticated ? /* @__PURE__ */ e.jsx(fe, {}) : t.isAuthEnabled ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col justify-center gap-2 items-center h-1/2", children: [
+import { u as S } from "./useMutation-N4ockVKi.js";
+import * as F from "react";
+import Ce, { createContext as O, useRef as P, useLayoutEffect as we, useEffect as W, useId as Q, useContext as _, useInsertionEffect as ke, useMemo as $, useCallback as be, Children as Ee, isValidElement as Ne, useState as E } from "react";
+import { c as Pe } from "./index-DI5SPFK9.js";
+import { c as N } from "./cn-wvCW-ho6.js";
+import { C as De, a as Ie } from "./Card-DPhGbYUM.js";
+import { D as X, e as Y, a as G, b as Z, c as ee, d as te, f as se, g as A } from "./Dialog-BxpuVLh9.js";
+import { Input as Ke } from "./ui/Input.js";
+const Re = () => {
+  const t = ye();
+  return t.isAuthEnabled && t.isPending ? null : t.isAuthenticated ? /* @__PURE__ */ e.jsx(xe, {}) : t.isAuthEnabled ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col justify-center gap-2 items-center h-1/2", children: [
     "Please login first to view this page",
     /* @__PURE__ */ e.jsx(j, { onClick: () => t.login(), children: "Login" })
-  ] }) : /* @__PURE__ */ e.jsx("div", { className: "flex flex-col justify-center gap-2 items-center h-1/2", children: /* @__PURE__ */ e.jsxs(ce, { className: "max-w-[600px]", children: [
+  ] }) : /* @__PURE__ */ e.jsx("div", { className: "flex flex-col justify-center gap-2 items-center h-1/2", children: /* @__PURE__ */ e.jsxs(pe, { className: "max-w-[600px]", children: [
     "Authentication needs to be enabled for API keys to work. Enable it in your Zudoku configuration under ",
     /* @__PURE__ */ e.jsx("code", { children: "authentication" }),
     "."
   ] }) });
-}, Pe = q({});
-function Z(t) {
-  const i = D(null);
+}, Ae = O({});
+function ne(t) {
+  const i = P(null);
   return i.current === null && (i.current = t()), i.current;
 }
-const Ne = typeof window < "u", Ie = Ne ? ge : B, ee = /* @__PURE__ */ q(null);
-function Ke(t) {
+const Te = typeof window < "u", ze = Te ? we : W, ie = /* @__PURE__ */ O(null);
+function Me(t) {
   return typeof t == "object" && t !== null;
 }
-function Re(t) {
-  return Ke(t) && "offsetHeight" in t;
+function Se(t) {
+  return Me(t) && "offsetHeight" in t;
 }
-const Ae = q({
+const qe = O({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
 });
-class Te extends S.Component {
+class Le extends F.Component {
   getSnapshotBeforeUpdate(i) {
     const s = this.props.childRef.current;
     if (s && i.isPresent && !this.props.isPresent) {
-      const n = s.offsetParent, o = Re(n) && n.offsetWidth || 0, r = this.props.sizeRef.current;
+      const n = s.offsetParent, o = Se(n) && n.offsetWidth || 0, r = this.props.sizeRef.current;
       r.height = s.offsetHeight || 0, r.width = s.offsetWidth || 0, r.top = s.offsetTop, r.left = s.offsetLeft, r.right = o - r.width - r.left;
     }
     return null;
@@ -57,223 +58,277 @@ class Te extends S.Component {
     return this.props.children;
   }
 }
-function ze({ children: t, isPresent: i, anchorX: s }) {
-  const n = L(), o = D(null), r = D({
+function $e({ children: t, isPresent: i, anchorX: s }) {
+  const n = Q(), o = P(null), r = P({
     width: 0,
     height: 0,
     top: 0,
     left: 0,
     right: 0
-  }), { nonce: u } = $(Ae);
-  return je(() => {
-    const { width: m, height: f, top: x, left: c, right: d } = r.current;
-    if (i || !o.current || !m || !f)
+  }), { nonce: u } = _(qe);
+  return ke(() => {
+    const { width: x, height: f, top: h, left: d, right: l } = r.current;
+    if (i || !o.current || !x || !f)
       return;
-    const y = s === "left" ? `left: ${c}` : `right: ${d}`;
+    const y = s === "left" ? `left: ${d}` : `right: ${l}`;
     o.current.dataset.motionPopId = n;
-    const h = document.createElement("style");
-    return u && (h.nonce = u), document.head.appendChild(h), h.sheet && h.sheet.insertRule(`
+    const p = document.createElement("style");
+    return u && (p.nonce = u), document.head.appendChild(p), p.sheet && p.sheet.insertRule(`
           [data-motion-pop-id="${n}"] {
             position: absolute !important;
-            width: ${m}px !important;
+            width: ${x}px !important;
             height: ${f}px !important;
             ${y}px !important;
-            top: ${x}px !important;
+            top: ${h}px !important;
           }
         `), () => {
-      document.head.contains(h) && document.head.removeChild(h);
+      document.head.contains(p) && document.head.removeChild(p);
     };
-  }, [i]), e.jsx(Te, { isPresent: i, childRef: o, sizeRef: r, children: S.cloneElement(t, { ref: o }) });
+  }, [i]), e.jsx(Le, { isPresent: i, childRef: o, sizeRef: r, children: F.cloneElement(t, { ref: o }) });
 }
-const Me = ({ children: t, initial: i, isPresent: s, onExitComplete: n, custom: o, presenceAffectsLayout: r, mode: u, anchorX: m }) => {
-  const f = Z(Se), x = L();
-  let c = !0, d = M(() => (c = !1, {
-    id: x,
+const Fe = ({ children: t, initial: i, isPresent: s, onExitComplete: n, custom: o, presenceAffectsLayout: r, mode: u, anchorX: x }) => {
+  const f = ne(Oe), h = Q();
+  let d = !0, l = $(() => (d = !1, {
+    id: h,
     initial: i,
     isPresent: s,
     custom: o,
     onExitComplete: (y) => {
       f.set(y, !0);
-      for (const h of f.values())
-        if (!h)
+      for (const p of f.values())
+        if (!p)
           return;
       n && n();
     },
     register: (y) => (f.set(y, !1), () => f.delete(y))
   }), [s, f, n]);
-  return r && c && (d = { ...d }), M(() => {
-    f.forEach((y, h) => f.set(h, !1));
-  }, [s]), S.useEffect(() => {
+  return r && d && (l = { ...l }), $(() => {
+    f.forEach((y, p) => f.set(p, !1));
+  }, [s]), F.useEffect(() => {
     !s && !f.size && n && n();
-  }, [s]), u === "popLayout" && (t = e.jsx(ze, { isPresent: s, anchorX: m, children: t })), e.jsx(ee.Provider, { value: d, children: t });
+  }, [s]), u === "popLayout" && (t = e.jsx($e, { isPresent: s, anchorX: x, children: t })), e.jsx(ie.Provider, { value: l, children: t });
 };
-function Se() {
+function Oe() {
   return /* @__PURE__ */ new Map();
 }
-function qe(t = !0) {
-  const i = $(ee);
+function Qe(t = !0) {
+  const i = _(ie);
   if (i === null)
     return [!0, null];
-  const { isPresent: s, onExitComplete: n, register: o } = i, r = L();
-  B(() => {
+  const { isPresent: s, onExitComplete: n, register: o } = i, r = Q();
+  W(() => {
     if (t)
       return o(r);
   }, [t]);
-  const u = Ce(() => t && n && n(r), [r, n, t]);
+  const u = be(() => t && n && n(r), [r, n, t]);
   return !s && n ? [!1, u] : [!0];
 }
-const N = (t) => t.key || "";
-function H(t) {
+const I = (t) => t.key || "";
+function U(t) {
   const i = [];
-  return ve.forEach(t, (s) => {
-    we(s) && i.push(s);
+  return Ee.forEach(t, (s) => {
+    Ne(s) && i.push(s);
   }), i;
 }
-const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presenceAffectsLayout: o = !0, mode: r = "sync", propagate: u = !1, anchorX: m = "left" }) => {
-  const [f, x] = qe(u), c = M(() => H(t), [t]), d = u && !f ? [] : c.map(N), y = D(!0), h = D(c), k = Z(() => /* @__PURE__ */ new Map()), [a, l] = E(c), [p, v] = E(c);
-  Ie(() => {
-    y.current = !1, h.current = c;
-    for (let w = 0; w < p.length; w++) {
-      const g = N(p[w]);
-      d.includes(g) ? k.delete(g) : k.get(g) !== !0 && k.set(g, !1);
+const _e = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presenceAffectsLayout: o = !0, mode: r = "sync", propagate: u = !1, anchorX: x = "left" }) => {
+  const [f, h] = Qe(u), d = $(() => U(t), [t]), l = u && !f ? [] : d.map(I), y = P(!0), p = P(d), k = ne(() => /* @__PURE__ */ new Map()), [a, c] = E(d), [m, C] = E(d);
+  ze(() => {
+    y.current = !1, p.current = d;
+    for (let w = 0; w < m.length; w++) {
+      const g = I(m[w]);
+      l.includes(g) ? k.delete(g) : k.get(g) !== !0 && k.set(g, !1);
     }
-  }, [p, d.length, d.join("-")]);
-  const C = [];
-  if (c !== a) {
-    let w = [...c];
-    for (let g = 0; g < p.length; g++) {
-      const b = p[g], T = N(b);
-      d.includes(T) || (w.splice(g, 0, b), C.push(b));
+  }, [m, l.length, l.join("-")]);
+  const v = [];
+  if (d !== a) {
+    let w = [...d];
+    for (let g = 0; g < m.length; g++) {
+      const b = m[g], z = I(b);
+      l.includes(z) || (w.splice(g, 0, b), v.push(b));
     }
-    return r === "wait" && C.length && (w = C), v(H(w)), l(c), null;
+    return r === "wait" && v.length && (w = v), C(U(w)), c(d), null;
   }
-  process.env.NODE_ENV !== "production" && r === "wait" && p.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
-  const { forceRender: A } = $(Pe);
-  return e.jsx(e.Fragment, { children: p.map((w) => {
-    const g = N(w), b = u && !f ? !1 : c === p || d.includes(g), T = () => {
+  process.env.NODE_ENV !== "production" && r === "wait" && m.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
+  const { forceRender: T } = _(Ae);
+  return e.jsx(e.Fragment, { children: m.map((w) => {
+    const g = I(w), b = u && !f ? !1 : d === m || l.includes(g), z = () => {
       if (k.has(g))
         k.set(g, !0);
       else
         return;
-      let F = !0;
-      k.forEach((te) => {
-        te || (F = !1);
-      }), F && (A?.(), v(h.current), u && x?.(), n && n());
+      let H = !0;
+      k.forEach((re) => {
+        re || (H = !1);
+      }), H && (T?.(), C(p.current), u && h?.(), n && n());
     };
-    return e.jsx(Me, { isPresent: b, initial: !y.current || s ? void 0 : !1, custom: i, presenceAffectsLayout: o, mode: r, onExitComplete: b ? void 0 : T, anchorX: m, children: w }, g);
+    return e.jsx(Fe, { isPresent: b, initial: !y.current || s ? void 0 : !1, custom: i, presenceAffectsLayout: o, mode: r, onExitComplete: b ? void 0 : z, anchorX: x, children: w }, g);
   }) });
-}, $e = ({ service: t }) => {
-  const i = pe(), s = xe(), [n, o] = E(
+}, He = Pe(
+  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  {
+    variants: {
+      variant: {
+        default: "bg-card text-card-foreground",
+        destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function q({
+  className: t,
+  variant: i,
+  ...s
+}) {
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: N(He({ variant: i }), t),
+      ...s
+    }
+  );
+}
+function L({ className: t, ...i }) {
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: N(
+        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
+        t
+      ),
+      ...i
+    }
+  );
+}
+const Be = ({ service: t }) => {
+  const i = ge(), s = je(), [n, o] = E(
     null
-  ), [r, u] = E(""), { data: m, isFetching: f } = me({
+  ), [r, u] = E(""), { data: x, isFetching: f } = ve({
     queryFn: () => t.getConsumers(i),
     queryKey: ["api-keys"],
     retry: !1
-  }), x = z({
+  }), h = S({
     mutationFn: ({
       consumerId: a,
-      keyId: l
+      keyId: c
     }) => {
       if (!t.deleteKey)
         throw new Error("deleteKey not implemented");
-      return t.deleteKey(a, l, i);
+      return t.deleteKey(a, c, i);
     },
-    onMutate: async ({ consumerId: a, keyId: l }) => {
+    onMutate: async ({ consumerId: a, keyId: c }) => {
       await s.cancelQueries({ queryKey: ["api-keys"] });
-      const p = s.getQueryData([
+      const m = s.getQueryData([
         "api-keys"
       ]);
-      return s.setQueryData(["api-keys"], (v) => v && v.map((C) => C.id === a ? {
-        ...C,
-        apiKeys: C.apiKeys.filter((A) => A.id !== l)
-      } : C)), { previousData: p };
+      return s.setQueryData(["api-keys"], (C) => C && C.map((v) => v.id === a ? {
+        ...v,
+        apiKeys: v.apiKeys.filter((T) => T.id !== c)
+      } : v)), { previousData: m };
     },
-    onError: (a, l, p) => {
-      p?.previousData && s.setQueryData(["api-keys"], p.previousData);
+    onError: (a, c, m) => {
+      m?.previousData && s.setQueryData(["api-keys"], m.previousData);
     },
     onSuccess: () => {
       s.invalidateQueries({ queryKey: ["api-keys"] });
     }
-  }), c = z({
+  }), d = S({
     mutationFn: ({
       consumerId: a,
-      label: l
+      label: c
     }) => {
       if (!t.updateConsumer)
         throw new Error("updateConsumer not implemented");
-      return t.updateConsumer({ id: a, label: l }, i);
+      return t.updateConsumer({ id: a, label: c }, i);
     },
-    onMutate: async ({ consumerId: a, label: l }) => {
+    onMutate: async ({ consumerId: a, label: c }) => {
       await s.cancelQueries({ queryKey: ["api-keys"] });
-      const p = s.getQueryData(["api-keys"]);
-      return s.setQueryData(["api-keys"], (v) => v && v.map((C) => C.id === a ? {
-        ...C,
-        label: l
-      } : C)), { previousData: p };
+      const m = s.getQueryData(["api-keys"]);
+      return s.setQueryData(["api-keys"], (C) => C && C.map((v) => v.id === a ? {
+        ...v,
+        label: c
+      } : v)), { previousData: m };
     },
-    onError: (a, l, p) => {
-      p?.previousData && s.setQueryData(["api-keys"], p.previousData);
+    onError: (a, c, m) => {
+      m?.previousData && s.setQueryData(["api-keys"], m.previousData);
     },
     onSuccess: () => {
       s.invalidateQueries({ queryKey: ["api-keys"] });
     }
-  }), d = z({
+  }), l = S({
     mutationFn: (a) => {
       if (!t.rollKey)
         throw new Error("rollKey not implemented");
       return t.rollKey(a, i);
     },
     onSuccess: () => s.invalidateQueries({ queryKey: ["api-keys"] })
-  }), y = (a, l) => {
-    o(a), u(l);
-  }, h = (a) => {
-    r.trim() && c.mutate({
+  }), y = (a, c) => {
+    o(a), u(c);
+  }, p = (a) => {
+    r.trim() && d.mutate({
       consumerId: a,
       label: r.trim()
     }), o(null), u("");
   }, k = () => {
     o(null), u("");
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: "max-w-screen-lg h-full pt-(--padding-content-top) pb-(--padding-content-bottom)", children: [
-    /* @__PURE__ */ e.jsx(O.Target, { name: "api-keys-list-page" }),
+  return /* @__PURE__ */ e.jsxs("div", { className: "max-w-screen-md h-full pt-(--padding-content-top) pb-(--padding-content-bottom)", children: [
+    /* @__PURE__ */ e.jsx(B.Target, { name: "api-keys-list-page" }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between pb-3", children: [
       /* @__PURE__ */ e.jsx("h1", { className: "font-medium text-2xl", children: "API Keys" }),
-      t.createKey && /* @__PURE__ */ e.jsx(j, { asChild: !0, children: /* @__PURE__ */ e.jsx(Q, { to: "/settings/api-keys/new", children: "Create API Key" }) })
+      t.createKey && /* @__PURE__ */ e.jsx(j, { asChild: !0, children: /* @__PURE__ */ e.jsx(J, { to: "/settings/api-keys/new", children: "Create API Key" }) })
     ] }),
     /* @__PURE__ */ e.jsx("p", { children: "Create, manage, and monitor your API keys" }),
-    /* @__PURE__ */ e.jsx(O.Target, { name: "api-keys-list-page-before-keys" }),
+    /* @__PURE__ */ e.jsx(B.Target, { name: "api-keys-list-page-before-keys" }),
     /* @__PURE__ */ e.jsx("div", { className: "h-8" }),
-    /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-8", children: m.length === 0 ? /* @__PURE__ */ e.jsxs("div", { className: "flex col-span-full flex-col justify-center gap-4 items-center p-8 border rounded-sm bg-muted/30 text-muted-foreground", children: [
+    l.isError && /* @__PURE__ */ e.jsxs(q, { variant: "destructive", className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx(M, { size: 16 }),
+      /* @__PURE__ */ e.jsx(L, { children: l.error.message })
+    ] }),
+    d.isError && /* @__PURE__ */ e.jsxs(q, { variant: "destructive", className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx(M, { size: 16 }),
+      /* @__PURE__ */ e.jsx(L, { children: d.error.message })
+    ] }),
+    h.isError && /* @__PURE__ */ e.jsxs(q, { variant: "destructive", className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx(M, { size: 16 }),
+      /* @__PURE__ */ e.jsx(L, { children: h.error.message })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "", children: x.length === 0 ? /* @__PURE__ */ e.jsxs("div", { className: "flex col-span-full flex-col justify-center gap-4 items-center p-8 border rounded-sm bg-muted/30 text-muted-foreground", children: [
       /* @__PURE__ */ e.jsxs("p", { className: "text-center", children: [
         "You have no API keys yet.",
         /* @__PURE__ */ e.jsx("br", {}),
         t.createKey && "Get started and create your first key."
       ] }),
-      t.createKey && /* @__PURE__ */ e.jsx(j, { asChild: !0, variant: "outline", children: /* @__PURE__ */ e.jsx(Q, { to: "/settings/api-keys/new", children: "Create API Key" }) })
+      t.createKey && /* @__PURE__ */ e.jsx(j, { asChild: !0, variant: "outline", children: /* @__PURE__ */ e.jsx(J, { to: "/settings/api-keys/new", children: "Create API Key" }) })
     ] }) : /* @__PURE__ */ e.jsx(
       "ul",
       {
-        className: R(
+        className: N(
           "grid grid-cols-1 divide-y divide-border col-span-6",
           "lg:grid-cols-[1fr_min-content]"
         ),
-        children: m.map((a) => /* @__PURE__ */ e.jsxs(
-          ke,
+        children: x.map((a) => /* @__PURE__ */ e.jsxs(
+          De,
           {
             className: "grid grid-cols-subgrid col-span-full items-center mb-4 group",
             children: [
-              /* @__PURE__ */ e.jsxs(be, { className: "border-b col-span-full grid-cols-subgrid grid", children: [
+              /* @__PURE__ */ e.jsxs(Ie, { className: "border-b col-span-full grid-cols-subgrid grid", children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "h-10 flex flex-col text-sm justify-center", children: [
                   /* @__PURE__ */ e.jsxs("div", { className: "font-medium text-lg flex items-center gap-2", children: [
                     n === a.id ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 w-full", children: [
                       /* @__PURE__ */ e.jsx(
-                        Ee,
+                        Ke,
                         {
                           maxLength: 32,
                           value: r,
-                          onChange: (l) => u(l.target.value),
-                          onKeyDown: (l) => {
-                            l.key === "Enter" ? h(a.id) : l.key === "Escape" && k();
+                          onChange: (c) => u(c.target.value),
+                          onKeyDown: (c) => {
+                            c.key === "Enter" ? p(a.id) : c.key === "Escape" && k();
                           },
                           className: "text-lg font-medium",
                           autoFocus: !0
@@ -285,9 +340,9 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
                           {
                             size: "icon",
                             variant: "ghost",
-                            onClick: () => h(a.id),
+                            onClick: () => p(a.id),
                             disabled: !r.trim(),
-                            children: /* @__PURE__ */ e.jsx(_, { size: 16 })
+                            children: /* @__PURE__ */ e.jsx(V, { size: 16 })
                           }
                         ),
                         /* @__PURE__ */ e.jsx(
@@ -296,7 +351,7 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
                             size: "icon",
                             variant: "ghost",
                             onClick: k,
-                            children: /* @__PURE__ */ e.jsx(se, { size: 16 })
+                            children: /* @__PURE__ */ e.jsx(ae, { size: 16 })
                           }
                         )
                       ] })
@@ -322,49 +377,49 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
                     {
                       variant: "ghost",
                       onClick: () => y(a.id, a.label),
-                      className: R(
+                      className: N(
                         "flex gap-2",
                         n === a.id && "opacity-0! pointer-events-none"
                       ),
                       disabled: n === a.id,
                       children: [
-                        /* @__PURE__ */ e.jsx(ne, { size: 16 }),
+                        /* @__PURE__ */ e.jsx(oe, { size: 16 }),
                         "Edit label"
                       ]
                     }
                   ),
-                  t.rollKey && /* @__PURE__ */ e.jsxs(U, { children: [
-                    /* @__PURE__ */ e.jsx(W, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+                  t.rollKey && /* @__PURE__ */ e.jsxs(X, { children: [
+                    /* @__PURE__ */ e.jsx(Y, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
                       j,
                       {
                         title: "Roll this key",
                         variant: "ghost",
-                        disabled: d.isPending,
+                        disabled: l.isPending,
                         className: "flex items-center gap-2",
                         children: [
                           /* @__PURE__ */ e.jsx(
-                            ie,
+                            le,
                             {
                               size: 16,
-                              className: d.isPending ? "animate-spin" : void 0
+                              className: l.isPending ? "animate-spin" : void 0
                             }
                           ),
                           "Roll key"
                         ]
                       }
                     ) }),
-                    /* @__PURE__ */ e.jsxs(X, { children: [
-                      /* @__PURE__ */ e.jsxs(Y, { children: [
-                        /* @__PURE__ */ e.jsx(G, { children: "Roll API Key" }),
-                        /* @__PURE__ */ e.jsx(J, { children: "Are you sure you want to roll this API key?" })
+                    /* @__PURE__ */ e.jsxs(G, { children: [
+                      /* @__PURE__ */ e.jsxs(Z, { children: [
+                        /* @__PURE__ */ e.jsx(ee, { children: "Roll API Key" }),
+                        /* @__PURE__ */ e.jsx(te, { children: "Are you sure you want to roll this API key?" })
                       ] }),
-                      /* @__PURE__ */ e.jsxs(V, { children: [
-                        /* @__PURE__ */ e.jsx(K, { asChild: !0, children: /* @__PURE__ */ e.jsx(j, { variant: "outline", children: "Cancel" }) }),
-                        /* @__PURE__ */ e.jsx(K, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+                      /* @__PURE__ */ e.jsxs(se, { children: [
+                        /* @__PURE__ */ e.jsx(A, { asChild: !0, children: /* @__PURE__ */ e.jsx(j, { variant: "outline", children: "Cancel" }) }),
+                        /* @__PURE__ */ e.jsx(A, { asChild: !0, children: /* @__PURE__ */ e.jsx(
                           j,
                           {
                             onClick: () => {
-                              d.mutate(a.id);
+                              l.mutate(a.id);
                             },
                             children: "Roll Key"
                           }
@@ -374,22 +429,22 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ e.jsx("div", { className: "col-span-full grid-cols-subgrid grid", children: /* @__PURE__ */ e.jsx(Le, { children: a.apiKeys.map((l) => /* @__PURE__ */ e.jsxs(ye.Fragment, { children: [
+              /* @__PURE__ */ e.jsx("div", { className: "col-span-full grid-cols-subgrid grid", children: /* @__PURE__ */ e.jsx(_e, { children: a.apiKeys.map((c) => /* @__PURE__ */ e.jsxs(Ce.Fragment, { children: [
                 /* @__PURE__ */ e.jsx(
-                  Oe,
+                  Ue,
                   {
-                    apiKey: l,
+                    apiKey: c,
                     onDeleteKey: () => {
-                      x.mutate({
+                      h.mutate({
                         consumerId: a.id,
-                        keyId: l.id
+                        keyId: c.id
                       });
                     },
-                    className: x.variables?.keyId === l.id && (x.isPending || f) ? "opacity-10!" : void 0
+                    className: h.variables?.keyId === c.id && (h.isPending || f) ? "opacity-10!" : void 0
                   }
                 ),
                 /* @__PURE__ */ e.jsx("div", { className: "col-span-full h-px bg-border" })
-              ] }, l.id)) }) })
+              ] }, c.id)) }) })
             ]
           },
           a.id
@@ -397,42 +452,42 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
       }
     ) })
   ] });
-}, Fe = (t) => {
+}, Je = (t) => {
   const i = /* @__PURE__ */ new Date(), s = new Date(t), n = Math.floor((i.getTime() - s.getTime()) / 1e3), o = new Intl.RelativeTimeFormat("en", { numeric: "auto" });
   return n < 60 ? o.format(-n, "second") : n < 3600 ? o.format(-Math.floor(n / 60), "minute") : n < 86400 ? o.format(-Math.floor(n / 3600), "hour") : n < 2592e3 ? o.format(-Math.floor(n / 86400), "day") : n < 31536e3 ? o.format(-Math.floor(n / 2592e3), "month") : o.format(-Math.floor(n / 31536e3), "year");
-}, Oe = ({
+}, Ue = ({
   apiKey: t,
   onDeleteKey: i,
   className: s
 }) => {
-  const [n, o] = E(!1), [r, u] = E(!1), { key: m, createdOn: f, expiresOn: x } = t, c = x && new Date(x) < /* @__PURE__ */ new Date(), d = x ? Math.ceil(
-    (new Date(x).getTime() - (/* @__PURE__ */ new Date()).getTime()) / (1e3 * 60 * 60 * 24)
-  ) : 1 / 0, y = d <= 7 && !c;
-  return /* @__PURE__ */ e.jsxs("div", { className: R("grid col-span-full grid-cols-subgrid p-6", s), children: [
+  const [n, o] = E(!1), [r, u] = E(!1), { key: x, createdOn: f, expiresOn: h } = t, d = h && new Date(h) < /* @__PURE__ */ new Date(), l = h ? Math.ceil(
+    (new Date(h).getTime() - (/* @__PURE__ */ new Date()).getTime()) / (1e3 * 60 * 60 * 24)
+  ) : 1 / 0, y = l <= 7 && !d;
+  return /* @__PURE__ */ e.jsxs("div", { className: N("grid col-span-full grid-cols-subgrid p-6", s), children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-center text-sm border rounded-md w-fit px-1", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "font-mono truncate h-9 items-center flex px-2 text-xs gap-2", children: [
           /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: R(
+              className: N(
                 "rounded-full w-2 h-2 bg-emerald-400 mr-2",
-                (y || c) && "bg-neutral-200"
+                (y || d) && "bg-neutral-200"
               )
             }
           ),
           /* @__PURE__ */ e.jsxs("span", { children: [
-            /* @__PURE__ */ e.jsx("span", { className: n ? "" : "opacity-20", children: n ? m.slice(0, -5) : "**** ".repeat(m.slice(0, -5).length / 5) + "*".repeat(m.slice(0, -5).length % 5) }),
-            /* @__PURE__ */ e.jsx("span", { children: m.slice(-5) })
+            /* @__PURE__ */ e.jsx("span", { className: n ? "" : "opacity-20", children: n ? x.slice(0, -5) : "**** ".repeat(x.slice(0, -5).length / 5) + "*".repeat(x.slice(0, -5).length % 5) }),
+            /* @__PURE__ */ e.jsx("span", { children: x.slice(-5) })
           ] })
         ] }),
         /* @__PURE__ */ e.jsx(
           j,
           {
             variant: "ghost",
-            onClick: () => o((h) => !h),
+            onClick: () => o((p) => !p),
             size: "icon",
-            children: n ? /* @__PURE__ */ e.jsx(re, { size: 16 }) : /* @__PURE__ */ e.jsx(ae, { size: 16 })
+            children: n ? /* @__PURE__ */ e.jsx(ce, { size: 16 }) : /* @__PURE__ */ e.jsx(de, { size: 16 })
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -440,46 +495,46 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
           {
             variant: "ghost",
             onClick: () => {
-              navigator.clipboard.writeText(m).then(() => {
+              navigator.clipboard.writeText(x).then(() => {
                 u(!0), setTimeout(() => u(!1), 2e3);
               });
             },
             size: "icon",
-            children: r ? /* @__PURE__ */ e.jsx(_, { size: 16 }) : /* @__PURE__ */ e.jsx(oe, { size: 16 })
+            children: r ? /* @__PURE__ */ e.jsx(V, { size: 16 }) : /* @__PURE__ */ e.jsx(ue, { size: 16 })
           }
         )
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1 mt-0.5 text-nowrap", children: [
         f && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-muted-foreground", children: [
           "Created ",
-          Fe(f),
+          Je(f),
           "."
         ] }),
         " ",
-        x && y && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-primary", children: [
+        h && y && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-primary", children: [
           "Expires in ",
-          d,
+          l,
           " ",
-          d === 1 ? "day" : "days",
+          l === 1 ? "day" : "days",
           "."
         ] }),
-        x && c && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-primary", children: [
+        h && d && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-primary", children: [
           "Expired",
           " ",
-          d === 0 ? "today." : `${d * -1} days ago.`
+          l === 0 ? "today." : `${l * -1} days ago.`
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex justify-end", children: x && i && /* @__PURE__ */ e.jsxs(U, { children: [
-      /* @__PURE__ */ e.jsx(W, { asChild: !0, children: /* @__PURE__ */ e.jsx(j, { variant: "ghost", size: "icon", children: /* @__PURE__ */ e.jsx(le, { size: 16 }) }) }),
-      /* @__PURE__ */ e.jsxs(X, { children: [
-        /* @__PURE__ */ e.jsxs(Y, { children: [
-          /* @__PURE__ */ e.jsx(G, { children: "Delete API Key" }),
-          /* @__PURE__ */ e.jsx(J, { children: "Are you sure you want to delete this API key?" })
+    /* @__PURE__ */ e.jsx("div", { className: "flex justify-end", children: h && i && /* @__PURE__ */ e.jsxs(X, { children: [
+      /* @__PURE__ */ e.jsx(Y, { asChild: !0, children: /* @__PURE__ */ e.jsx(j, { variant: "ghost", size: "icon", children: /* @__PURE__ */ e.jsx(fe, { size: 16 }) }) }),
+      /* @__PURE__ */ e.jsxs(G, { children: [
+        /* @__PURE__ */ e.jsxs(Z, { children: [
+          /* @__PURE__ */ e.jsx(ee, { children: "Delete API Key" }),
+          /* @__PURE__ */ e.jsx(te, { children: "Are you sure you want to delete this API key?" })
         ] }),
-        /* @__PURE__ */ e.jsxs(V, { children: [
-          /* @__PURE__ */ e.jsx(K, { asChild: !0, children: /* @__PURE__ */ e.jsx(j, { variant: "outline", children: "Cancel" }) }),
-          /* @__PURE__ */ e.jsx(K, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e.jsxs(se, { children: [
+          /* @__PURE__ */ e.jsx(A, { asChild: !0, children: /* @__PURE__ */ e.jsx(j, { variant: "outline", children: "Cancel" }) }),
+          /* @__PURE__ */ e.jsx(A, { asChild: !0, children: /* @__PURE__ */ e.jsx(
             j,
             {
               onClick: () => {
@@ -492,23 +547,36 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
       ] })
     ] }) })
   ] });
-}, I = "https://api.zuploedge.com/v2/client", Qe = (t) => ({
+}, K = "https://api.zuploedge.com/v2/client", Ve = async (t) => {
+  try {
+    return await t.json();
+  } catch {
+    return;
+  }
+}, R = async (t) => {
+  const i = t.headers.get("content-type");
+  if (!t.ok && i?.includes("application/problem+json")) {
+    const s = await Ve(t);
+    if (s.type && s.title)
+      throw new Error(s.detail ?? s.title);
+  }
+}, We = (t) => ({
   deleteKey: async (i, s, n) => {
     const o = new Request(
-      I + `/${t}/consumers/${i}/keys/${s}`,
+      K + `/${t}/consumers/${i}/keys/${s}`,
       {
         method: "DELETE"
       }
     );
     await n.signRequest(o);
     const r = await fetch(o);
-    P(r.ok, "Failed to delete API key");
+    await R(r), D(r.ok, "Failed to delete API key");
   },
   updateConsumer: async (i, s) => {
     const n = await fetch(
       await s.signRequest(
         new Request(
-          I + `/${t}/consumers/${i.id}`,
+          K + `/${t}/consumers/${i.id}`,
           {
             method: "PATCH",
             headers: {
@@ -521,13 +589,13 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
         )
       )
     );
-    P(n.ok, "Failed to update API key description");
+    await R(n), D(n.ok, "Failed to update API key description");
   },
   rollKey: async (i, s) => {
     const n = await fetch(
       await s.signRequest(
         new Request(
-          I + `/${t}/consumers/${i}/roll-key`,
+          K + `/${t}/consumers/${i}/roll-key`,
           {
             method: "POST",
             headers: {
@@ -538,30 +606,30 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
         )
       )
     );
-    P(n.ok, "Failed to delete API key");
+    await R(n), D(n.ok, "Failed to delete API key");
   },
   getConsumers: async (i) => {
     const s = new Request(
-      I + `/${t}/consumers`
+      K + `/${t}/consumers`
     );
     await i.signRequest(s);
     const n = await fetch(s);
-    return P(n.ok, "Failed to fetch API keys"), (await n.json()).data.map((r) => ({
+    return await R(n), D(n.ok, "Failed to fetch API keys"), (await n.json()).data.map((r) => ({
       id: r.id,
-      label: r.label || "API Key",
+      label: r.label ?? r.subject ?? "API Key",
       apiKeys: r.apiKeys.data,
       key: r.apiKeys.data.at(0)
     }));
   }
-}), st = (t) => t, nt = (t) => {
-  const i = "deploymentName" in t ? Qe(t.deploymentName) : t;
+}), dt = (t) => t, ut = (t) => {
+  const i = "deploymentName" in t ? We(t.deploymentName) : t;
   return {
     getProfileMenuItems: () => [
       {
         label: "API Keys",
         path: "/settings/api-keys",
         category: "middle",
-        icon: de
+        icon: he
       }
     ],
     getIdentities: async (s) => {
@@ -572,7 +640,7 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
             `Bearer ${o.apiKeys.at(0)?.key}`
           ), r),
           id: o.id,
-          label: o.description ?? o.id
+          label: o.label
         }));
       } catch {
         return [];
@@ -580,12 +648,12 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
     },
     getRoutes: () => [
       {
-        element: /* @__PURE__ */ e.jsx(De, {}),
-        errorElement: /* @__PURE__ */ e.jsx(ue, {}),
+        element: /* @__PURE__ */ e.jsx(Re, {}),
+        errorElement: /* @__PURE__ */ e.jsx(me, {}),
         children: [
           {
             path: "/settings/api-keys",
-            element: /* @__PURE__ */ e.jsx($e, { service: i })
+            element: /* @__PURE__ */ e.jsx(Be, { service: i })
           }
           // {
           //   path: "/settings/api-keys/new",
@@ -597,7 +665,7 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
   };
 };
 export {
-  nt as apiKeyPlugin,
-  st as createApiKeyService
+  ut as apiKeyPlugin,
+  dt as createApiKeyService
 };
 //# sourceMappingURL=zudoku.plugin-api-keys.js.map