# DEB-308: Evaluate CopilotKit for Dashboard and Chat Integration

> **Jira:** [DEB-308](https://divami.atlassian.net/browse/DEB-308)  
> **Source Report:** [20260315.md](../../reports/jira/20260315.md)

- **Status:** Start
- **Assignee:** saianitha
- **Priority:** Medium
- **Created:** 2026-03-13T14:43:47.024+0530
- **Updated:** 2026-03-13T16:35:29.644+0530

**Description:**

Research need to be documented, and validated.
The documentation need to provide the what are the capabilities, limitations, test data considered, use cases condidered that all related in building the platform and Cost aspects of it.
POC need to demonstrate capabilities of Copilot kit.
This will help us take a decision on UI architecture for Platform.

**Architecture Diagram:**

```mermaid
flowchart LR
    subgraph CopilotKit[CopilotKit Integration]
        A[CopilotKit Provider<br/>wraps React App]
        B[useChat hook<br/>Chat Interface]
        C[CopilotSidebar<br/>or CopilotPopup]
        D[useCopilotAction<br/>Agent Actions]
    end
    subgraph Backend[Backend Agent]
        E[LangGraph / PydanticAI<br/>Agent endpoint]
    end
    subgraph Dashboard[Dashboard]
        F[Visualization Intelligence<br/>Component]
        G[Charts & Tables<br/>Rendered by Agent]
    end

    B --> E
    D --> E
    E -->|Streaming response| C
    E -->|Dashboard instructions| F
    F --> G
    A -->|wraps| B & C & D & F
```