feat(web): workflow import & export

web/src/views/Workflow/components/Chat/Chat.tsx

@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-06 21:10:56 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-27 09:58:30
+ * @Last Modified time: 2026-02-28 16:43:06
  */
 /**
  * Workflow Chat Component
@@ -97,6 +97,8 @@ const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef }>(({ appId
     setConversationId(null)
     setMessage(undefined)
     setFileList([])
+    setLoading(false)
+    setStreamLoading(false)
   }
   /**
    * Opens the variable configuration modal
@@ -179,6 +181,7 @@ const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef }>(({ appId
           cycle_idx: number;
           node_id: string;
           node_name?: string;
+          node_type?: string;
           input?: any;
           output?: any;
           elapsed_time?: string;
@@ -188,7 +191,7 @@ const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef }>(({ appId
         };
 
         const node = graphRef.current?.getNodes().find(n => n.id === node_id);
-        const { name, icon } = node?.getData() || {}
+        const { name, icon, type } = node?.getData() || {}
 
         switch(item.event) {
           // Append streaming text chunks to assistant message
@@ -218,6 +221,7 @@ const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef }>(({ appId
                     ...newSubContent[filterIndex],
                     node_id: node_id,
                     node_name: name,
+                    node_type: type,
                     icon,
                     content: {},
                   }
@@ -226,6 +230,7 @@ const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef }>(({ appId
                     id: node_id,
                     node_id: node_id,
                     node_name: name,
+                    node_type: type,
                     icon,
                     content: {},
                   })
@@ -282,6 +287,7 @@ const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef }>(({ appId
                     cycle_idx,
                     node_id,
                     node_name: name,
+                    node_type: type,
                     icon,
                     content: {
                       cycle_idx,

web/src/views/Workflow/components/Chat/Runtime.tsx

@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-24 17:57:08 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-24 17:57:08 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-02-28 16:48:09
  */
 /*
  * Runtime Component
@@ -105,7 +105,7 @@ const Runtime: FC<{ item: ChatItem; index: number;}> = ({
     if (Array.isArray(list)) {
       return <Space size={8} direction="vertical" className="rb:w-full!">
         {list?.map(vo => {
-          const isLoop = vo.node_id.startsWith('loop');
+          const isLoop = vo.node_type === 'loop';
           // Render cycle variables for loop nodes without node_name
           if (typeof vo.cycle_idx === 'number' && isLoop && !vo.node_name) {
             return <div className="rb:bg-[#F0F3F8] rb:rounded-md">
@@ -165,7 +165,7 @@ const Runtime: FC<{ item: ChatItem; index: number;}> = ({
                     }
                     {/* Display navigation to nested cycles if subContent exists */}
                     {vo.subContent?.length > 0 && (
-                      <Flex justify="space-between" className="rb:bg-[#F0F3F8] rb:rounded-md rb:py-2! rb:px-3! rb:cursor-pointer" onClick={() => handleViewDetail(vo, vo.node_id.startsWith('loop'))}>
+                      <Flex justify="space-between" className="rb:bg-[#F0F3F8] rb:rounded-md rb:py-2! rb:px-3! rb:cursor-pointer" onClick={() => handleViewDetail(vo, vo.node_type === 'loop')}>
                         <span>{Math.max(...vo.subContent.map((itemVo: any) => itemVo.cycle_idx + 1))} {t(`workflow.${isLoop ? 'loopNum' : 'iterationNum'}`)}</span>
                         <RightOutlined />
                       </Flex>
@@ -217,7 +217,7 @@ const Runtime: FC<{ item: ChatItem; index: number;}> = ({
           children: (
             detail
               ? (
-              <div className="rb:bg-[#FBFDFF] rb:rounded-md rb:py-2 rb:px-3 rb:mt-2">
+              <div className="rb:bg-[#FBFDFF] rb:rounded-md">
                 <Button type="link" icon={<ArrowLeftOutlined />} onClick={() => setDetail(null)} className="rb:px-0! rb:text-[12px]!">
                   {t('common.return')}
                 </Button>

web/src/views/Workflow/components/Chat/chat.module.css

@@ -28,9 +28,6 @@
   background-color: transparent;
   border-top: none;
 }
-:global(.ant-collapse .ant-collapse-content>.ant-collapse-content-box) {
-  padding-top: 0;
-}
 .collapse-item :global(.ant-collapse) {
   /* background-color: #F0F3F8; */
   background-color: #FBFDFF;
@@ -41,5 +38,5 @@
   border-radius: 0 0 6px 6px;
 }
 .collapse-item :global(.ant-collapse .ant-collapse-content>.ant-collapse-content-box) {
-  padding: 0 4px 4px 4px;
+  padding: 4px;
 }