add_chat

[CocoRoF]

This pull request introduces several key updates, including the addition of reusable sidebar configuration utilities, a new chat page with workflow selection functionality, and improvements to code organization by consolidating shared components under _common. Additionally, new styles and components were added to enhance the user interface for chat and workflow management.

New Features and Enhancements:

• Reusable Sidebar Configuration:

  • Added getSidebarItems and createItemClickHandler utilities in sidebarConfig.ts to standardize sidebar item definitions and click handling across pages.
  • Integrated the new sidebar utilities into ChatPage and MainPageContent components. [1] [2]

• Chat Page and Workflow Selection:

  • Introduced a new ChatPage component with a sidebar and ChatContent for workflow and chat navigation.
  • Added WorkflowSelection component to allow users to choose workflows, with filtering and error handling.
  • Created styles for the chat interface in ChatContent.module.scss.

Codebase Organization and Refactoring:

• Shared Component Consolidation:
  • Moved shared components like workflowStorage, nodeHook, and ToastProvider under _common for better modularity. Updated imports across multiple files to reflect this change. [1] [2] [3] [4] [5] [6]

User Experience Improvements:

• State Persistence:

  • Enhanced MainPageContent to support navigation from the chat page by persisting the active section in localStorage.

• Responsive Design:

  • Added responsive styles for the chat interface to improve usability on smaller screens.

These changes collectively improve the modularity, reusability, and user experience of the application.