Fix conversation list UI issues

- Fix conversation list vertical cutoff by increasing max-height from 384px to 600px
- Fix status field mapping from agent_status to status in ConversationInfo interface
- Fix agent name display by using agent.kind instead of agent.name for Agent-Output schema
- Update AgentExecutionStatus enum to match API schema (add waiting_for_confirmation and stuck)
- Update status color classes and icons for new status values
- Update AgentBase interface to use kind as primary field with name as fallback

Co-authored-by: openhands <openhands@all-hands.dev>

Author: openhands-agent

example/src/components/ConversationManager.tsx

@@ -172,7 +172,8 @@ export const ConversationManager: React.FC = () => {
         agent: conv.agent,
         created_at: conv.created_at,
         updated_at: conv.updated_at,
-        status: conv.status
+        // Map agent_status to status for display
+        status: conv.agent_status || conv.status
       }));
 
       setConversations(conversationData);
@@ -192,7 +193,7 @@ export const ConversationManager: React.FC = () => {
     try {
       // Create a simple agent configuration
       const agent: AgentBase = {
-        name: 'CodeActAgent',
+        kind: 'Agent',
         llm: {
           model: settings.modelName,
           api_key: settings.apiKey || ''
@@ -388,27 +389,31 @@ export const ConversationManager: React.FC = () => {
   };
 
   const getAgentName = (agent: AgentBase) => {
-    return agent.name || 'Unknown Agent';
+    return agent.kind || agent.name || 'Unknown Agent';
   };
 
   const getStatusColorClass = (status?: string) => {
     switch (status) {
       case 'running': return 'text-green-500';
-      case 'stopped': return 'text-red-500';
+      case 'idle': return 'text-gray-500';
       case 'paused': return 'text-orange-500';
+      case 'waiting_for_confirmation': return 'text-yellow-500';
       case 'finished': return 'text-blue-500';
       case 'error': return 'text-red-600';
+      case 'stuck': return 'text-red-500';
       default: return 'text-gray-500';
     }
   };
 
   const getStatusIcon = (status?: string) => {
     switch (status) {
       case 'running': return '🔄';
-      case 'stopped': return '⏹️';
+      case 'idle': return '⏸️';
       case 'paused': return '⏸️';
+      case 'waiting_for_confirmation': return '⏳';
       case 'finished': return '✅';
       case 'error': return '❌';
+      case 'stuck': return '🚫';
       default: return '❓';
     }
   };
@@ -455,7 +460,7 @@ export const ConversationManager: React.FC = () => {
               <p>No conversations yet. Create your first conversation!</p>
             </div>
           ) : (
-            <div className="space-y-3 max-h-96 overflow-y-auto">
+            <div className="space-y-3 max-h-[600px] overflow-y-auto">
               {conversations.map((conversation) => (
                 <div 
                   key={conversation.id} 

example/src/utils/serverStatus.ts

@@ -55,7 +55,7 @@ export const testLLMConfiguration = async (settings: Settings): Promise<{ succes
     const conversation = await RemoteConversation.create(
       settings.agentServerUrl,
       {
-        name: 'TestAgent',
+        kind: 'Agent',
         llm: {
           model: settings.modelName,
           api_key: settings.apiKey,

src/models/conversation.ts

@@ -25,6 +25,8 @@ export interface ConversationInfo {
   title?: string;
   created_at?: string;
   updated_at?: string;
+  // Add status as an alias for agent_status for backward compatibility
+  status?: AgentExecutionStatus;
   [key: string]: any;
 }
 

src/types/base.ts

@@ -72,8 +72,10 @@ export interface ImageContent extends MessageContent {
 }
 
 export interface AgentBase {
-  name: string;
+  kind: string;
   llm: LLM;
+  // Keep name for backward compatibility
+  name?: string;
   [key: string]: any;
 }
 
@@ -109,8 +111,10 @@ export enum AgentExecutionStatus {
   IDLE = 'idle',
   RUNNING = 'running',
   PAUSED = 'paused',
+  WAITING_FOR_CONFIRMATION = 'waiting_for_confirmation',
   FINISHED = 'finished',
   ERROR = 'error',
+  STUCK = 'stuck',
 }
 
 export interface ConversationStats {