wrap chat collection view shell with chat message provider

Author: bekmuradov

src/BrainDriveChatWithDocs.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import './BrainDriveChatWithDocs.css';
 import { Loader2, AlertCircle } from 'lucide-react';
+import { ChatMessagesProvider } from './collection-chat-view/context/chat-messages-provider';
 import { CollectionViewShell } from './collection-view/CollectionViewShell';
 import { CollectionChatViewShell } from './collection-chat-view/CollectionChatViewShell';
 import {
@@ -176,11 +177,13 @@ class BrainDriveChatWithDocs extends React.Component<ChatCollectionsPluginProps,
                             />
                         )}
                         {currentView === ViewType.CHAT && selectedCollection && (
-                            <CollectionChatViewShell
-                                services={services}
-                                dataRepository={this.pluginService.getDataRepository()}
-                                selectedCollection={selectedCollection}
-                            />
+                            <ChatMessagesProvider>
+                                <CollectionChatViewShell
+                                    services={services}
+                                    dataRepository={this.pluginService.getDataRepository()}
+                                    selectedCollection={selectedCollection}
+                                />
+                            </ChatMessagesProvider>
                         )}
                         {currentView === ViewType.SETTINGS && (
                             <ChatCollectionsSettings services={services} />