Feature/orm-1623-2

[g-francesca]

No description provided.

[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 20, 2024 4:25pm

[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. (IN PROGRESS)
• New 'stop' icon https://www.figma.com/design/p38rGBjH8OqgdI6Wn7Vk1t/Search-Box---AS-MODAL?node-id=892-5855&t=0lBPu8u2dkLpPbWb-4
• Adjust spacing and font sizes (mobile+desktop)
• Adjust suggestions spacing gap: 8px vertical and horizontal
• Implement sources carousel click to scroll (IN PROGRESS)
• 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

e4r3 e3w4aq