Add 'Research' Tab to Code Visualizer to Display Project-Level Research Items

[kleneway]

Description

Enhance the Code Visualizer by adding a new 'Research' tab to the top navigation bar, alongside the existing 'Folder' and 'Architecture' tabs.

When a user clicks on the 'Research' tab:

• Backend:

  • Fetch all project-level research items for the current project from a new TRPC endpoint in the todo router.
  • The endpoint retrieves research objects from the database where:
    • todoId is 0.
    • issueId is 0.
    • projectId matches the current project.
  • If no research items are available:
    • Return an empty array.
    • Initiate the generation of project research items in the background. call getOrCreateResearchForProject with the project id and the codebaseContext items from the database.

• Frontend:

  • Display the research items using the existing Research component from the To-Do details section.
  • Refer to /src/app/dashboard/[org]/[repo]/todos/components/Research.tsx and /src/app/dashboard/[org]/[repo]/todos/components/TodoDetails.tsx for implementation details.
  • add a max-w-5xl and center the research on the page. Start with them collapsed by default. Use the same meadow gradient background as seen in the TodoDetails component. Be sure to 'use client'
  • If no research items are currently available:
  • Display a friendly message:
    "Research items are being generated. Please check again in a few minutes."

Expected Outcome

• A new 'Research' tab is present in the Code Visualizer's navigation bar.
• Clicking the 'Research' tab displays project-level research items using the existing Research component.
• If research items are not available:
  • Users see a message indicating that research items are being generated.
  • The system starts generating research items for the project.
• The interface is consistent with the design and functionality of the existing To-Do details section. @jacob-ai-bot --skip-build

[jacob-ai-bot[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-ai-bot[bot]]

Update

I've completed my work on this issue and have created a pull request: JACoB PR for Issue Add 'Research' Tab to Code Visualizer to Display Project-Level Research Items.

Please review my changes there.