[BUG] Gita AI bugs

[samanyougarg]

What would you like to share?

• [x] Button doesn't seem right. There is too much padding on the right.

• [x] Too much space here.

  

• [ ] Can we add word-by-word streaming like this: https://www.loom.com/share/888cf35738244e3ca5b2d2bb550511de

• [x] "BhagavadGitaAI" at the top doesn't look good. Let's reduce the font size and make it black with the same font as the chat text and call it "Gita AI".

  

• [x] Shri Krishna and Arjuna avatar images are too big.

  

Should be like this:

• [x] Chat bubble radius is too much.

Should be like this (0.75 rem):

• [x] Hitting "Enter" doesn't execute the generation.

• [ ] Can you please match the input box design with the one on bhagavadgita.ai?

[samanyougarg]

• [x] Let's make the border radius for top left and right corners of the text box as 0px so it exactly aligns with the suggestions box.

• [x] And the bottom left and right corners should be 0.5rem for border radius.

[samanyougarg]

• [x] Text box font and border color should be light grey.

Like the one on the website:

[samanyougarg]

• [x] If the text box has no text, the send button should be light yellow like in the image below and button should be disabled so user can't send until they write something.

[samanyougarg]

• [x] Disable the text box and button when the response for previous query is being generated.

[samanyougarg]

• [x] Compare the font weights with the text on the website.

[samanyougarg]

• [x] Remove the word by word animation on the default text.

[samanyougarg]

• [x] Word-by-word streaming is not working as expected. Currently, we wait for the response to finish and then show the animation of typing. This is not what is expected. Instead as the response words are coming, they should be rendered every millisecond like this: https://www.loom.com/share/888cf35738244e3ca5b2d2bb550511de

[samanyougarg]

• [x] After the first generation i.e. when the suggestions box is hidden, the text box should be like this, basically have rounded corners at the top of the textbox as well.
• [x] And also there should be some padding above the textbox. See below.

[samanyougarg]

• [ ] Some special characters like ' seem to be not rendering. See the orange highlighted text.
• [ ] If there are longer words that are more than the row length, they are being cut. See the one with red underline. It should have been moved to second line without cutting.

[caldempsey]

• Feel like the 'the answer may not be factually correct' bit is repetitive, disclaimer can be mentioned once on sign-up and doesn't need to be duplicated, or below the input box on the page.
• 'Read More' buttons might be more mobile friendly, allowing users to infinitely scroll more content with less effort on mobile if seeking historic information.
• Could go further than the common history sections and add a navigation tree to navigate responses?