feat(ai-builder): Design updates for workflow builder chat experience #22765
+639
−462
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
BundleMonUnchanged files (2)
No change in files bundle size Groups updated (2)
Final result: ✅ View report in BundleMon website ➡️ |
Codecov Report❌ Patch coverage is
📢 Thoughts on this report? Let us know! |
![cubic-dev-ai[bot]](https://avatars.githubusercontent.com/in/1082092?s=60&v=4){kind=small}
Contributor
There was a problem hiding this comment.
2 issues found across 17 files
Prompt for AI agents (all 2 issues)
Check if these issues are valid — if so, understand the root cause of each and fix them.
<file name="packages/frontend/@n8n/design-system/src/components/AskAssistantChat/AskAssistantChat.vue">
<violation number="1" location="packages/frontend/@n8n/design-system/src/components/AskAssistantChat/AskAssistantChat.vue:104">
P2: Rule violated: **Prefer Typeguards over Type casting**
Use the type guard properly for type narrowing instead of `as` cast. Restructure the loop to store the value and use the type guard for narrowing.</violation>
</file>
<file name="packages/@n8n/ai-workflow-builder.ee/src/tools/prompts/main-agent.prompt.ts">
<violation number="1" location="packages/@n8n/ai-workflow-builder.ee/src/tools/prompts/main-agent.prompt.ts:595">
P2: Incomplete emoji removal - the ⚙ character remains in this header while it was properly removed from the identical header on line 585 (`**How to Setup**`). This contradicts the new "NO emojis under any circumstances" rule added in this PR.</violation>
</file>
Reply to cubic to teach it or ask questions. Re-run a review with @cubic-dev-ai review this PR
packages/frontend/@n8n/design-system/src/components/AskAssistantChat/AskAssistantChat.vue
Outdated
Show resolved
Hide resolved
packages/@n8n/ai-workflow-builder.ee/src/tools/prompts/main-agent.prompt.ts
Outdated
Show resolved
Hide resolved
|
E2E Tests: n8n tests passed after 10m 9.7s Run Details
Groups
This message was posted automatically by
currents.dev | Integration Settings
|
mike12345567
requested review from
a team and
OlegIvaniv
and removed request for
a team
…bt-chat-experience
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
This PR contains a general refresh of the design for the chat experience. It has a few main areas of update:
This handles the design debt update in ticket: https://linear.app/n8n/issue/AI-1715/design-debt-improve-visual-hierarchy-of-chat-panel
Screenshots
General new look and feel:
New execute and refine look:
New animations:
Show more user text bubble:
Review / Merge checklist
release/backport(if the PR is an urgent fix that needs to be backported)