Imorove Chatbox UI

[OdapX]

Features

• Gain vertical space

  • Remove Navbar in Dashboard , Add logo + Colorscheme toggle
    

• Toggle visibility Left SideBar:

  • Left side bar should be resizable (same behavior as OpenAI ChatGPT) . use: https://react-resizable-panels.vercel.app/examples/collapsible

Bugs

• Bug switch conversation in Agent page

  • bug1: Ask question then click "new chat" during streaming
  • bug2: Switch conversation does not show conversation loader (It's working well on /logs)

• LightMode/DarkMode flickering bug

• Chatbox while streaming

  • Text stream animation (lobechat looks smoother)
  • Use same scroll behavior as Lobechat (https://github.com/lobehub/lobe-chat/blob/975d1255f790526405b0030273496256a9866b60/src/features/Conversation/components/AutoScroll.tsx#L3)
  • Stream looks smoother on Lobechat
    • Remove Loader , implement same ux as LobeChat (on submit-> user message is diplayed -> agent message -> is displayed with a loading indicator (use same as tool calling))