feat(copilot): updated copilot keys to have names, full parity with API keys page (#2260)

apps/sim/app/api/copilot/api-keys/generate/route.ts

@@ -4,7 +4,9 @@ import { getSession } from '@/lib/auth'
 import { SIM_AGENT_API_URL_DEFAULT } from '@/lib/copilot/constants'
 import { env } from '@/lib/core/config/env'
 
-const GenerateApiKeySchema = z.object({}).optional()
+const GenerateApiKeySchema = z.object({
+  name: z.string().min(1, 'Name is required').max(255, 'Name is too long'),
+})
 
 export async function POST(req: NextRequest) {
   try {
@@ -31,13 +33,15 @@ export async function POST(req: NextRequest) {
       )
     }
 
+    const { name } = validationResult.data
+
     const res = await fetch(`${SIM_AGENT_API_URL}/api/validate-key/generate`, {
       method: 'POST',
       headers: {
         'Content-Type': 'application/json',
         ...(env.COPILOT_API_KEY ? { 'x-api-key': env.COPILOT_API_KEY } : {}),
       },
-      body: JSON.stringify({ userId }),
+      body: JSON.stringify({ userId, name }),
     })
 
     if (!res.ok) {

apps/sim/app/api/copilot/api-keys/route.ts

@@ -27,7 +27,9 @@ export async function GET(request: NextRequest) {
       return NextResponse.json({ error: 'Failed to get keys' }, { status: res.status || 500 })
     }
 
-    const apiKeys = (await res.json().catch(() => null)) as { id: string; apiKey: string }[] | null
+    const apiKeys = (await res.json().catch(() => null)) as
+      | { id: string; apiKey: string; name?: string; createdAt?: string; lastUsed?: string }[]
+      | null
 
     if (!Array.isArray(apiKeys)) {
       return NextResponse.json({ error: 'Invalid response from Sim Agent' }, { status: 500 })
@@ -37,7 +39,13 @@ export async function GET(request: NextRequest) {
       const value = typeof k.apiKey === 'string' ? k.apiKey : ''
       const last6 = value.slice(-6)
       const displayKey = `•••••${last6}`
-      return { id: k.id, displayKey }
+      return {
+        id: k.id,
+        displayKey,
+        name: k.name || null,
+        createdAt: k.createdAt || null,
+        lastUsed: k.lastUsed || null,
+      }
     })
 
     return NextResponse.json({ keys }, { status: 200 })