fix: #5736 Navigate to canvas after FlowListTable rename

[KUNDAN1334]

Before: Rename from List View → returns to chatflows list
After: Rename from List View → navigates to canvas editor

Changes

• Removed updateFlowsApi.request() table refresh after rename
• Added useNavigate() to /canvas/${chatflow.id} (or agentcanvas routes)
• Cleaned API payload: { name: chatflowName } (removed extra chatflow prop)
• Added success/error snackbar notifications
• Fixed useNavigate hook placement (inside component)
• Multi-mode support: Chatflow + Agentflow V1/V2 routing

[gemini-code-assist]

Summary of Changes

Hello @KUNDAN1334, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request refactors the flow renaming functionality to enhance user experience by directly navigating to the canvas editor after a successful rename, rather than returning to the list view. It streamlines the API request payload, integrates user feedback with snackbar notifications, and ensures correct routing for various flow types, improving the overall workflow for managing chatflows and agentflows.

Highlights

• Navigation after rename: Changed the post-rename behavior from returning to the chatflows list to navigating directly to the canvas editor for the renamed flow.
• API Payload Refinement: Cleaned the API payload for renaming, sending only the name property instead of the entire chatflow object.
• User Feedback: Implemented success and error snackbar notifications to provide immediate feedback to the user after a rename operation.
• Routing Logic: Added multi-mode support for navigation, correctly routing to Chatflow, Agentflow V1, or Agentflow V2 canvas editors based on the flow type.
• Code Cleanup: Removed the redundant updateFlowsApi.request() call which was previously used to refresh the table after a rename.

Changelog

• packages/ui/src/ui-component/button/FlowListMenu.jsx
  • Imported the useNavigate hook from react-router-dom.
  • Initialized the navigate function within the FlowListMenu component.
  • Modified the updateChatflowApi.request call to send a cleaner payload containing only the name.
  • Added enqueueSnackbar calls to display success and error messages.
  • Removed the updateFlowsApi.request calls that refreshed the flow list.
  • Implemented conditional navigation using navigate to redirect to the appropriate canvas editor (/canvas/, /agentcanvas/, or /v2/agentcanvas/) after a successful rename.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[gemini-code-assist]

Code Review

The pull request successfully implements the navigation to the canvas editor after a flow is renamed from the list view. It also cleans up the API payload. However, there are some minor issues regarding code style consistency (semicolons), unnecessary whitespace, and UI state management (closing the dialog) that should be addressed to maintain code quality. Additionally, the 'updateBody' variable (lines 183-186) is now unused and should be removed.