feat(nx-dev): add "new chat" button to AI page

[jaysoo]

This PR:

• Adds a New chat button to the AI page. It will reset the messages to [] so AI will not remember current messages.
• Adds a Stop generating button so users can stop the response from streaming in the UI.
• Adds a Regenerate button if users press on Stop generating.
• Makes the thumbs up/down buttons larger so they are easier to press on mobile.
• Puts the prompt at the bottom so it's consistent with other chat experiences.
• Update URL to /ai-chat from /ai in case we want the latter in the future for other AI features.

Edit: Updated to include expanded scope

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
nx-dev	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 14, 2023 1:48pm

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 4f27d7e. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

---

✅ Successfully ran 8 targets

• nx affected --target=e2e --base=5056d6cefb2949ba865019e8b71e633fba28c091 --head=4f27d7ebb617cfd1d8ff93789ad5dbeb3e578ad5 --parallel=1
• nx affected --target=lint --base=5056d6cefb2949ba865019e8b71e633fba28c091 --head=4f27d7ebb617cfd1d8ff93789ad5dbeb3e578ad5 --parallel=3
• nx affected --target=build --base=5056d6cefb2949ba865019e8b71e633fba28c091 --head=4f27d7ebb617cfd1d8ff93789ad5dbeb3e578ad5 --parallel=3
• nx run-many -t check-imports check-commit check-lock-files check-codeowners documentation --parallel=1 --no-dte
• nx affected --target=test --base=5056d6cefb2949ba865019e8b71e633fba28c091 --head=4f27d7ebb617cfd1d8ff93789ad5dbeb3e578ad5 --parallel=1
• nx-cloud record -- nx format:check --base=5056d6cefb2949ba865019e8b71e633fba28c091 --head=4f27d7ebb617cfd1d8ff93789ad5dbeb3e578ad5
• nx documentation --no-dte
• nx affected -t e2e-macos --parallel=1 --base=5056d6cefb2949ba865019e8b71e633fba28c091 --head=4f27d7ebb617cfd1d8ff93789ad5dbeb3e578ad5

---

Sent with 💌 from NxCloud.

[FrozenPandaz]

I think "New Chat" down there might be confusing CTA.

I understand you were trying to convey we are starting a new chat now. But a major side effect is that this current chat gets blown away. Someone clicks "New Chat" not realizing their old chat will go away.

I think the following would be better.

1. Move the button to the right. User will type something, and have different ways of submitting it.
2. I think the iconography should be something more "Reset"
3. The behavior I expect, is for the screen to clear. However, I think people will have already typed something. Let's remember what they typed and keep it in the input.

Can we do that? 👀

[jaysoo]

Move the button to the right. User will type something, and have different ways of submitting it.

I think having a different way to submitting (i.e. two submit buttons) is confusing too, the user wouldn't know which is the right button when asking questions.

I'm playing around with showing a button above the prompt only when the response has stopped.

[mandarini]

Love the new UI!

[github-actions]

This pull request has already been merged/closed. If you experience issues related to these changes, please open a new issue referencing this pull request.