graph LR
DeepChat_Core_Orchestrator["DeepChat Core Orchestrator"]
DeepChat_User_Interface["DeepChat User Interface"]
Frontend_Service_Integration["Frontend Service Integration"]
In_Browser_AI_Model_Runtime["In-Browser AI Model Runtime"]
External_Backend_Services_Example_["External Backend Services (Example)"]
DeepChat_User_Interface -- "sends User Input to" --> DeepChat_Core_Orchestrator
DeepChat_Core_Orchestrator -- "sends UI State & Message Data to" --> DeepChat_User_Interface
DeepChat_Core_Orchestrator -- "dispatches Service Requests to" --> Frontend_Service_Integration
Frontend_Service_Integration -- "returns AI/Backend Responses to" --> DeepChat_Core_Orchestrator
DeepChat_Core_Orchestrator -- "sends Input Data to" --> In_Browser_AI_Model_Runtime
In_Browser_AI_Model_Runtime -- "returns Model Output to" --> DeepChat_Core_Orchestrator
Frontend_Service_Integration -- "sends API Requests to" --> External_Backend_Services_Example_
External_Backend_Services_Example_ -- "sends API Responses to" --> Frontend_Service_Integration
click DeepChat_Core_Orchestrator href "https://github.com/CodeBoarding/GeneratedOnBoardings/blob/main/deep-chat/DeepChat_Core_Orchestrator.md" "Details"
click DeepChat_User_Interface href "https://github.com/CodeBoarding/GeneratedOnBoardings/blob/main/deep-chat/DeepChat_User_Interface.md" "Details"
click Frontend_Service_Integration href "https://github.com/CodeBoarding/GeneratedOnBoardings/blob/main/deep-chat/Frontend_Service_Integration.md" "Details"
click In_Browser_AI_Model_Runtime href "https://github.com/CodeBoarding/GeneratedOnBoardings/blob/main/deep-chat/In_Browser_AI_Model_Runtime.md" "Details"
click External_Backend_Services_Example_ href "https://github.com/CodeBoarding/GeneratedOnBoardings/blob/main/deep-chat/External_Backend_Services_Example_.md" "Details"
The DeepChat architecture is centered around the DeepChat Core Orchestrator, which acts as the central hub for all chat-related operations. User interactions originate from the DeepChat User Interface, which captures input and displays messages, maintaining a dynamic dialogue with the orchestrator. For AI processing, the orchestrator can either dispatch requests to the Frontend Service Integration for communication with various external AI/backend services (e.g., OpenAI, Hugging Face), or, if configured, send input directly to the In-Browser AI Model Runtime for client-side inference. The External Backend Services (Example) component represents illustrative server-side implementations that can interact with the Frontend Service Integration, demonstrating how DeepChat can integrate with custom backend logic and external AI APIs. This modular design allows for flexible deployment and integration with diverse AI models and backend infrastructures.
DeepChat Core Orchestrator [Expand]
The central component managing the entire chat lifecycle, configuration, and coordination between UI, services, and internal logic. It's the primary entry point for developers to configure and interact with the DeepChat component.
Related Classes/Methods:
DeepChat User Interface [Expand]
Handles all aspects of the chat user interface, including rendering messages, managing the input area, and processing user interactions (text input, file uploads, media buttons).
Related Classes/Methods:
component.src.views.chat.chatViewcomponent.src.views.chat.input.inputcomponent.src.views.chat.input.textInputcomponent.src.views.chat.input.fileAttachmentscomponent.src.views.chat.input.buttons.microphonecomponent.src.views.chat.input.buttons.cameracomponent.src.views.chat.input.validationcomponent.src.views.chat.messages.messagescomponent.src.views.chat.messages.streamcomponent.src.views.chat.messages.historycomponent.src.views.chat.messages.browserStoragecomponent.src.views.chat.messages.textToSpeech
Frontend Service Integration [Expand]
Manages communication with various external AI/backend services directly from the frontend. It abstracts service-specific API calls and handles data formatting for different AI providers.
Related Classes/Methods:
component.src.services.serviceIOFactorycomponent.src.services.utils.baseServiceIOcomponent.src.services.utils.directServiceIOcomponent.src.services.openAIcomponent.src.services.huggingFacecomponent.src.services.coherecomponent.src.services.stabilityAIcomponent.src.services.azurecomponent.src.services.ollamacomponent.src.services.geminicomponent.src.services.mistralcomponent.src.services.assemblyAIcomponent.src.services.kimicomponent.src.services.qwencomponent.src.services.deepSeek
In-Browser AI Model Runtime [Expand]
Enables the loading, initialization, and execution of AI models directly within the user's browser, facilitating client-side inference without external API calls.
Related Classes/Methods:
External Backend Services (Example) [Expand]
Illustrative backend API endpoints and service logic for different frameworks (Node.js, Next.js, Python Flask) that demonstrate how a custom backend can receive requests from DeepChat, interact with external AI APIs, and send responses back. These are external to the core DeepChat component.
Related Classes/Methods:
example-servers.node.nestjs.src.app.controllerexample-servers.node.express.src.app.routesexample-servers.nextjs.pages-router.pages.apiexample-servers.nextjs.app-router.app.apiexample-servers.python.flask.src.appexample-servers.node.nestjs.src.servicesexample-servers.node.express.src.servicesexample-servers.python.flask.src.services