Add Research component to dashboard workspace

[kleneway]

Add Research Component to Dashboard Workspace

Description

We need to add a new "Research" component to the dashboard application to display research items. Currently, the dashboard shows items such as Prompts, Code, Issue, Pull Request, etc. With the addition of research items in the database, we should also display them in the dashboard. The research items need to be added to the task when the dashboard loads and passed down to the research component.

Requirements

• Create a new component that displays all the research objects for a specific task/issueId.
• Render the research answers in markdown.
• Ensure the design is consistent with other workspace components, using Tailwind CSS for styling.
• Fetch research items from the database and pass them to the new component.

Implementation Details

1. Data Fetching and Passing:

   • Fetch research items using tRPC hooks in src/app/dashboard/[org]/[repo]/[developer]/Dashboard.tsx.
   • Pass the fetched research items to the new Research component.

2. Component Creation:

   • Create a new file Research.tsx in src/app/dashboard/[org]/[repo]/[developer]/components/workspace/.
   • Use react-markdown and react-syntax-highlighter for rendering markdown content with syntax highlighting.
   • Follow the styling patterns used in other workspace components, utilizing Tailwind CSS.

3. Integration:

   • Add a new case in the Workspace component's switch statement to render the Research component when the event type is "research".
   • Ensure the research data is included in the events fetched by the API.

New Files:

• src/app/dashboard/[org]/[repo]/[developer]/components/workspace/Research.tsx

Acceptance Criteria:

• [ ] A new Research component is created and added to the workspace.
• [ ] The Research component correctly renders research answers in markdown format.
• [ ] The design of the Research component is consistent with other workspace components.
• [ ] Research items are fetched from the database and passed to the Research component.
• [ ] The Research component is integrated into the Workspace component and displayed correctly.

@jacob-ai-bot

Steps to Address Issue: 1. Create a new file 'Research.tsx' in the specified directory.

2. Implement the Research component with markdown rendering and syntax highlighting.
3. Style the component using Tailwind CSS to match other workspace components.
4. Update the Dashboard.tsx file to fetch research items using tRPC hooks.
5. Modify the Workspace component to include the new Research component.
6. Ensure the API includes research data in the events it fetches.
7. Test the new component to verify it meets all acceptance criteria.

Files to Create: /src/app/dashboard/[org]/[repo]/[developer]/components/workspace/Research.tsx

Files to Update: /src/app/dashboard/[org]/[repo]/[developer]/Dashboard.tsx, /src/app/dashboard/[org]/[repo]/[developer]/components/workspace/index.tsx

task assigned to: @jacob-ai-bot

[jacob-local-kevin[bot]]

JACoB here...

You mentioned me on this issue and I am busy taking a look at it.

I'll continue to comment on this issue with status as I make progress.

[jacob-local-kevin[bot]]

Unfortunately, I ran into trouble working on this.

Here is some error information:

Missing required variables: context