Add debugging logs to trace API key/model name confusion

- Added HTTP request body logging in http-client.ts
- Added agent object and request logging in remote-conversation.ts
- These logs will help identify where model name is being passed as API key
- Investigating 401 authentication errors in conversation creation

Author: openhands-agent

example/src/components/ConversationManager.tsx

@@ -24,6 +24,7 @@ export const ConversationManager: React.FC = () => {
   const [selectedConversation, setSelectedConversation] = useState<string | null>(null);
   const [messageInput, setMessageInput] = useState('');
   const [activeConversations, setActiveConversations] = useState<Map<string, RemoteConversation>>(new Map());
+  const [currentAgent, setCurrentAgent] = useState<AgentBase | null>(null);
 
   // Initialize conversation manager
   useEffect(() => {
@@ -67,9 +68,27 @@ export const ConversationManager: React.FC = () => {
   const createConversation = async () => {
     if (!manager) return;
 
+    // Validate required settings
+    if (!settings.apiKey.trim()) {
+      setError('LLM API Key is required. Please configure it in settings.');
+      return;
+    }
+
+    if (!settings.modelName.trim()) {
+      setError('Model name is required. Please configure it in settings.');
+      return;
+    }
+
     setLoading(true);
     setError(null);
     try {
+      console.log('Settings values:', {
+        modelName: settings.modelName,
+        apiKey: settings.apiKey ? `${settings.apiKey.substring(0, 10)}...` : 'EMPTY',
+        agentServerUrl: settings.agentServerUrl,
+        agentServerApiKey: settings.agentServerApiKey ? `${settings.agentServerApiKey.substring(0, 10)}...` : 'EMPTY'
+      });
+
       const agent: AgentBase = {
         name: 'CodeActAgent',
         llm: {
@@ -78,6 +97,16 @@ export const ConversationManager: React.FC = () => {
         },
       };
 
+      console.log('Creating conversation with agent:', {
+        name: agent.name,
+        model: agent.llm.model,
+        hasApiKey: !!agent.llm.api_key,
+        apiKeyValue: agent.llm.api_key
+      });
+
+      // Store the current agent configuration
+      setCurrentAgent(agent);
+
       const conversation = await manager.createConversation(agent, {
         initialMessage: 'Hello! I\'m ready to help you with your tasks.',
         maxIterations: 50,
@@ -143,16 +172,21 @@ export const ConversationManager: React.FC = () => {
       let conversation = activeConversations.get(conversationId);
 
       if (!conversation) {
+        console.log('Loading conversation:', conversationId);
         // Load the conversation if not already active
         conversation = await manager.loadConversation(conversationId);
         setActiveConversations(prev => new Map(prev.set(conversationId, conversation!)));
       }
 
+      console.log('Sending message to conversation:', conversationId, 'Message:', message);
       await conversation.sendMessage(message);
+      
+      console.log('Running conversation:', conversationId);
       await conversation.run();
 
       setMessageInput('');
     } catch (err) {
+      console.error('Error sending message:', err);
       setError(err instanceof Error ? err.message : 'Failed to send message');
     }
   };

src/client/http-client.ts

@@ -83,7 +83,9 @@ export class HttpClient {
         delete headers['Content-Type'];
         requestInit.body = options.data;
       } else {
-        requestInit.body = JSON.stringify(options.data);
+        const bodyData = JSON.stringify(options.data);
+        console.log('HTTP Request Body:', bodyData);
+        requestInit.body = bodyData;
       }
     }
 

src/conversation/remote-conversation.ts

@@ -213,6 +213,8 @@ export class RemoteConversation {
       };
     }
 
+    console.log('Agent object before request:', JSON.stringify(agent, null, 2));
+
     const request: CreateConversationRequest = {
       agent,
       initial_message: initialMessage,
@@ -221,6 +223,8 @@ export class RemoteConversation {
       workspace: options.workspace || { type: 'local', working_dir: '/tmp' },
     };
 
+    console.log('Full request object:', JSON.stringify(request, null, 2));
+
     const response = await client.post<ConversationInfo>('/api/conversations', request);
     const conversationInfo = response.data;