Add Toggle to Switch Between Graph Search and AI Chat

[tomsmith8]

Task

Description

We need to introduce a toggle allowing users to switch between Graph Search and AI Chat. This will enhance flexibility in how users interact with the system.

Loom Example & Design Prototype

• Loom Example: Video Link
• Design Reference: Prototype

Requirements & Implementation Steps

1. Add AI Chat Component

   • Implement a new AI Chat component within the search interface.

2. Implement Toggle for Search Mode

   • Use new AI Chat component that lets users seamlessly switch between Graph Search and AI Chat.

3. Enhance AI Chat Functionality

   • When AI Chat mode is selected, graph search is moved to the right dynamically and should have a slick animation
   • Ensure that initiating an AI chat search renders the normal question and answer flow (same func. as triggering a chat from the sidebar)

4. Enable New AI Chat Sessions

   • Users should be able to ask a new question, initiating a fresh AI chat session if they input a new question in the AI chat input field

5. Ensure Smooth Mode Switching

   • Users must be able to switch back to Graph Search

6. Update Filter Component

   • Modify the filter component to accommodate the new AI Chat toggle and match Figma design

Outcome

This enhancement provides users with the ability to toggle between different search modes, ensuring a more interactive and adaptable experience.

Acceptance Criteria

• Icon and components should match Figma exactly along with the functionality

[saithsab877]

@tomsmith8 Please assign me?

[MuhammadUmer44]

@tomsmith8 I can help?

[Shoaibdev7]

@tomsmith8 Could you assign me?

[Antanasijevic]

@tomsmith8 Here are final designs

Figma Design
https://www.figma.com/design/YuEbi4x32Mm8ZQJdnrs4uc/Second-Brain-Final-Designs?node-id=11192-60457&t=8ozwQW9vNDmIvy8q-1

Prototype
https://www.figma.com/proto/YuEbi4x32Mm8ZQJdnrs4uc/Second-Brain-Final-Designs?node-id=11192-60457&t=5mMsQexylTpWGYod-1&scaling=min-zoom&content-scaling=fixed&page-id=1238%3A3033&starting-point-node-id=11192%3A60457