fix(web): fix selection menu hide

web/app/components/workflow/__tests__/selection-contextmenu.spec.tsx

@@ -25,7 +25,7 @@ vi.mock('@/next/navigation', () => ({
   }),
 }))
 
-vi.mock('@/app/components/base/ui/toast', () => ({
+vi.mock('@langgenius/dify-ui/toast', () => ({
   toast: {
     success: (...args: unknown[]) => mockToastSuccess(...args),
     error: (...args: unknown[]) => mockToastError(...args),
@@ -39,13 +39,19 @@ vi.mock('@/service/use-snippets', () => ({
   }),
 }))
 
-vi.mock('@/service/client', () => ({
+vi.mock('@/service/client', async (importOriginal) => {
+  const actual = await importOriginal<typeof import('@/service/client')>()
+  return {
+    ...actual,
     consoleClient: {
+      ...actual.consoleClient,
       snippets: {
+        ...actual.consoleClient.snippets,
         syncDraftWorkflow: (...args: unknown[]) => mockSyncDraftWorkflow(...args),
       },
     },
-}))
+  }
+})
 
 vi.mock('../hooks', async () => {
   const actual = await vi.importActual<typeof import('../hooks')>('../hooks')
@@ -301,6 +307,8 @@ describe('SelectionContextmenu', () => {
     })
 
     fireEvent.click(screen.getByTestId('selection-contextmenu-item-createSnippet'))
+    expect(store.getState().selectionMenu).toBeUndefined()
+    expect(screen.queryByTestId('selection-contextmenu-item-createSnippet')).not.toBeInTheDocument()
     fireEvent.change(screen.getByPlaceholderText('workflow.snippet.namePlaceholder'), {
       target: { value: 'My snippet' },
     })

web/app/components/workflow/selection-contextmenu.tsx

@@ -335,6 +335,7 @@ const SelectionContextmenu = () => {
       }),
     }
   }, [selectionMenu])
+  const isMenuOpen = Boolean(selectionMenu && anchor)
 
   useEffect(() => {
     if (selectionMenu && selectedNodes.length <= 1)
@@ -561,14 +562,15 @@ const SelectionContextmenu = () => {
   return (
     <div data-testid="selection-contextmenu">
       <ContextMenu
-        open
+        open={isMenuOpen}
         onOpenChange={(open) => {
           if (!open)
             handleSelectionContextmenuCancel()
         }}
       >
+        {isMenuOpen && (
           <ContextMenuContent
-          positionerProps={anchor ? { anchor } : undefined}
+            positionerProps={{ anchor }}
             popupClassName="w-[240px] py-0"
           >
             <div className="p-1">
@@ -612,6 +614,7 @@ const SelectionContextmenu = () => {
               </div>
             </div>
           </ContextMenuContent>
+        )}
       </ContextMenu>
       {isCreateSnippetDialogOpen && (
         <CreateSnippetDialog