دردشة الذكاء الاصطناعي في SDK جديد

import { useChat } from '@dypai-ai/client-sdk/react'

function ChatBot() {
  const { messages, sendMessage, input, setInput, isLoading, status } = useChat('my_agent_endpoint')

  return (
    <div>
      {messages.map(msg => (
        <div key={msg.id}>
          <strong>{msg.role}:</strong> {msg.content}
        </div>
      ))}

      <input value={input} onChange={e => setInput(e.target.value)} />
      <button onClick={() => sendMessage()} disabled={isLoading}>
        Send
      </button>
    </div>
  )
}

interface ChatMessage {
  id: string
  role: 'user' | 'assistant' | 'system' | 'tool'
  content: string
  parts?: MessagePart[]  // Rich content: text, tool-calls, tool-results, images
  createdAt?: Date
}

{messages.map(msg => (
  <div key={msg.id}>
    {msg.parts?.map((part, i) => {
      if (part.type === 'tool-call') {
        return <div key={i}>🔧 Calling {part.toolName}...</div>
      }
      if (part.type === 'tool-result') {
        return <div key={i}>✅ {part.toolName} done</div>
      }
      if (part.type === 'text') {
        return <span key={i}>{part.text}</span>
      }
    })}
  </div>
))}

const { messages, sendMessage } = useChat('my_agent_endpoint', { id: 'conv-123' })

import { useChatList } from '@dypai-ai/client-sdk/react'

function ChatSidebar() {
  const { chats, isLoading, deleteChat, renameChat, refetch } = useChatList({
    endpointId: '<endpoint_id>',
    limit: 20,
  })

  return (
    <ul>
      {chats?.map(chat => (
        <li key={chat.id}>
          {chat.title} ({chat.messageCount} messages)
          <button onClick={() => renameChat(chat.id, 'Renamed')}>Rename</button>
          <button onClick={() => deleteChat(chat.id)}>Delete</button>
        </li>
      ))}
    </ul>
  )
}

import { generateChatId, getMessageText, getToolCalls } from '@dypai-ai/client-sdk/react'

// Generate a new chat ID
const id = generateChatId()

// Extract plain text from a message (ignores tool calls)
const text = getMessageText(message)

// Get tool calls from a message
const tools = getToolCalls(message) // [{ toolName: 'list_orders', args: {...} }]