-

kms-frontend/src/components/Tokens.tsx

@@ -131,11 +131,21 @@ const Tokens: React.FC = () => {
       console.log('Form values:', values);
       console.log('App ID:', values.app_id);
       
-      if (!values.app_id) {
+      // More robust validation for app_id
+      if (!values.app_id || values.app_id === 'undefined' || values.app_id === undefined) {
+        console.error('Invalid app_id detected:', values.app_id);
         message.error('Please select an application');
         return;
       }
 
+      // Validate that the app_id exists in our applications list
+      const selectedApp = applications.find(app => app.app_id === values.app_id);
+      if (!selectedApp) {
+        console.error('Selected app_id not found in applications list:', values.app_id);
+        message.error('Selected application is not valid. Please refresh and try again.');
+        return;
+      }
+
       const requestData: CreateTokenRequest = {
         owner: {
           type: values.owner_type,
@@ -149,6 +159,7 @@ const Tokens: React.FC = () => {
       console.log('Request data:', requestData);
 
       const response = await apiService.createToken(values.app_id, requestData);
+      console.log('Token creation response:', response);
       setNewTokenResponse(response);
       message.success('Token created successfully');
       loadApplications();