zudoku 0.46.1 → 0.46.2

package/lib/zudoku.plugin-custom-pages.js

@@ -1,8 +1,8 @@
 import { j as o } from "./jsx-runtime-C5mzlN2N.js";
 import a from "react";
-import { P as n } from "./Markdown-BRAyzyUJ.js";
+import { P as n } from "./Markdown-Cm4kj26S.js";
 import { c } from "./cn-wvCW-ho6.js";
-import { u as p } from "./useExposedProps-DG8J6ewJ.js";
+import { u as p } from "./useExposedProps-BZQkZneR.js";
 const u = ({
   element: t,
   render: s,

package/lib/zudoku.plugin-markdown.js

@@ -50,7 +50,7 @@ const m = (a) => ({
         const c = {
           path: e,
           lazy: async () => {
-            const { MdxPage: u } = await import("./MdxPage-B3v1BSKr.js"), { default: h, ...p } = await i();
+            const { MdxPage: u } = await import("./MdxPage-fDGQtB5w.js"), { default: h, ...p } = await i();
             return {
               element: /* @__PURE__ */ f.jsx(
                 u,

package/lib/zudoku.plugin-openapi.js

@@ -1,9 +1,9 @@
 import "./jsx-runtime-C5mzlN2N.js";
 import "lucide-react";
-import "./chunk-BAXFHI7N-C9WnHsLV.js";
-import "./hook-DawSLaZr.js";
+import "./chunk-DQRVZFIR-BblmKnHy.js";
+import "./hook-k7PfUIsj.js";
 import "./ui/Button.js";
-import { F as a, U as s, H as n } from "./index-BXYvD5-7.js";
+import { F as a, U as s, H as n } from "./index-yqBxBqxF.js";
 export {
   a as GetSidebarOperationsQuery,
   s as UNTAGGED_PATH,

package/lib/zudoku.plugin-redirect.js

@@ -1,4 +1,4 @@
-import { r as o } from "./chunk-BAXFHI7N-C9WnHsLV.js";
+import { r as o } from "./chunk-DQRVZFIR-BblmKnHy.js";
 const a = (r) => ({
   getRoutes: () => r.redirects.map(({ from: e, to: t }) => ({
     path: e,

package/lib/zudoku.plugin-search-pagefind.js

@@ -1,14 +1,14 @@
 import { j as e } from "./jsx-runtime-C5mzlN2N.js";
 import { C as k } from "./ClientOnly-E7hGysn1.js";
 import { VisuallyHidden as v } from "@radix-ui/react-visually-hidden";
-import { u as N, e as y, m as j, o as _, l as L } from "./hook-DawSLaZr.js";
+import { u as N, k as y, l as j, o as _, j as L } from "./hook-k7PfUIsj.js";
 import { useRef as S, useLayoutEffect as T, useState as w } from "react";
 import { B as E } from "./Button-BE9IVkWV.js";
-import { C as R, a as f, b as p, c as F, d as I, e as q, f as P } from "./Callout-BkgOUkoZ.js";
-import { c as $ } from "./Dialog-Du6WMcIA.js";
-import { S as A } from "./RouteGuard-PrSVLbSr.js";
+import { C as R, a as f, b as p, c as F, d as I, e as q, f as P } from "./Callout-CoVxYafP.js";
+import { c as $ } from "./Dialog-BxpuVLh9.js";
+import { S as A } from "./RouteGuard-CZ_uLv3g.js";
 import { BracketsIcon as D, FileTextIcon as O } from "lucide-react";
-import { a as B, L as g } from "./chunk-BAXFHI7N-C9WnHsLV.js";
+import { a as B, L as g } from "./chunk-DQRVZFIR-BblmKnHy.js";
 const U = async ({
   search: r,
   options: a,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zudoku",
-  "version": "0.46.1",
+  "version": "0.46.2",
   "type": "module",
   "homepage": "https://zudoku.dev",
   "repository": {
@@ -136,34 +136,34 @@
     "@mdx-js/react": "3.1.0",
     "@mdx-js/rollup": "3.1.0",
     "@pothos/core": "4.6.0",
-    "@radix-ui/react-accordion": "1.2.10",
-    "@radix-ui/react-alert-dialog": "1.1.13",
-    "@radix-ui/react-aspect-ratio": "1.1.6",
-    "@radix-ui/react-checkbox": "1.3.1",
-    "@radix-ui/react-collapsible": "1.1.10",
-    "@radix-ui/react-dialog": "1.1.13",
-    "@radix-ui/react-dropdown-menu": "2.1.14",
-    "@radix-ui/react-hover-card": "1.1.13",
-    "@radix-ui/react-label": "2.1.6",
-    "@radix-ui/react-popover": "1.1.13",
-    "@radix-ui/react-progress": "1.1.6",
-    "@radix-ui/react-radio-group": "1.3.6",
+    "@radix-ui/react-accordion": "1.2.11",
+    "@radix-ui/react-alert-dialog": "1.1.14",
+    "@radix-ui/react-aspect-ratio": "1.1.7",
+    "@radix-ui/react-checkbox": "1.3.2",
+    "@radix-ui/react-collapsible": "1.1.11",
+    "@radix-ui/react-dialog": "1.1.14",
+    "@radix-ui/react-dropdown-menu": "2.1.15",
+    "@radix-ui/react-hover-card": "1.1.14",
+    "@radix-ui/react-label": "2.1.7",
+    "@radix-ui/react-popover": "1.1.14",
+    "@radix-ui/react-progress": "1.1.7",
+    "@radix-ui/react-radio-group": "1.3.7",
     "@radix-ui/react-scroll-area": "1.2.9",
-    "@radix-ui/react-select": "2.2.4",
+    "@radix-ui/react-select": "2.2.5",
     "@radix-ui/react-slider": "1.3.5",
     "@radix-ui/react-slot": "1.2.3",
-    "@radix-ui/react-switch": "1.2.4",
-    "@radix-ui/react-tabs": "1.1.11",
-    "@radix-ui/react-toggle": "1.1.8",
-    "@radix-ui/react-toggle-group": "1.1.9",
-    "@radix-ui/react-tooltip": "1.2.6",
-    "@radix-ui/react-visually-hidden": "1.2.2",
+    "@radix-ui/react-switch": "1.2.5",
+    "@radix-ui/react-tabs": "1.1.12",
+    "@radix-ui/react-toggle": "1.1.9",
+    "@radix-ui/react-toggle-group": "1.1.10",
+    "@radix-ui/react-tooltip": "1.2.7",
+    "@radix-ui/react-visually-hidden": "1.2.3",
     "@scalar/openapi-parser": "0.10.17",
     "@sentry/node": "9.12.0",
-    "@shikijs/langs": "3.2.2",
-    "@shikijs/rehype": "3.2.2",
-    "@shikijs/themes": "3.2.2",
-    "@shikijs/transformers": "3.3.0",
+    "@shikijs/langs": "3.4.2",
+    "@shikijs/rehype": "3.4.2",
+    "@shikijs/themes": "3.4.2",
+    "@shikijs/transformers": "3.4.2",
     "@sindresorhus/slugify": "2.2.1",
     "@stefanprobst/rehype-extract-toc": "3.0.0",
     "@tailwindcss/typography": "0.5.16",
@@ -188,7 +188,7 @@
     "fast-equals": "5.2.2",
     "framer-motion": "^12.12.2",
     "glob": "11.0.1",
-    "graphql": "16.10.0",
+    "graphql": "16.11.0",
     "graphql-type-json": "0.3.2",
     "graphql-yoga": "5.13.3",
     "gray-matter": "4.0.3",
@@ -210,10 +210,10 @@
     "piscina": "5.0.0-alpha.2",
     "posthog-node": "4.17.1",
     "react-error-boundary": "5.0.0",
-    "react-hook-form": "7.55.0",
+    "react-hook-form": "7.57.0",
     "react-is": "19.1.0",
     "react-markdown": "10.1.0",
-    "react-router": "7.5.2",
+    "react-router": "7.6.1",
     "rehype-mdx-import-media": "1.2.0",
     "rehype-raw": "7.0.0",
     "rehype-slug": "6.0.0",
@@ -225,9 +225,9 @@
     "remark-mdx-frontmatter": "5.1.0",
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.1.2",
-    "rollup": "4.40.1",
+    "rollup": "4.41.1",
     "semver": "7.7.1",
-    "shiki": "3.3.0",
+    "shiki": "3.4.2",
     "sitemap": "8.0.0",
     "spin-delay": "2.0.1",
     "strip-ansi": "7.1.0",
@@ -236,24 +236,23 @@
     "ulidx": "2.4.1",
     "unified": "^11.0.5",
     "unist-util-visit": "5.0.0",
-    "urql": "4.2.1",
     "vaul": "1.1.2",
     "vfile": "6.0.3",
     "vite": "6.3.5",
     "yaml": "2.7.1",
     "yargs": "17.7.2",
     "zod": "3.24.2",
-    "zod-validation-error": "3.4.0",
+    "zod-validation-error": "3.4.1",
     "zustand": "5.0.3"
   },
   "devDependencies": {
-    "@graphql-codegen/cli": "5.0.5",
+    "@graphql-codegen/cli": "5.0.6",
     "@graphql-codegen/client-preset": "4.8.0",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.3.0",
     "@types/estree": "1.0.7",
-    "@types/express": "5.0.1",
+    "@types/express": "5.0.2",
     "@types/har-format": "1.2.16",
     "@types/hast": "^3.0.4",
     "@types/json-schema": "7.0.15",
@@ -267,7 +266,7 @@
     "@types/yargs": "17.0.33",
     "@vitest/coverage-v8": "3.1.1",
     "esbuild": "0.25.1",
-    "happy-dom": "17.4.4",
+    "happy-dom": "17.5.6",
     "mdast-util-mdx": "3.0.0",
     "react": "19.1.0",
     "react-dom": "19.1.0",

package/src/lib/authentication/AuthenticationPlugin.tsx

@@ -28,20 +28,6 @@ export class CoreAuthenticationPlugin implements PluginInterface {
     ];
   }
 
-  async getSidebar(path: string) {
-    if (path.startsWith("/settings")) {
-      return [
-        {
-          type: "link" as const,
-          label: "Logout",
-          href: "/signout",
-        },
-      ];
-    }
-
-    return [];
-  }
-
   getProfileMenuItems() {
     return [
       {

package/src/lib/plugins/api-keys/SettingsApiKeys.tsx

@@ -3,17 +3,18 @@ import {
   useQueryClient,
   useSuspenseQuery,
 } from "@tanstack/react-query";
-import { AnimatePresence, motion } from "framer-motion";
+import { AnimatePresence } from "framer-motion";
 import {
   CheckIcon,
   CopyIcon,
   EyeIcon,
   EyeOffIcon,
-  LoaderPinwheelIcon,
+  PencilLineIcon,
   RotateCwIcon,
   TrashIcon,
+  XIcon,
 } from "lucide-react";
-import { useState } from "react";
+import React, { useState } from "react";
 import { Link } from "react-router";
 import { Card, CardHeader } from "zudoku/ui/Card.js";
 import {
@@ -29,13 +30,18 @@ import {
 import { useZudoku } from "../../components/context/ZudokuContext.js";
 import { Slot } from "../../components/Slot.js";
 import { Button } from "../../ui/Button.js";
+import { Input } from "../../ui/Input.js";
 import { cn } from "../../util/cn.js";
-import { type ApiKey, type ApiKeyService } from "./index.js";
+import { ApiConsumer, type ApiKey, type ApiKeyService } from "./index.js";
 
 export const SettingsApiKeys = ({ service }: { service: ApiKeyService }) => {
   const context = useZudoku();
   const queryClient = useQueryClient();
-  const { data } = useSuspenseQuery({
+  const [editingConsumerId, setEditingConsumerId] = useState<string | null>(
+    null,
+  );
+  const [editingLabel, setEditingLabel] = useState<string>("");
+  const { data, isFetching } = useSuspenseQuery({
     queryFn: () => service.getConsumers(context),
     queryKey: ["api-keys"],
     retry: false,
@@ -55,6 +61,80 @@ export const SettingsApiKeys = ({ service }: { service: ApiKeyService }) => {
 
       return service.deleteKey(consumerId, keyId, context);
     },
+    onMutate: async ({ consumerId, keyId }) => {
+      await queryClient.cancelQueries({ queryKey: ["api-keys"] });
+      const previousData = queryClient.getQueryData<ApiConsumer[]>([
+        "api-keys",
+      ]);
+      queryClient.setQueryData<ApiConsumer[]>(["api-keys"], (old) => {
+        if (!old) {
+          return old;
+        }
+
+        return old.map((consumer) => {
+          if (consumer.id === consumerId) {
+            return {
+              ...consumer,
+              apiKeys: consumer.apiKeys.filter((key) => key.id !== keyId),
+            };
+          }
+          return consumer;
+        });
+      });
+
+      return { previousData };
+    },
+    onError: (err, variables, context) => {
+      if (context?.previousData) {
+        queryClient.setQueryData(["api-keys"], context.previousData);
+      }
+    },
+    onSuccess: () => {
+      void queryClient.invalidateQueries({ queryKey: ["api-keys"] });
+    },
+  });
+
+  const updateConsumerMutation = useMutation({
+    mutationFn: ({
+      consumerId,
+      label,
+    }: {
+      consumerId: string;
+      label: string;
+    }) => {
+      if (!service.updateConsumer) {
+        throw new Error("updateConsumer not implemented");
+      }
+
+      return service.updateConsumer({ id: consumerId, label }, context);
+    },
+    onMutate: async ({ consumerId, label }) => {
+      await queryClient.cancelQueries({ queryKey: ["api-keys"] });
+
+      const previousData = queryClient.getQueryData(["api-keys"]);
+      queryClient.setQueryData<ApiConsumer[]>(["api-keys"], (old) => {
+        if (!old) {
+          return old;
+        }
+
+        return old.map((consumer) => {
+          if (consumer.id === consumerId) {
+            return {
+              ...consumer,
+              label,
+            };
+          }
+          return consumer;
+        });
+      });
+
+      return { previousData };
+    },
+    onError: (err, variables, context) => {
+      if (context?.previousData) {
+        queryClient.setQueryData(["api-keys"], context.previousData);
+      }
+    },
     onSuccess: () => {
       void queryClient.invalidateQueries({ queryKey: ["api-keys"] });
     },
@@ -71,6 +151,27 @@ export const SettingsApiKeys = ({ service }: { service: ApiKeyService }) => {
     onSuccess: () => queryClient.invalidateQueries({ queryKey: ["api-keys"] }),
   });
 
+  const handleStartEdit = (consumerId: string, currentLabel: string) => {
+    setEditingConsumerId(consumerId);
+    setEditingLabel(currentLabel);
+  };
+
+  const handleSaveEdit = (consumerId: string) => {
+    if (editingLabel.trim()) {
+      updateConsumerMutation.mutate({
+        consumerId,
+        label: editingLabel.trim(),
+      });
+    }
+    setEditingConsumerId(null);
+    setEditingLabel("");
+  };
+
+  const handleCancelEdit = () => {
+    setEditingConsumerId(null);
+    setEditingLabel("");
+  };
+
   return (
     <div className="max-w-screen-lg h-full pt-(--padding-content-top) pb-(--padding-content-bottom)">
       <Slot.Target name="api-keys-list-page" />
@@ -90,11 +191,11 @@ export const SettingsApiKeys = ({ service }: { service: ApiKeyService }) => {
       <div className="h-8"></div>
       <div className="grid grid-cols-8">
         {data.length === 0 ? (
-          <div className="flex flex-col justify-center gap-4 items-center p-8 border rounded-sm bg-muted/30 text-muted-foreground">
+          <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">
             <p className="text-center">
-              No API keys created yet.
+              You have no API keys yet.
               <br />
-              Get started and create your first key.
+              {service.createKey && "Get started and create your first key."}
             </p>
             {service.createKey && (
               <Button asChild variant="outline">
@@ -111,13 +212,49 @@ export const SettingsApiKeys = ({ service }: { service: ApiKeyService }) => {
           >
             {data.map((consumers) => (
               <Card
-                className="grid grid-cols-subgrid col-span-full items-center mb-4"
+                className="grid grid-cols-subgrid col-span-full items-center mb-4 group"
                 key={consumers.id}
               >
                 <CardHeader className="border-b col-span-full grid-cols-subgrid grid">
-                  <div className="flex flex-col text-sm justify-center">
-                    <div className="font-medium text-lg">
-                      {consumers.name ?? consumers.id}
+                  <div className="h-10 flex flex-col text-sm justify-center">
+                    <div className="font-medium text-lg flex items-center gap-2">
+                      {editingConsumerId === consumers.id ? (
+                        <div className="flex items-center gap-2 w-full">
+                          <Input
+                            maxLength={32}
+                            value={editingLabel}
+                            onChange={(e) => setEditingLabel(e.target.value)}
+                            onKeyDown={(e) => {
+                              if (e.key === "Enter") {
+                                handleSaveEdit(consumers.id);
+                              } else if (e.key === "Escape") {
+                                handleCancelEdit();
+                              }
+                            }}
+                            className="text-lg font-medium"
+                            autoFocus
+                          />
+                          <div className="flex items-center">
+                            <Button
+                              size="icon"
+                              variant="ghost"
+                              onClick={() => handleSaveEdit(consumers.id)}
+                              disabled={!editingLabel.trim()}
+                            >
+                              <CheckIcon size={16} />
+                            </Button>
+                            <Button
+                              size="icon"
+                              variant="ghost"
+                              onClick={handleCancelEdit}
+                            >
+                              <XIcon size={16} />
+                            </Button>
+                          </div>
+                        </div>
+                      ) : (
+                        <>{consumers.label}</>
+                      )}
                       <div className="text-muted-foreground text-xs">
                         {consumers.createdOn}
                       </div>
@@ -139,6 +276,22 @@ export const SettingsApiKeys = ({ service }: { service: ApiKeyService }) => {
                   </div>
 
                   <div className="flex justify-end">
+                    {service.updateConsumer && (
+                      <Button
+                        size="icon"
+                        variant="ghost"
+                        onClick={() =>
+                          handleStartEdit(consumers.id, consumers.label)
+                        }
+                        className={cn(
+                          editingConsumerId === consumers.id &&
+                            "opacity-0! pointer-events-none",
+                        )}
+                        disabled={editingConsumerId === consumers.id}
+                      >
+                        <PencilLineIcon size={16} />
+                      </Button>
+                    )}
                     {service.rollKey && (
                       <Dialog>
                         <DialogTrigger asChild>
@@ -147,6 +300,11 @@ export const SettingsApiKeys = ({ service }: { service: ApiKeyService }) => {
                             title="Roll this key"
                             variant="ghost"
                             disabled={rollKeyMutation.isPending}
+                            className={
+                              rollKeyMutation.isPending
+                                ? "animate-spin"
+                                : undefined
+                            }
                           >
                             <RotateCwIcon size={16} />
                           </Button>
@@ -177,36 +335,27 @@ export const SettingsApiKeys = ({ service }: { service: ApiKeyService }) => {
                     )}
                   </div>
                 </CardHeader>
-                <div className="divide-y col-span-full grid-cols-subgrid grid">
+                <div className="col-span-full grid-cols-subgrid grid">
                   <AnimatePresence>
-                    {rollKeyMutation.isPending && (
-                      <motion.div
-                        className={cn(
-                          "flex col-span-full items-center gap-2 px-6 py-1 text-xs bg-muted/30 font-medium",
-                        )}
-                        initial={{ opacity: 0, y: 0 }}
-                        animate={{ opacity: 1, y: 0 }}
-                        exit={{ opacity: 0, y: 0 }}
-                        transition={{ duration: 0.3 }}
-                      >
-                        <LoaderPinwheelIcon
-                          size={16}
-                          className="animate-spin opacity-80"
-                        />
-                        Rolling key...
-                      </motion.div>
-                    )}
                     {consumers.apiKeys.map((apiKey) => (
-                      <RevealApiKey
-                        key={apiKey.id}
-                        apiKey={apiKey}
-                        onDeleteKey={() => {
-                          deleteKeyMutation.mutate({
-                            consumerId: consumers.id,
-                            keyId: apiKey.id,
-                          });
-                        }}
-                      />
+                      <React.Fragment key={apiKey.id}>
+                        <RevealApiKey
+                          apiKey={apiKey}
+                          onDeleteKey={() => {
+                            deleteKeyMutation.mutate({
+                              consumerId: consumers.id,
+                              keyId: apiKey.id,
+                            });
+                          }}
+                          className={
+                            deleteKeyMutation.variables?.keyId === apiKey.id &&
+                            (deleteKeyMutation.isPending || isFetching)
+                              ? "opacity-10!"
+                              : undefined
+                          }
+                        />
+                        <div className="col-span-full h-px bg-border"></div>
+                      </React.Fragment>
                     ))}
                   </AnimatePresence>
                 </div>
@@ -241,9 +390,11 @@ const getTimeAgo = (date: string) => {
 const RevealApiKey = ({
   apiKey,
   onDeleteKey,
+  className,
 }: {
   apiKey: ApiKey;
   onDeleteKey: () => void;
+  className?: string;
 }) => {
   const [revealed, setRevealed] = useState(false);
   const [copied, setCopied] = useState(false);
@@ -259,13 +410,7 @@ const RevealApiKey = ({
   const expiresSoon = daysUntilExpiry <= 7 && !isExpired;
 
   return (
-    <motion.div
-      className="grid col-span-full grid-cols-subgrid p-6"
-      initial={{ opacity: 0, y: 0 }}
-      animate={{ opacity: 1, y: 0 }}
-      exit={{ opacity: 0, y: 0 }}
-      transition={{ duration: 0.3 }}
-    >
+    <div className={cn("grid col-span-full grid-cols-subgrid p-6", className)}>
       <div className="flex flex-col gap-1">
         <div className="flex gap-2 items-center text-sm border rounded-md w-fit px-1">
           <div className="font-mono truncate h-9 items-center flex px-2 text-xs gap-2">
@@ -360,6 +505,6 @@ const RevealApiKey = ({
           </Dialog>
         )}
       </div>
-    </motion.div>
+    </div>
   );
 };

package/src/lib/plugins/api-keys/index.tsx

@@ -21,8 +21,8 @@ export type ApiKeyService = {
     keyId: string,
     context: ZudokuContext,
   ) => Promise<void>;
-  updateKeyDescription?: (
-    apiKey: { id: string; description: string },
+  updateConsumer?: (
+    consumer: { id: string; label?: string },
     context: ZudokuContext,
   ) => Promise<void>;
   getUsage?: (apiKeys: string[], context: ZudokuContext) => Promise<void>;
@@ -47,7 +47,7 @@ export interface ApiKey {
 
 export interface ApiConsumer {
   id: string;
-  name: string;
+  label: string;
   apiKeys: ApiKey[];
   description?: string;
   createdOn?: string;
@@ -71,6 +71,26 @@ const createDefaultHandler = (deploymentName: string): ApiKeyService => {
       const response = await fetch(request);
       invariant(response.ok, "Failed to delete API key");
     },
+    updateConsumer: async (consumer, context) => {
+      const response = await fetch(
+        await context.signRequest(
+          new Request(
+            DEFAULT_API_KEY_ENDPOINT +
+              `/${deploymentName}/consumers/${consumer.id}`,
+            {
+              method: "PATCH",
+              headers: {
+                "Content-Type": "application/json",
+              },
+              body: JSON.stringify({
+                label: consumer.label,
+              }),
+            },
+          ),
+        ),
+      );
+      invariant(response.ok, "Failed to update API key description");
+    },
     rollKey: async (consumerId, context) => {
       const response = await fetch(
         await context.signRequest(
@@ -104,7 +124,7 @@ const createDefaultHandler = (deploymentName: string): ApiKeyService => {
         data: [
           {
             id: string;
-            name: string;
+            label: string;
             apiKeys: {
               data: ApiKey[];
             };
@@ -114,7 +134,7 @@ const createDefaultHandler = (deploymentName: string): ApiKeyService => {
 
       return data.data.map((consumer) => ({
         id: consumer.id,
-        name: consumer.name,
+        label: consumer.label || "API Key",
         apiKeys: consumer.apiKeys.data,
         key: consumer.apiKeys.data.at(0),
       }));
@@ -142,20 +162,7 @@ export const apiKeyPlugin = (
         icon: KeyRoundIcon,
       },
     ],
-    getSidebar: async (path) => {
-      if (!path.startsWith("/settings")) {
-        return [];
-      }
 
-      return [
-        {
-          type: "link",
-          label: "API Keys",
-          icon: KeyRoundIcon,
-          href: "/settings/api-keys",
-        },
-      ];
-    },
     getIdentities: async (context) => {
       try {
         const consumers = await service.getConsumers(context);