-
Notifications
You must be signed in to change notification settings - Fork 116
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(assistant): assistant improvements #4214
base: main
Are you sure you want to change the base?
Conversation
Run & review this pull request in StackBlitz Codeflow. |
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
View your CI Pipeline Execution ↗ for commit 9fe763e.
☁️ Nx Cloud last updated this comment at |
Size Change: 0 B Total Size: 1.11 MB ℹ️ View Unchanged
|
This pull request is automatically built and testable in CodeSandbox. To see build info of the built libraries, click here or the icon next to each commit SHA. Latest deployment of this branch, based on commit 9fe763e:
|
Paste Run #9306
Run Properties:
|
Project |
Paste
|
Branch Review |
chore-remoce-slack-integration-local
|
Run status |
Passed #9306
|
Run duration | 02m 05s |
Commit |
9fe763ef1f: docs(ai-chat-log): doucment how to animate markdown
|
Committer | Kristian Antrobus |
View all properties for this run ↗︎ |
Test results | |
---|---|
Failures |
0
|
Flaky |
0
|
Pending |
0
|
Skipped |
0
|
Passing |
67
|
View all changes introduced in this branch ↗︎ |
@@ -3,7 +3,7 @@ import React from "react"; | |||
|
|||
const Window: React.FC<React.PropsWithChildren> = ({ children }) => { | |||
return ( | |||
<Box display="grid" gridTemplateColumns="400px 1fr" height="100svh" width="100%"> | |||
<Box display="grid" gridTemplateColumns="300px 1fr" height="100svh" width="100%"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Found this was taking too much space on medium displays
<AIChatMessageBody {...props}> | ||
{threadMessage.content.length > 0 && | ||
threadMessage.content[0]?.type === "text" && | ||
compiler(threadMessage.content[0].text.value, assistantMarkdownOptions)} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Had to use compiler because the animated children was causing the component in the library to throw errors. I also added some information to our docs for how to overcome this.
@@ -15,7 +24,7 @@ export const UserMessage: React.FC<{ threadMessage: Message }> = ({ threadMessag | |||
> | |||
You | |||
</AIChatMessageAuthor> | |||
<AIChatMessageBody> | |||
<AIChatMessageBody {...props}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Changed so we can pass in props for the body, for this one the size="fullScreen"
@@ -24,7 +24,7 @@ const Assistant: NextPage = () => { | |||
/> | |||
</Head> | |||
<AssistantPage /> | |||
<ReactQueryDevtools initialIsOpen={false} /> | |||
<ReactQueryDevtools initialIsOpen={false} buttonPosition="bottom-left" /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The developer floating button (the palm trees button when running locally) was covering the submit button on chat composer so moved the positioning
)} | ||
<AIChatMessageBody {...props}> | ||
{threadMessage.content.length > 0 && | ||
threadMessage.content[0]?.type === "text" && |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The Vercel issue where it would sometimes throw the 500 Sarah was talking about was due to deleting a thread the threadMessage.content[0]
was undefined and threw a 500 that type could not be found.
Added various improvements to the Paste AI Assistant.