feat(web): app share

web/src/views/ApplicationConfig/Agent.tsx

@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:29:21 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-03 14:24:34
+ * @Last Modified time: 2026-03-13 16:58:15
  */
 import { type FC, type ReactNode, useEffect, useRef, useState, forwardRef, useImperativeHandle } from 'react';
 import clsx from 'clsx'
@@ -23,7 +23,8 @@ import type {
   MemoryConfig,
   AiPromptModalRef,
   Source,
-  ChatVariableConfigModalRef
+  ChatVariableConfigModalRef,
+  FunConfigForm
 } from './types'
 import type { Variable } from './components/VariableList/types'
 import type { KnowledgeConfig } from './components/Knowledge/types'
@@ -41,6 +42,7 @@ import ToolList from './components/ToolList/ToolList'
 import SkillList from './components/Skill'
 import ChatVariableConfigModal from './components/ChatVariableConfigModal';
 import type { Skill } from '@/views/Skills/types'
+import FunConfig from './components/FunConfig'
 
 /**
  * Description wrapper component
@@ -99,7 +101,7 @@ const SwitchWrapper: FC<{ title: string, desc?: string, name: string | string[];
  * @param name - Form field name
  * @param url - API URL for options
  */
-const SelectWrapper: FC<{ title: string, desc: string, name: string | string[], url: string }> = ({ title, desc, name, url }) => {
+const SelectWrapper: FC<{ title: string, desc: string, name: string | string[], url: string; disabled?: boolean }> = ({ title, desc, name, url, disabled }) => {
   const { t } = useTranslation();
   return (
     <>
@@ -115,6 +117,7 @@ const SelectWrapper: FC<{ title: string, desc: string, name: string | string[],
           hasAll={false}
           valueKey='config_id'
           labelKey="config_name"
+          disabled={disabled}
         />
       </Form.Item>
       <DescWrapper desc={t(`application.${desc}`)} className="rb:mt-2" />
@@ -352,7 +355,8 @@ const Agent = forwardRef<AgentRef>((_props, ref) => {
   }, [modelList, values?.default_model_config_id])
 
   useImperativeHandle(ref, () => ({
-    handleSave
+    handleSave,
+    funConfig: values?.funConfig
   }))
 
   const aiPromptModalRef = useRef<AiPromptModalRef>(null)
@@ -406,7 +410,11 @@ const Agent = forwardRef<AgentRef>((_props, ref) => {
   useEffect(() => {
     setChatVariables(values?.variables || [])
   }, [values?.variables])
-  console.log('values', values)
+
+  const handleSaveFunConfig = (value: FunConfigForm) => {
+    form.setFieldValue('funConfig', value)
+  }
+  console.log('agent', values)
   return (
     <>
       {loading && <Spin fullscreen></Spin>}
@@ -418,6 +426,7 @@ const Agent = forwardRef<AgentRef>((_props, ref) => {
                 {defaultModel?.name ? <div className="rb:w-4 rb:h-4 rb:bg-[url('@/assets/images/application/model.svg')] rb:group-hover:bg-[url('@/assets/images/application/model_hover.svg')]"></div> : null}
                 {defaultModel?.name || t('application.chooseModel')}
               </Button>
+              {/* <FunConfig value={values?.funConfig as FunConfigForm} refresh={handleSaveFunConfig} /> */}
               <Button type="primary" onClick={() => handleSave()}>
                 {t('common.save')}
               </Button>
@@ -426,6 +435,7 @@ const Agent = forwardRef<AgentRef>((_props, ref) => {
           <Form form={form}>
             <Form.Item name="default_model_config_id" hidden noStyle></Form.Item>
             <Form.Item name="model_parameters" hidden noStyle></Form.Item>
+            <Form.Item name="funConfig" hidden noStyle></Form.Item>
             <Space size={16} direction="vertical" style={{ width: '100%' }}>
               <Card title={t('application.promptConfiguration')}>
                 <div className="rb:flex rb:items-center rb:justify-between rb:mb-2.75">
@@ -464,11 +474,12 @@ const Agent = forwardRef<AgentRef>((_props, ref) => {
               <Card title={t('application.memoryConfiguration')}>
                 <Space size={24} direction='vertical' style={{ width: '100%' }}>
                   <SwitchWrapper title="dialogueHistoricalMemory" desc="dialogueHistoricalMemoryDesc" name={['memory', 'enabled']} />
-                  <SelectWrapper 
-                    title="selectMemoryContent" 
-                    desc="selectMemoryContentDesc" 
+                  <SelectWrapper
+                    title="selectMemoryContent"
+                    desc="selectMemoryContentDesc"
                     name={['memory', 'memory_config_id']}
                     url={memoryConfigListUrl}
+                    disabled={!values?.memory?.enabled}
                   />
                 </Space>
               </Card>
@@ -493,11 +504,6 @@ const Agent = forwardRef<AgentRef>((_props, ref) => {
             {t('application.debuggingAndPreview')}
 
             <Space size={10}>
-              {chatVariables.length > 0 &&
-                <Button type="primary" ghost onClick={handleOpenVariableConfig}>
-                  {t('application.variableConfig')}
-                </Button>
-              }
               <Button type="primary" ghost onClick={handleAddModel}>
                 + {t('application.addModel')}
               </Button>
@@ -511,6 +517,7 @@ const Agent = forwardRef<AgentRef>((_props, ref) => {
               updateChatList={setChatList}
               handleSave={handleSave}
               chatVariables={chatVariables}
+              handleEditVariables={handleOpenVariableConfig}
             />
           </RbCard>
         </Col>