Feature/orm-1623

[g-francesca]

• fix abort answer bug: on abort, the pause button remained visible and a new interaction with loading status was added
• fixing some colors: sources hover background-color + modal background-color on desktop + modal border on desktop
• fix: on search value reset, the chat button label was not updating accordingly
• replaced pause icon with a new one

[linear]

ORM-1623 Searchbox Improvements

(both for Framer chat box and search as a modal)

• Show sources as soon as they are returned in the stream.
• Adjust spacing and font sizes (mobile+desktop)
• Adjust suggestions spacing gap: 8px vertical and horizontal
• Implement sources carousel click to scroll
• Handle auto-scroll: animation "scroll to top of last answer box"
  see video:

scroll search box.mp4

• Allow users to integrate SearchBox and ChatBox passing a oramaClient instance as a prop.
  (if not provided, a new OramaClient instance is initialized automatically)
• component ID should be autogenerated
• change the icon "stop generating" see here

Search as a modal only

• the background color is wrong (you are using primary), change it to BACKGROUND-COLOR-SECONDARY (dark mode: gray.900 - light mode: white)

• 'Sources' color is wrong here you can find the right token

• 'Get a summary' icon: figma here

  • center the icon
  • change color on light mode

• user click on X on the search box to erase the input text, also the get a summary text should be erased

erase text.mp4

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
orama-ui-components-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 19, 2024 1:57pm