'use client'; import type { OpenAICompactionMessage } from '@/agent/openai/compaction-agent'; import ChatInput from '@/components/chat-input'; import { useChat } from '@ai-sdk/react'; import { DefaultChatTransport } from 'ai'; import { useMemo } from 'react'; export default function Page() { const transport = useMemo( () => new DefaultChatTransport({ api: '/api/chat/use-chat-openai-compaction', }), [], ); const { messages, sendMessage, status } = useChat({ transport, }); return (

OpenAI Compaction Test

Context is pre-loaded with a large document corpus (~50k tokens) and 5 conversation turns. Your messages will be appended to this context. Compaction should trigger soon - a notification will appear when it does.

Try asking: "Summarize the key algorithms and data structures from the documentation"

{messages.map(message => (

{message.role === 'user' ? 'You' : 'Assistant'}

{message.parts.map((part, index) => { if (part.type === 'custom' && part.kind === 'openai.compaction') { return (

⚡

Context Compacted

The server compressed the conversation context to reduce token usage. The encrypted compaction state will be passed forward automatically.

); } if (part.type === 'text') { return (

{part.text}

); } })}

))} {status === 'streaming' && (

Streaming...

)}

sendMessage({ text })} />

); }