{user?.name}
{user?.email}
{value}...
),
},
{
key: "created_at" as keyof ApiKey,
label: "Created",
width: 120,
render: (value: string) => format(new Date(value), "MMM d, yyyy"),
},
{
key: "last_used_at" as keyof ApiKey,
label: "Last Used",
width: 120,
render: (value: string | null) =>
value ? format(new Date(value), "MMM d, yyyy") : "Never",
},
{
key: "id" as keyof ApiKey,
label: "",
width: 40,
render: (_: string, row: ApiKey) => (
),
},
];
```
Sources: [server/dashboard/src/app/root/dashboard/api-keys/page.tsx:90-128](https://github.com/blade47/mem0/blob/b7ad69afda6b6ed030347c66d48a13e4de9dec08/server/dashboard/src/app/(root)/dashboard/api-keys/page.tsx#L90-L128)
> [!NOTE]
> The `ApiKey` TypeScript interface defines properties for `id`, `label`, `key_prefix`, `created_at`, and an optional `last_used_at` timestamp.
```typescript
export interface ApiKey {
id: string;
label: string;
key_prefix: string;
created_at: string;
last_used_at: string | null;
}
```
Sources: [server/dashboard/src/types/api.ts:10-16](https://github.com/blade47/mem0/blob/b7ad69afda6b6ed030347c66d48a13e4de9dec08/server/dashboard/src/types/api.ts#L10-L16)
### Creation Dialog Modals and Clipboard Copying
Clicking the "Create Key" button opens a Radix-backed `Dialog` component controlled by `createOpen` state. The dialog content transitions between two distinct states based on whether `newKey` has been populated by a successful creation response.
```tsx
return (