ChatKit Backend Adapter

Instructions

1. Replace OpenAI ChatKit client with custom backend calls:

   • Modify API calls to fetch from /chat endpoint instead of OpenAI
   • Update authentication and headers
   • Handle response format differences
   • Maintain ChatKit component compatibility

2. Add citation support to UI:

   • Display source information from backend
   • Format citations properly in messages
   • Link citations to original sources
   • Handle citation styling consistently

3. Implement proper error and loading states:

   • Handle backend API errors gracefully
   • Show loading indicators during requests
   • Display error messages to users
   • Implement retry functionality

4. Maintain ChatKit internal states:

   • Preserve existing component architecture
   • Update state management for new backend
   • Handle message history properly
   • Maintain conversation flow

5. Follow Context7 MCP documentation:

   • Do not call OpenAI API for inference
   • Follow deterministic UI patch patterns
   • Include proper error handling
   • Maintain ChatKit component compatibility

Examples

Input: "Adapt ChatKit to use custom backend" Output: Patches ChatKit frontend files to replace OpenAI API calls with custom backend endpoints.