Get Chat Messages

curl -X GET "http://localhost:8000/api/v1/chats/a1b2c3d4-e5f6-4a7b-8c9d-0e1f2a3b4c5d/messages?offset=0&limit=20&order=asc" \
  -H "X-API-Key: your-tenant-api-key"

const chatId = 'a1b2c3d4-e5f6-4a7b-8c9d-0e1f2a3b4c5d';
const params = new URLSearchParams({
  offset: '0',
  limit: '20',
  order: 'asc'
});

fetch(`http://localhost:8000/api/v1/chats/${chatId}/messages?${params}`, {
  method: 'GET',
  headers: {
    'X-API-Key': 'your-tenant-api-key'
  }
})
.then(response => response.json())
.then(data => {
  console.log(`Retrieved ${data.messages.length} of ${data.total} messages`);
  
  data.messages.forEach(msg => {
    const sender = msg.sender_role === 'user' ? 'User' : 'Assistant';
    console.log(`[${sender}]: ${msg.content.substring(0, 100)}...`);
  });
  
  if (data.has_more) {
    console.log('More messages available');
  }
})
.catch(error => console.error('Error:', error));

import requests

chat_id = "a1b2c3d4-e5f6-4a7b-8c9d-0e1f2a3b4c5d"
url = f"http://localhost:8000/api/v1/chats/{chat_id}/messages"
headers = {"X-API-Key": "your-tenant-api-key"}
params = {
    "offset": 0,
    "limit": 20,
    "order": "asc"
}

response = requests.get(url, headers=headers, params=params)
data = response.json()

print(f"Retrieved {len(data['messages'])} of {data['total']} messages")

for msg in data['messages']:
    sender = "User" if msg['sender_role'] == 'user' else "Assistant"
    content_preview = msg['content'][:100] + "..." if len(msg['content']) > 100 else msg['content']
    print(f"[{sender}]: {content_preview}")

if data['has_more']:
    print("More messages available")

import { useState, useEffect } from 'react';

function ChatMessages({ chatId }) {
  const [messages, setMessages] = useState([]);
  const [loading, setLoading] = useState(true);
  const [total, setTotal] = useState(0);
  const [hasMore, setHasMore] = useState(false);

  useEffect(() => {
    loadMessages();
  }, [chatId]);

  const loadMessages = async (offset = 0) => {
    try {
      const params = new URLSearchParams({
        offset: offset.toString(),
        limit: '50',
        order: 'asc'
      });

      const response = await fetch(`/api/v1/chats/${chatId}/messages?${params}`, {
        headers: {
          'X-API-Key': 'your-tenant-api-key'
        }
      });

      const data = await response.json();
      
      if (offset === 0) {
        setMessages(data.messages);
      } else {
        setMessages(prev => [...prev, ...data.messages]);
      }
      
      setTotal(data.total);
      setHasMore(data.has_more);
    } catch (error) {
      console.error('Error loading messages:', error);
    } finally {
      setLoading(false);
    }
  };

  const loadMore = () => {
    loadMessages(messages.length);
  };

  if (loading && messages.length === 0) {
    return <div>Loading messages...</div>;
  }

  return (
    <div className="chat-messages">
      <h3>Messages ({total} total)</h3>
      
      {messages.map(msg => (
        <div key={msg.id} className={`message ${msg.sender_role}`}>
          <strong>{msg.sender_role === 'user' ? 'You' : 'Assistant'}:</strong>
          <p>{msg.content}</p>
          <small>{new Date(msg.created_at).toLocaleString()}</small>
        </div>
      ))}
      
      {hasMore && (
        <button onClick={loadMore} disabled={loading}>
          Load More Messages
        </button>
      )}
    </div>
  );
}

async function loadAllMessages(chatId) {
  let allMessages = [];
  let offset = 0;
  const limit = 100; // Maximum allowed
  let hasMore = true;

  while (hasMore) {
    const params = new URLSearchParams({
      offset: offset.toString(),
      limit: limit.toString(),
      order: 'asc'
    });

    const response = await fetch(`/api/v1/chats/${chatId}/messages?${params}`, {
      headers: {
        'X-API-Key': 'your-tenant-api-key'
      }
    });

    const data = await response.json();
    allMessages = [...allMessages, ...data.messages];
    
    hasMore = data.has_more;
    offset += data.messages.length;
  }

  return allMessages;
}