feat: Workflow modification

web_new/ant-components/chat/input/Resource.tsx

@@ -143,9 +143,12 @@ const Resource: React.FC<{
     case 'knowledge':
     case 'plugin':
     case 'awel_flow':
+      if (!resourceValue) {
+        setResourceValue(dbOpts?.[0]?.value);
+      }
       return (
         <Select
-          value={resourceValue || dbOpts?.[0]?.value}
+          value={resourceValue}
           className="w-52 h-8 rounded-3xl"
           onChange={(val) => {
             setResourceValue(val);

web_new/pages/construct/flow/canvas/index.tsx

@@ -271,7 +271,10 @@ const Canvas: React.FC<Props> = () => {
           <Form.Item label="Description" initialValue={flowInfo?.description} name="description">
             <TextArea rows={3} />
           </Form.Item>
-          <Form.Item label="Editable" name="editable" initialValue={flowInfo?.editable} valuePropName="checked">
+          <Form.Item label="Editable" name="editable" initialValue={id ? flowInfo?.editable : true} valuePropName="checked">
+            <Checkbox></Checkbox>
+          </Form.Item>
+          <Form.Item label="Deploy" name="deploy" initialValue={id ? flowInfo?.deploy : true} valuePropName="checked">
             <Checkbox></Checkbox>
           </Form.Item>
           <Form.Item wrapperCol={{ offset: 8, span: 16 }}>

web_new/pages/construct/flow/index.tsx

@@ -1,12 +1,12 @@
 import BlurredCard, { ChatButton, InnerDropdown } from '@/ant-components/common/blurredCard';
 import ConstructLayout from '@/ant-components/layout/Construct';
 import { ChatContext } from '@/app/chat-context';
-import { apiInterceptors, deleteFlowById, getFlows, newDialogue, updateFlowAdmins } from '@/client/api';
+import { apiInterceptors, deleteFlowById, getFlows, newDialogue, updateFlowAdmins, addFlow } from '@/client/api';
 import MyEmpty from '@/components/common/MyEmpty';
-import { IFlow } from '@/types/flow';
+import { IFlow, IFlowUpdateParam } from '@/types/flow';
 import { PlusOutlined } from '@ant-design/icons';
 import { useRequest } from 'ahooks';
-import { Button, Modal, Popconfirm, Select, Spin, Tag, message } from 'antd';
+import { Button, Modal, Popconfirm, Select, Spin, Tag, message, Form, Input, Checkbox } from 'antd';
 import { t } from 'i18next';
 import { concat, debounce } from 'lodash';
 import moment from 'moment';
@@ -18,11 +18,19 @@ import { useTranslation } from 'react-i18next';
 function Flow() {
   const router = useRouter();
   const { model } = useContext(ChatContext);
+  const [messageApi, contextHolder] = message.useMessage();
 
   const [flowList, setFlowList] = useState<Array<IFlow>>([]);
   const [adminOpen, setAdminOpen] = useState<boolean>(false);
   const [curFlow, setCurFLow] = useState<IFlow>();
   const [admins, setAdmins] = useState<string[]>([]);
+  const copyFlowTemp = useRef<IFlow>();
+  const [showModal, setShowModal] = useState(false);
+  const [deploy, setDeploy] = useState(false);
+  const [editable, setEditable] = useState(false);
+
+  const [form] = Form.useForm<Pick<IFlow, 'label' | 'name'>>();
+
   // 分页信息
   const totalRef = useRef<{
     current_page: number;
@@ -147,6 +155,32 @@ function Flow() {
     },
   );
 
+  const handleCopy = (flow: IFlow) => {
+    copyFlowTemp.current = flow;
+    form.setFieldValue('label', `${flow.label} Copy`);
+    form.setFieldValue('name', `${flow.name}_copy`);
+    setDeploy(true);
+    setEditable(true);
+    setShowModal(true);
+  };
+
+  const onFinish = async (val: { name: string; label: string }) => {
+    if (!copyFlowTemp.current) return;
+    const { source, uid, dag_id, gmt_created, gmt_modified, state, ...params } = copyFlowTemp.current;
+    const data: IFlowUpdateParam = {
+      ...params,
+      editable,
+      state: deploy ? 'deployed' : 'developing',
+      ...val,
+    };
+    const [err] = await apiInterceptors(addFlow(data));
+    if (!err) {
+      messageApi.success(t('save_flow_success'));
+      setShowModal(false);
+      getFlowListRun({});
+    }
+  };
+
   const handleChange = async (value: string[]) => {
     setAdmins(value);
     await updateAdmins(value);
@@ -196,16 +230,28 @@ function Flow() {
                   <InnerDropdown
                     menu={{
                       items: [
+                        // {
+                        //   key: 'edit',
+                        //   label: (
+                        //     <span
+                        //       onClick={() => {
+                        //         setAdminOpen(true);
+                        //         setCurFLow(flow);
+                        //       }}
+                        //     >
+                        //       权限管理
+                        //     </span>
+                        //   ),
+                        // },
                         {
-                          key: 'edit',
+                          key: 'copy',
                           label: (
                             <span
                               onClick={() => {
-                                setAdminOpen(true);
-                                setCurFLow(flow);
+                                handleCopy(flow);
                               }}
                             >
-                              权限管理
+                              {t('copy')}
                             </span>
                           ),
                         },
@@ -262,6 +308,48 @@ function Flow() {
           />
         </div>
       </Modal>
+      <Modal
+        open={showModal}
+        title="Copy AWEL Flow"
+        onCancel={() => {
+          setShowModal(false);
+        }}
+        footer={false}
+      >
+        <Form form={form} onFinish={onFinish} className="mt-6">
+          <Form.Item name="name" label="Name" rules={[{ required: true }]}>
+            <Input />
+          </Form.Item>
+          <Form.Item name="label" label="Label" rules={[{ required: true }]}>
+            <Input />
+          </Form.Item>
+          <Form.Item label="editable">
+            <Checkbox
+              value={editable}
+              checked={editable}
+              onChange={(e) => {
+                const val = e.target.checked;
+                setEditable(val);
+              }}
+            />
+          </Form.Item>
+          <Form.Item label="deploy">
+            <Checkbox
+              value={deploy}
+              checked={deploy}
+              onChange={(e) => {
+                const val = e.target.checked;
+                setDeploy(val);
+              }}
+            />
+          </Form.Item>
+          <div className="flex justify-end">
+            <Button type="primary" htmlType="submit">
+              {t('Submit')}
+            </Button>
+          </div>
+        </Form>
+      </Modal>
     </ConstructLayout>
   );
 }

web_new/pages/construct/models/index.tsx

@@ -81,12 +81,11 @@ function Models() {
 
           <div className="flex items-center gap-4">
             <Button
-              className="border-none text-white bg-button-gradient opacity-40"
+              className="border-none text-white bg-button-gradient"
               icon={<PlusOutlined />}
               onClick={() => {
                 setIsModalOpen(true);
               }}
-              disabled
             >
               {t('create_model')}
             </Button>

web_new/pages/index.tsx

@@ -22,7 +22,7 @@ const Playground: NextPage = () => {
 
   const { setAgent, setCurrentDialogInfo, model } = useContext(ChatContext);
 
-  const [activeKey, setActiveKey] = useState<string>('recommend');
+  const [activeKey, setActiveKey] = useState<string>('all');
   const preActiveKey = useDeferredValue(activeKey);
   const [apps, setApps] = useState<any>({
     app_list: [],

web_new/types/flow.ts

@@ -6,6 +6,7 @@ export type IFlowUpdateParam = {
   name: string;
   label: string;
   editable: boolean;
+  deploy?: boolean;
   description: string;
   uid?: string;
   flow_data?: IFlowData;