From 503797d6b98176d83111f2f65d52fc28ee21af90 Mon Sep 17 00:00:00 2001
From: alphaeusmote <41258468-alphaeusmote@users.noreply.replit.com>
Date: Fri, 11 Apr 2025 17:03:42 +0000
Subject: [PATCH] Fix: Resolve "Select.Item must have a value prop" error in
 API token generation

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9111ef36-26c8-4085-84ca-a35dc1fec1b5
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/7083d608-d6d3-4a6a-9a27-6286c5109627/c64d75b1-07a8-4ddf-b911-e6c3bd22c769.jpg
---
 client/src/pages/api-tokens.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/api-tokens.tsx b/client/src/pages/api-tokens.tsx
index 1ae2142..abdb231 100644
--- a/client/src/pages/api-tokens.tsx
+++ b/client/src/pages/api-tokens.tsx
@@ -373,7 +373,7 @@ export default function ApiTokensPage() {
                       </FormControl>
                       <SelectContent>
                         {/* System roles */}
-                        <SelectItem key="system-roles" value="" disabled className="text-muted-foreground">
+                        <SelectItem key="system-roles" value="__system_roles_header" disabled className="text-muted-foreground">
                           System Roles
                         </SelectItem>
                         {systemRoles.map((role) => (
@@ -388,7 +388,7 @@ export default function ApiTokensPage() {
                         {/* Custom roles */}
                         {customRoles.length > 0 && (
                           <>
-                            <SelectItem key="custom-roles" value="" disabled className="text-muted-foreground mt-2">
+                            <SelectItem key="custom-roles" value="__custom_roles_header" disabled className="text-muted-foreground mt-2">
                               Custom Roles
                             </SelectItem>
                             {customRoles.map((role) => (