@danxbot/ui 20.4.2 → 20.4.3

package/dist/index.js

@@ -50983,50 +50983,53 @@ function e7({
 function t7({
   apiKey: e,
   busy: t,
-  onRevokeGrant: n
+  onRevokeGrant: n,
+  renderName: r,
+  renderStatus: o
 }) {
-  const r = e.grants ?? [];
+  const s = e.grants ?? [], i = o?.(e);
   return /* @__PURE__ */ R("div", { className: "flex min-w-0 flex-col gap-2", children: [
-    /* @__PURE__ */ u(tf, { primary: e.name, secondary: `Created ${xr(e.createdAt)}` }),
-    r.length > 0 && /* @__PURE__ */ u("ul", { "aria-label": `Permissions added to ${e.name}`, className: "flex min-w-0 flex-col gap-1.5", children: r.map((o) => /* @__PURE__ */ u(e7, { apiKey: e, grant: o, busy: t, onRevokeGrant: n }, o.id)) })
+    /* @__PURE__ */ u(tf, { primary: r?.(e) ?? e.name, secondary: `Created ${xr(e.createdAt)}` }),
+    i,
+    s.length > 0 && /* @__PURE__ */ u("ul", { "aria-label": `Permissions added to ${e.name}`, className: "flex min-w-0 flex-col gap-1.5", children: s.map((a) => /* @__PURE__ */ u(e7, { apiKey: e, grant: a, busy: t, onRevokeGrant: n }, a.id)) })
   ] });
 }
-function n7(e, t, n, r) {
+function n7(e, t, n, r, o, s) {
   return [
     {
       id: "key",
       header: "Key",
-      accessorFn: (o) => o.name,
-      cell: ({ row: o }) => /* @__PURE__ */ u(t7, { apiKey: o.original, busy: e === o.original.id, onRevokeGrant: r })
+      accessorFn: (i) => i.name,
+      cell: ({ row: i }) => /* @__PURE__ */ u(t7, { apiKey: i.original, busy: e === i.original.id, onRevokeGrant: r, renderName: o, renderStatus: s })
     },
     {
       id: "role",
       header: "Role",
-      accessorFn: (o) => o.roleLabel,
-      cell: ({ row: o }) => /* @__PURE__ */ u(Q9, { apiKey: o.original, busy: e === o.original.id, editor: n })
+      accessorFn: (i) => i.roleLabel,
+      cell: ({ row: i }) => /* @__PURE__ */ u(Q9, { apiKey: i.original, busy: e === i.original.id, editor: n })
     },
     {
       id: "lastUsed",
       header: "Last used",
-      accessorFn: (o) => o.lastUsedAt ?? "",
-      cell: ({ row: o }) => /* @__PURE__ */ u("span", { className: "text-secondary", children: o.original.lastUsedAt ? xr(o.original.lastUsedAt) : "Never" })
+      accessorFn: (i) => i.lastUsedAt ?? "",
+      cell: ({ row: i }) => /* @__PURE__ */ u("span", { className: "text-secondary", children: i.original.lastUsedAt ? xr(i.original.lastUsedAt) : "Never" })
     },
     {
       id: "expires",
       header: "Expires",
-      accessorFn: (o) => o.expiresAt ?? "",
-      cell: ({ row: o }) => /* @__PURE__ */ u("span", { className: "text-secondary", children: o.original.expiresAt ? di(o.original.expiresAt) : "Never" })
+      accessorFn: (i) => i.expiresAt ?? "",
+      cell: ({ row: i }) => /* @__PURE__ */ u("span", { className: "text-secondary", children: i.original.expiresAt ? di(i.original.expiresAt) : "Never" })
     },
     {
       id: "actions",
       header: "",
       enableSorting: !1,
-      cell: ({ row: o }) => /* @__PURE__ */ u("div", { className: "flex justify-end", children: /* @__PURE__ */ u(J9, { apiKey: o.original, busy: e === o.original.id, onRevoke: t }) })
+      cell: ({ row: i }) => /* @__PURE__ */ u("div", { className: "flex justify-end", children: /* @__PURE__ */ u(J9, { apiKey: i.original, busy: e === i.original.id, onRevoke: t }) })
     }
   ];
 }
-function AT({ keys: e, onRevoke: t, busyId: n, roleEditor: r, onRevokeGrant: o, className: s }) {
-  return /* @__PURE__ */ u(ef, { columns: n7(n, t, r, o), data: e, getRowId: (i) => String(i.id), className: s });
+function AT({ keys: e, onRevoke: t, busyId: n, roleEditor: r, onRevokeGrant: o, renderName: s, renderStatus: i, className: a }) {
+  return /* @__PURE__ */ u(ef, { columns: n7(n, t, r, o, s, i), data: e, getRowId: (c) => String(c.id), className: a });
 }
 function UQ({
   keys: e,
@@ -51180,15 +51183,15 @@ function UQ({
     )
   ] });
 }
-function jQ({ keys: e, onRevoke: t, busyId: n, roleEditor: r, onRevokeGrant: o, emptyState: s, className: i }) {
-  return e.length === 0 ? s ?? /* @__PURE__ */ u(
+function jQ({ keys: e, onRevoke: t, busyId: n, roleEditor: r, onRevokeGrant: o, renderName: s, renderStatus: i, emptyState: a, className: c }) {
+  return e.length === 0 ? a ?? /* @__PURE__ */ u(
     Mi,
     {
       icon: /* @__PURE__ */ u(ae, { name: "bot", size: "lg", className: "text-tertiary" }),
       title: "No agent sessions",
       description: "Claude Code sessions, workers and dispatches that act as you appear here once you approve their access."
     }
-  ) : /* @__PURE__ */ u(AT, { keys: e, onRevoke: t, busyId: n, roleEditor: r, onRevokeGrant: o, className: i });
+  ) : /* @__PURE__ */ u(AT, { keys: e, onRevoke: t, busyId: n, roleEditor: r, onRevokeGrant: o, renderName: s, renderStatus: i, className: c });
 }
 const r7 = {
   pending: { tone: "warning", label: "Pending" },