refactor: update classnames import style across multiple components

web/app/components/workflow/nodes/human-input/components/button-style-dropdown.tsx

@@ -11,7 +11,7 @@ import {
 } from '@/app/components/base/portal-to-follow-elem'
 import Button from '@/app/components/base/button'
 import { UserActionButtonType } from '../types'
-import cn from '@/utils/classnames'
+import { cn } from '@/utils/classnames'
 
 const i18nPrefix = 'workflow.nodes.humanInput'
 

web/app/components/workflow/nodes/human-input/components/delivery-method/mail-body-input.tsx

@@ -6,7 +6,7 @@ import type {
   NodeOutPutVar,
 } from '@/app/components/workflow/types'
 import { BlockEnum } from '@/app/components/workflow/types'
-import cn from '@/utils/classnames'
+import { cn } from '@/utils/classnames'
 
 type MailBodyInputProps = {
   readOnly?: boolean

web/app/components/workflow/nodes/human-input/components/delivery-method/method-item.tsx

@@ -19,7 +19,7 @@ import type {
   Node,
   NodeOutPutVar,
 } from '@/app/components/workflow/types'
-import cn from '@/utils/classnames'
+import { cn } from '@/utils/classnames'
 import TestEmailSender from './test-email-sender'
 
 const i18nPrefix = 'workflow.nodes.humanInput'

web/app/components/workflow/nodes/human-input/components/delivery-method/method-selector.tsx

@@ -21,7 +21,7 @@ import type { DeliveryMethod } from '../../types'
 import { DeliveryMethodType } from '../../types'
 import { IS_CE_EDITION } from '@/config'
 import { v4 as uuid4 } from 'uuid'
-import cn from '@/utils/classnames'
+import { cn } from '@/utils/classnames'
 
 const i18nPrefix = 'workflow.nodes.humanInput'
 

web/app/components/workflow/nodes/human-input/components/delivery-method/recipient/email-input.tsx

@@ -9,7 +9,7 @@ import {
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import cn from '@/utils/classnames'
+import { cn } from '@/utils/classnames'
 
 const i18nPrefix = 'workflow.nodes.humanInput'
 

web/app/components/workflow/nodes/human-input/components/delivery-method/recipient/index.tsx

@@ -8,7 +8,7 @@ import MemberSelector from './member-selector'
 import EmailInput from './email-input'
 import { fetchMembers } from '@/service/common'
 import type { RecipientData, Recipient as RecipientItem } from '../../../types'
-import cn from '@/utils/classnames'
+import { cn } from '@/utils/classnames'
 import { produce } from 'immer'
 
 const i18nPrefix = 'workflow.nodes.humanInput'

web/app/components/workflow/nodes/human-input/components/delivery-method/recipient/member-list.tsx

@@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next'
 import Input from '@/app/components/base/input'
 import Avatar from '@/app/components/base/avatar'
 import type { Member } from '@/models/common'
-import cn from '@/utils/classnames'
+import { cn } from '@/utils/classnames'
 
 const i18nPrefix = 'workflow.nodes.humanInput'
 

web/app/components/workflow/nodes/human-input/components/delivery-method/recipient/member-selector.tsx

@@ -9,7 +9,7 @@ import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigge
 import Button from '@/app/components/base/button'
 import MemberList from './member-list'
 import type { Member } from '@/models/common'
-import cn from '@/utils/classnames'
+import { cn } from '@/utils/classnames'
 
 const i18nPrefix = 'workflow.nodes.humanInput'
 

web/app/components/workflow/nodes/human-input/components/delivery-method/test-email-sender.tsx

@@ -26,7 +26,7 @@ import { fetchMembers } from '@/service/common'
 import { useTestEmailSender } from '@/service/use-workflow'
 import { noop, unionBy } from 'lodash-es'
 import { isOutput } from '../../utils'
-import cn from '@/utils/classnames'
+import { cn } from '@/utils/classnames'
 
 const i18nPrefix = 'workflow.nodes.humanInput'
 

web/app/components/workflow/nodes/human-input/components/form-content.tsx

@@ -12,7 +12,7 @@ import { INSERT_HITL_INPUT_BLOCK_COMMAND } from '@/app/components/base/prompt-ed
 import type { LexicalCommand } from 'lexical'
 import { isMac } from '../../../utils'
 import { useBoolean } from 'ahooks'
-import cn from '@/utils/classnames'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   nodeId: string

web/app/components/workflow/nodes/human-input/components/single-run-form.tsx

@@ -7,7 +7,6 @@ import Button from '@/app/components/base/button'
 import ContentItem from '@/app/components/base/chat/chat/answer/human-input-content/content-item'
 import { UserActionButtonType } from '@/app/components/workflow/nodes/human-input/types'
 import type { GeneratedFormInputItem, UserAction } from '@/app/components/workflow/nodes/human-input/types'
-// import cn from '@/utils/classnames'
 
 type Props = {
   nodeName: string

web/app/components/workflow/nodes/human-input/components/timeout.tsx

@@ -2,7 +2,7 @@ import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
 import Input from '@/app/components/base/input'
-import cn from '@/utils/classnames'
+import { cn } from '@/utils/classnames'
 
 const i18nPrefix = 'workflow.nodes.humanInput'
 

web/app/components/workflow/nodes/human-input/panel.tsx

@@ -27,7 +27,7 @@ import Button from '@/app/components/base/button'
 import Toast from '@/app/components/base/toast'
 import copy from 'copy-to-clipboard'
 import { useBoolean } from 'ahooks'
-import cn from '@/utils/classnames'
+import { cn } from '@/utils/classnames'
 import { useStore } from '@/app/components/workflow/store'
 import FormContentPreview from './components/form-content-preview'
 

web/app/components/workflow/nodes/tool/components/mixed-variable-text-input/placeholder.tsx

@@ -5,7 +5,7 @@ import { FOCUS_COMMAND } from 'lexical'
 import { $insertNodes } from 'lexical'
 import { CustomTextNode } from '@/app/components/base/prompt-editor/plugins/custom-text/node'
 import Badge from '@/app/components/base/badge'
-import cn from '@/utils/classnames'
+import { cn } from '@/utils/classnames'
 
 type PlaceholderProps = {
   disableVariableInsertion?: boolean