-
Notifications
You must be signed in to change notification settings - Fork 134
Improve properties panel UX and workflow navigation feedback #86
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
base: main
Are you sure you want to change the base?
Conversation
Node Config Panel (node-config-panel.tsx):
- Add success toast when copying the node code
- Improve edge/connection panel:
- Rename header from 'Properties' to 'Connection'
- Show human-readable node labels instead of raw IDs
- Display format: 'Plugin: Action' (e.g., 'Resend: Send Email')
- Show 'System: {action}' for non-plugin actions
- Show 'Trigger: {type}' for trigger nodes
- Rename fields from 'Source/Target' to 'From/To'
- Remove Edge ID field (not user-friendly)
- Update delete dialog title to 'Delete Connection'
- Add tooltips to all icon-only buttons for discoverability
- Unify button styling: make all action buttons icon-only with tooltips
- Add 'Node Details' section with heading and description for label/description fields
- Add placeholder examples: 'e.g. Send welcome email'
Workflow Toolbar (workflow-toolbar.tsx):
- Add loading toast when opening a workflow from the dropdown menu
- Toast shows 'Opening {workflow name}...' while navigating
- Toast auto-dismisses when navigation completes
|
@bensabic is attempting to deploy a commit to the Vercel Labs Team on Vercel. A member of the Team first needs to authorize it. |
|
Hey @bensabic - thank you so much. Here are a few notes on these items:
|
|
@ctate Thank you so much for the feedback! I'll work on making those changes For the Node Details section, I mainly added that so there was some separation between that section and everything else. So that it was clearer what fields were for the node itself and the plugin. With that said, happy to also remove that. Yeah good point regarding the Workflow Toolbar. I'll remove the toast and work on performance related pieces in a seperate PR |
Node Config Panel (node-config-panel.tsx):
Workflow Toolbar (workflow-toolbar.tsx):