refactor: rename mention node to nested_node for generic sub-graph support

web/app/components/sub-graph/components/config-panel.tsx

@@ -1,7 +1,7 @@
 'use client'
 import type { FC } from 'react'
 import type { Item } from '@/app/components/base/select'
-import type { MentionConfig } from '@/app/components/workflow/nodes/_base/types'
+import type { NestedNodeConfig } from '@/app/components/workflow/nodes/_base/types'
 import type { Node, NodeOutPutVar, ValueSelector } from '@/app/components/workflow/types'
 import { RiCheckLine } from '@remixicon/react'
 import { memo, useCallback, useMemo, useState } from 'react'
@@ -17,43 +17,43 @@ import { cn } from '@/utils/classnames'
 type ConfigPanelProps = {
   agentName: string
   extractorNodeId: string
-  mentionConfig: MentionConfig
+  nestedNodeConfig: NestedNodeConfig
   availableNodes: Node[]
   availableVars: NodeOutPutVar[]
-  onMentionConfigChange: (config: MentionConfig) => void
+  onNestedNodeConfigChange: (config: NestedNodeConfig) => void
 }
 
 const ConfigPanel: FC<ConfigPanelProps> = ({
   agentName,
   extractorNodeId,
-  mentionConfig,
+  nestedNodeConfig,
   availableNodes,
   availableVars,
-  onMentionConfigChange,
+  onNestedNodeConfigChange,
 }) => {
   const { t } = useTranslation()
   const [tabType, setTabType] = useState<TabType>(TabType.settings)
 
-  const resolvedExtractorId = mentionConfig.extractor_node_id || extractorNodeId
+  const resolvedExtractorId = nestedNodeConfig.extractor_node_id || extractorNodeId
 
   const selectedOutput = useMemo<ValueSelector>(() => {
-    if (!resolvedExtractorId || !mentionConfig.output_selector?.length)
+    if (!resolvedExtractorId || !nestedNodeConfig.output_selector?.length)
       return []
 
-    return [resolvedExtractorId, ...(mentionConfig.output_selector || [])]
-  }, [mentionConfig.output_selector, resolvedExtractorId])
+    return [resolvedExtractorId, ...(nestedNodeConfig.output_selector || [])]
+  }, [nestedNodeConfig.output_selector, resolvedExtractorId])
 
   const handleOutputVarChange = useCallback((value: ValueSelector | string) => {
     const selector = Array.isArray(value) ? value : []
     const nextExtractorId = selector[0] || resolvedExtractorId
     const nextOutputSelector = selector.length > 1 ? selector.slice(1) : []
 
-    onMentionConfigChange({
-      ...mentionConfig,
+    onNestedNodeConfigChange({
+      ...nestedNodeConfig,
       extractor_node_id: nextExtractorId,
       output_selector: nextOutputSelector,
     })
-  }, [mentionConfig, onMentionConfigChange, resolvedExtractorId])
+  }, [nestedNodeConfig, onNestedNodeConfigChange, resolvedExtractorId])
 
   const whenOutputNoneOptions = useMemo(() => ([
     {
@@ -68,17 +68,17 @@ const ConfigPanel: FC<ConfigPanelProps> = ({
     },
   ]), [t])
   const selectedWhenOutputNoneOption = useMemo(() => (
-    whenOutputNoneOptions.find(item => item.value === mentionConfig.null_strategy) ?? whenOutputNoneOptions[0]
-  ), [mentionConfig.null_strategy, whenOutputNoneOptions])
+    whenOutputNoneOptions.find(item => item.value === nestedNodeConfig.null_strategy) ?? whenOutputNoneOptions[0]
+  ), [nestedNodeConfig.null_strategy, whenOutputNoneOptions])
 
   const handleNullStrategyChange = useCallback((item: Item) => {
     if (typeof item.value !== 'string')
       return
-    onMentionConfigChange({
-      ...mentionConfig,
-      null_strategy: item.value as MentionConfig['null_strategy'],
+    onNestedNodeConfigChange({
+      ...nestedNodeConfig,
+      null_strategy: item.value as NestedNodeConfig['null_strategy'],
     })
-  }, [mentionConfig, onMentionConfigChange])
+  }, [nestedNodeConfig, onNestedNodeConfigChange])
 
   const handleDefaultValueChange = useCallback((value: string) => {
     const trimmed = value.trim()
@@ -92,12 +92,12 @@ const ConfigPanel: FC<ConfigPanelProps> = ({
       }
     }
 
-    onMentionConfigChange({
-      ...mentionConfig,
+    onNestedNodeConfigChange({
+      ...nestedNodeConfig,
       default_value: nextValue,
     })
-  }, [mentionConfig, onMentionConfigChange])
-  const defaultValue = mentionConfig.default_value ?? ''
+  }, [nestedNodeConfig, onNestedNodeConfigChange])
+  const defaultValue = nestedNodeConfig.default_value ?? ''
   const shouldFormatDefaultValue = typeof defaultValue !== 'string'
 
   return (
@@ -142,7 +142,7 @@ const ConfigPanel: FC<ConfigPanelProps> = ({
                 <div className="flex items-center">
                   <SimpleSelect
                     items={whenOutputNoneOptions}
-                    defaultValue={mentionConfig.null_strategy}
+                    defaultValue={nestedNodeConfig.null_strategy}
                     allowSearch={false}
                     notClearable
                     wrapperClassName="min-w-[160px]"
@@ -170,7 +170,7 @@ const ConfigPanel: FC<ConfigPanelProps> = ({
                     {selectedWhenOutputNoneOption.description}
                   </div>
                 )}
-                {mentionConfig.null_strategy === 'use_default' && (
+                {nestedNodeConfig.null_strategy === 'use_default' && (
                   <div className={cn('overflow-hidden rounded-lg border border-components-input-border-active bg-components-input-bg-normal p-1')}>
                     <CodeEditor
                       noWrapper

web/app/components/sub-graph/components/sub-graph-children.tsx

@@ -1,5 +1,5 @@
 import type { FC } from 'react'
-import type { MentionConfig } from '@/app/components/workflow/nodes/_base/types'
+import type { NestedNodeConfig } from '@/app/components/workflow/nodes/_base/types'
 import type { NodeOutPutVar } from '@/app/components/workflow/types'
 import { memo, useMemo } from 'react'
 import { useStore as useReactFlowStore } from 'reactflow'
@@ -14,8 +14,8 @@ type SubGraphChildrenProps
     variant: 'agent'
     title: string
     extractorNodeId: string
-    mentionConfig: MentionConfig
-    onMentionConfigChange: (config: MentionConfig) => void
+    nestedNodeConfig: NestedNodeConfig
+    onNestedNodeConfigChange: (config: NestedNodeConfig) => void
   }
   | {
     variant: 'assemble'
@@ -72,10 +72,10 @@ const SubGraphChildren: FC<SubGraphChildrenProps> = (props) => {
           <ConfigPanel
             agentName={title}
             extractorNodeId={extractorNodeId}
-            mentionConfig={agentProps.mentionConfig}
+            nestedNodeConfig={agentProps.nestedNodeConfig}
             availableNodes={availableNodes}
             availableVars={availableVars}
-            onMentionConfigChange={agentProps.onMentionConfigChange}
+            onNestedNodeConfigChange={agentProps.onNestedNodeConfigChange}
           />
         </div>
       </div>

web/app/components/sub-graph/components/sub-graph-main.tsx

@@ -2,7 +2,7 @@ import type { FC } from 'react'
 import type { Viewport } from 'reactflow'
 import type { SyncWorkflowDraft, SyncWorkflowDraftCallback } from '../types'
 import type { Shape as HooksStoreShape } from '@/app/components/workflow/hooks-store'
-import type { MentionConfig } from '@/app/components/workflow/nodes/_base/types'
+import type { NestedNodeConfig } from '@/app/components/workflow/nodes/_base/types'
 import type { Edge, Node } from '@/app/components/workflow/types'
 import { useCallback, useMemo } from 'react'
 import { useStoreApi } from 'reactflow'
@@ -29,8 +29,8 @@ type SubGraphMainBaseProps = {
 type SubGraphMainProps
   = | (SubGraphMainBaseProps & {
     variant: 'agent'
-    mentionConfig: MentionConfig
-    onMentionConfigChange: (config: MentionConfig) => void
+    nestedNodeConfig: NestedNodeConfig
+    onNestedNodeConfigChange: (config: NestedNodeConfig) => void
   })
   | (SubGraphMainBaseProps & {
     variant: 'assemble'
@@ -110,8 +110,8 @@ const SubGraphMain: FC<SubGraphMainProps> = (props) => {
           variant="agent"
           title={title}
           extractorNodeId={extractorNodeId}
-          mentionConfig={props.mentionConfig}
-          onMentionConfigChange={props.onMentionConfigChange}
+          nestedNodeConfig={props.nestedNodeConfig}
+          onNestedNodeConfigChange={props.onNestedNodeConfigChange}
         />
       )
     : (

web/app/components/sub-graph/index.tsx

@@ -230,8 +230,8 @@ const SubGraphContent: FC<SubGraphProps> = (props) => {
           title={sourceTitle}
           extractorNodeId={`${toolNodeId}_ext_${paramKey}`}
           configsMap={configsMap}
-          mentionConfig={props.mentionConfig}
-          onMentionConfigChange={props.onMentionConfigChange}
+          nestedNodeConfig={props.nestedNodeConfig}
+          onNestedNodeConfigChange={props.onNestedNodeConfigChange}
           selectableNodeTypes={selectableNodeTypes}
           onSave={onSave}
           onSyncWorkflowDraft={onSyncWorkflowDraft}

web/app/components/sub-graph/types.ts

@@ -1,6 +1,6 @@
 import type { StateCreator } from 'zustand'
 import type { Shape as HooksStoreShape } from '@/app/components/workflow/hooks-store'
-import type { MentionConfig } from '@/app/components/workflow/nodes/_base/types'
+import type { NestedNodeConfig } from '@/app/components/workflow/nodes/_base/types'
 import type { CodeNodeType } from '@/app/components/workflow/nodes/code/types'
 import type { LLMNodeType } from '@/app/components/workflow/nodes/llm/types'
 import type { BlockEnum, Edge, Node, NodeOutPutVar, ValueSelector } from '@/app/components/workflow/types'
@@ -35,8 +35,8 @@ export type AgentSubGraphProps = BaseSubGraphProps & {
   sourceVariable: ValueSelector
   agentNodeId: string
   agentName: string
-  mentionConfig: MentionConfig
-  onMentionConfigChange: (config: MentionConfig) => void
+  nestedNodeConfig: NestedNodeConfig
+  onNestedNodeConfigChange: (config: NestedNodeConfig) => void
   extractorNode?: Node<LLMNodeType>
 }