@danxbot/ui 20.4.1 → 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" },
@@ -51305,38 +51308,38 @@ function GQ({
   onDeny: a,
   className: c
 }) {
-  const l = new Set(o), d = s !== void 0 && G0(s, n, l) ? s : Z9(n, l), [p, f] = re(""), h = G0(p, n, l) ? p : d, { busy: m, error: g, run: x } = $T(), b = t === "pending";
+  const l = new Set(o), d = s !== void 0 && G0(s, n, l), p = d ? s : Z9(n, l), f = n.find((C) => C.id === p), [h, m] = re(""), g = G0(h, n, l) ? h : p, { busy: x, error: b, run: y } = $T(), v = t === "pending";
   return /* @__PURE__ */ R("div", { className: B("flex flex-col gap-5", c), children: [
     /* @__PURE__ */ u(DT, { title: "Access request", state: t }),
-    /* @__PURE__ */ u(cl, { entries: i7(e, b), className: "divide-y divide-border-subtle" }),
-    b ? /* @__PURE__ */ R(qe, { children: [
+    /* @__PURE__ */ u(cl, { entries: i7(e, v), className: "divide-y divide-border-subtle" }),
+    v ? /* @__PURE__ */ R(qe, { children: [
       /* @__PURE__ */ u(_T, { code: e.confirmCode }),
       /* @__PURE__ */ R(Ft, { tone: "warning", title: "Approve only if you started this", children: [
         "Approving lets ",
         e.kind === "worker" ? "this worker" : "this session",
         " act as you with the role you pick, for as long as it keeps being used. If the code does not match, or you did not ask for this, deny it."
       ] }),
-      /* @__PURE__ */ u(FT, { error: g }),
-      d === "" ? /* @__PURE__ */ u(Ft, { tone: "danger", title: "No role available", children: "Every role holds a permission you don't have, so you can't approve this request. You can still deny it." }) : /* @__PURE__ */ u(
+      /* @__PURE__ */ u(FT, { error: b }),
+      f === void 0 ? /* @__PURE__ */ u(Ft, { tone: "danger", title: "No role available", children: "Every role holds a permission you don't have, so you can't approve this request. You can still deny it." }) : /* @__PURE__ */ u(
         OT,
         {
           roles: n,
           permissions: r,
           ownPermissionKeys: o,
-          value: h,
-          onValueChange: f,
-          description: "The key can do what this role can, never more than you can. The narrowest allowed role is chosen for you.",
-          disabled: m !== null
+          value: g,
+          onValueChange: m,
+          description: `The key can do what this role can, never more than you can. ${d ? `${f.label}, the default, is chosen for you.` : `The narrowest allowed role, ${f.label}, is chosen for you.`}`,
+          disabled: x !== null
         }
       ),
       /* @__PURE__ */ u(
         VT,
         {
-          busy: m,
-          run: x,
-          onApprove: () => i(h),
+          busy: x,
+          run: y,
+          onApprove: () => i(g),
           onDeny: a,
-          approveDisabled: h === ""
+          approveDisabled: g === ""
         }
       )
     ] }) : /* @__PURE__ */ u(a7, { state: t, request: e })