import SkillCreatorConversationItem from './SkillCreatorConversationItem';

export interface ToolCall {
  id: string;
  name: string;
  input?: Record<string, unknown>;
  output?: string;
}

export interface ConversationStep {
  text: string;
  subText?: string;
  status: 'done' | 'processing';
}

export interface ConversationMessage {
  id: string;
  role: 'user' | 'assistant';
  content: string;
  steps?: ConversationStep[];
  thinkings?: Array<{ duration: number; content: string }>;
  toolCalls?: ToolCall[];
}

interface AgentConversationListProps {
  messages: ConversationMessage[];
  isConnecting?: boolean;
  className?: string;
}

export default function AgentConversationList({ messages, isConnecting = false, className = '' }: AgentConversationListProps) {
  return (
    <div className={`w-full max-w-4xl mx-auto space-y-5 pb-6 ${className}`}>
      {messages.map((message, index) => {
        // 仅在最后一条 assistant 且尚未收到任何生成内容时显示“连接中”态
        // 一旦出现 steps/thinkings/toolCalls/content，就切回正常渲染
        const hasStartedGenerating =
          Boolean(message.content) ||
          Boolean(message.steps?.length) ||
          Boolean(message.thinkings?.length) ||
          Boolean(message.toolCalls?.length);
        const shouldShowConnecting =
          isConnecting && index === messages.length - 1 && message.role === 'assistant' && !hasStartedGenerating;

        return (
          <SkillCreatorConversationItem
            key={message.id}
            message={message}
            isConnecting={shouldShowConnecting}
          />
        );
      })}
    </div>
  );
}