suna/providers/AppProviders.tsx

import { AuthProvider } from '@/hooks/useAuth';
import { ChatProvider } from '@/hooks/useChatContext';
import { cleanupAppState, initializeAppState, initializePersistence, queryClient } from '@/stores/query-client';
import { QueryClientProvider } from '@tanstack/react-query';
import React, { useEffect } from 'react';

interface AppProvidersProps {
    children: React.ReactNode;
}

export const AppProviders: React.FC<AppProvidersProps> = ({ children }) => {
    useEffect(() => {
        // Initialize persistence and app state management
        const initialize = async () => {
            try {
                await initializePersistence();
                initializeAppState();
            } catch (error) {
                console.error('Failed to initialize app providers:', error);
            }
        };

        initialize();

        // Cleanup on unmount
        return () => {
            cleanupAppState();
        };
    }, []);

    return (
        <QueryClientProvider client={queryClient}>
            <AuthProvider>
                <ChatProvider>
                    {children}
                </ChatProvider>
            </AuthProvider>
        </QueryClientProvider>
    );
};