Function ChatAdvanced

examples/remix/app/components/chat-advanced.tsx:6–143

()

import { usePipe } from '@baseai/core/react';

const ChatAdvanced: React.FC = () => {
	const handleResponse = useCallback(
		(message: { role: string; content: string }) => {
			console.log(
				'Received response:',
				message.content.slice(0, 50) + '...',
			);
		},
		[],
	);

	const handleFinish = useCallback(
		(messages: { role: string; content: string }[]) => {
			console.log(
				`Conversation finished. Total messages: ${messages.length}`,
			);
		},
		[],
	);

	const handleError = useCallback((error: Error) => {
		console.error('An error occurred:', error);
	}, []);

	const {
		messages,
		input,
		handleInputChange,
		handleSubmit,
		isLoading,
		error,
		regenerate,
		stop,
		setMessages,
		threadId,
		sendMessage,
	} = usePipe({
		stream: true,
		apiRoute: '/api/langbase/pipes/run-stream',
		onResponse: handleResponse,
		onFinish: handleFinish,
		onError: handleError,
	});

	const handleClearChat = () => {
		setMessages([]);
	};

	const handleRegenerateWithOptions = () => {
		regenerate({
			headers: { 'Custom-Header': 'Regenerate' },
			body: { customOption: 'regenerateValue' },
		});
	};

	const handleCustomMessage = () => {
		sendMessage('This is a custom message', {
			data: { context: 'custom context' },