Skip to content

Conversation

mike12345567
Copy link
Contributor

@mike12345567 mike12345567 commented Oct 3, 2025

Summary

This PR updates the initial experience in the product, rendering both a "add first step" and a "build with AI" button on the canvas. This also requires moving the prompt experience into the side panel, since the canvas now has the two buttons.

blank-state

Addresses designs in: https://linear.app/n8n/issue/AI-1431/t2w-replace-prompting-area-with-two-entry-points-first-node-and-build

A few of the details that needed to be implemented for this:

  1. Highlight when menus open around the canvas buttons
  2. Updated toggling for the buttons on the canvas, so that clicking them when the menu is open closes the menu
  3. Some general updates around focusing the input in the side panel when it opens - correctly handling the slide animation now
  4. Updating the width of the side panel to 400px by default (from 300px)
  5. I've removed the old CanvasNodeAIPrompt as it was no longer applicable
  6. A new suggestion component which is used when specified in the blank state
  7. Removed the loading of credits when the page first loads, it loads this when the menu opens now
  8. Dropped the node creator menu below the ask assistant component in z-index for animations (when both are open)

Review / Merge checklist

  • PR title and summary are descriptive. (conventions)
  • Docs updated or follow-up ticket created.
  • Tests included.
  • PR Labeled with release/backport (if the PR is an urgent fix that needs to be backported)

@mike12345567 mike12345567 changed the title feat(editor): new T2W blank state (no-changelog) feat(editor): New T2W blank state (no-changelog) Oct 3, 2025
Copy link
Contributor

@cubic-dev-ai cubic-dev-ai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

2 issues found across 28 files

Prompt for AI agents (all 2 issues)

Understand the root cause of the following 2 issues and fix them.


<file name="packages/frontend/editor-ui/src/components/Node/NodeCreation.vue">

<violation number="1" location="packages/frontend/editor-ui/src/components/Node/NodeCreation.vue:101">
This condition now fires `trackUserOpenedAssistant` only when the assistant is already open, so opening the assistant no longer emits the telemetry event. Please invert the check so the open action is still tracked.</violation>
</file>

<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:509">
When the chat first renders with suggestions, the bottom input is not mounted, so onMounted never attaches the ResizeObserver or scroll handler to inputWrapperRef. Later, when the input finally appears, those listeners are still missing, and auto-scroll/input resize handling stops working.</violation>
</file>

React with 👍 or 👎 to teach cubic. Mention @cubic-dev-ai to give feedback, ask questions, or re-run the review.

@n8n-assistant n8n-assistant bot added the n8n team Authored by the n8n team label Oct 3, 2025
Copy link

bundlemon bot commented Oct 3, 2025

BundleMon

Files added (2)
Status Path Size Limits
WASM Dependencies
tree-sitter-bash.wasm
+181.26KB -
WASM Dependencies
tree-sitter.wasm
+74.47KB -

Total files change +255.73KB

Groups added (2)
Status Path Size Limits
**/*.js
+5.8MB -
**/*.css
+195.14KB -

Final result: ✅

View report in BundleMon website ➡️


Current branch size history

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
n8n team Authored by the n8n team
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant