feat: 修改mcp工具中一直loading状态，修改文档管理器样式，修改list2json is not defined的bug以及画布调取接口改为8秒一次 (#98)

Co-authored-by: xingxianlu <xingxianlu.vendor@sensetime>

Author: xxl-code

front/app/(appLayout)/tools/Mcp/page.tsx

@@ -218,6 +218,8 @@ const McpToolPageContent = () => {
               onFinish: (payload: any) => {
                 if (payload && payload.flow_type === 'mcp') {
                   message.success('同步成功')
+                  setCanProceed(true)
+                  setSyncStatus('success')
                   try {
                     const finishData = (payload && typeof payload.data === 'string')
                       ? payload.data

front/app/(appLayout)/tools/pageDrawer.tsx

@@ -231,6 +231,8 @@ const PageDrawer = (props: any) => {
           onFinish: async (payload: any) => {
             if (payload && payload.flow_type === 'mcp') {
               message.success('同步成功')
+              setCanProceed(true)
+              setSyncStatus('success')
               try {
                 const finishData = (payload && typeof payload.data === 'string')
                   ? payload.data

front/app/components/taskStream/board/asset-dashboard/components/core-asset-dash.tsx

@@ -169,9 +169,9 @@ const ResourcePanelBase: FC<ResourcePanelBaseProps> = ({
       <div
         ref={wrapperRef}
         className={`${panelContainerClasses} bg-[#fcfcfd]`}
-        style={{ width: `${currentPanelWidth}px`}}
+        style={{ width: `${currentPanelWidth}px` }}
       >
-        <div className='canvas-panel-head sticky top-0 bg-components-panel-bg border-b-[1px] z-10'>
+        <div className='canvas-panel-head sticky top-0 bg-white border-b-[1px] z-10'>
           <div className='flex items-center px-4 pt-4 pb-0.5'>
             {renderResourceIcon()}
 

front/app/components/taskStream/elements/utility/panel.tsx

@@ -12,7 +12,7 @@ import ResultPanel from '@/app/components/taskStream/driveFlow/result-panel'
 import Split from '@/app/components/taskStream/elements/_foundation/components/divider'
 import { fetchApiToolInfo, fetchToolFieldList } from '@/infrastructure/api//workflow'
 import { generateNameReadOnlyShape } from '@/infrastructure/api//universeNodes/universe_default_config'
-
+import { list2Json } from '@/app/components/taskStream/elements/_foundation/components/form/field-item/netOps/kvPair/kvPairEdit/helpers'
 const baseTypeOptionsMap = {
   'boolean': 'bool',
   'array': 'list',
@@ -156,17 +156,17 @@ const Panel: FC<NodePanelProps<ToolNodeType | any>> = ({
               }))
               const newApiHeadersData = {
                 ...(newFormData.payload__headers || {}),
-                ...list2Json(formattedHeaderParams || [], 'key', 'value'),
+                ...list2Json(formattedHeaderParams || [], [{ key: 'key' }, { key: 'value' }]),
               }
               newFormData = {
                 ...newFormData,
-                payload__params: list2Json(formattedQueryParams, 'key', 'value'),
+                payload__params: list2Json(formattedQueryParams, [{ key: 'key' }, { key: 'value' }]),
                 payload__params_data: formattedQueryParams.map((item: any) => ({
                   id: uuid4(),
                   key: item?.key,
                   value: item?.value,
                 })),
-                payload__body: JSON.stringify(list2Json(formattedBodyParams, 'key', 'value'), null, 2),
+                payload__body: JSON.stringify(list2Json(formattedBodyParams, [{ key: 'key' }, { key: 'value' }]), null, 2),
                 payload__headers: { ...newApiHeadersData },
                 payload__headers_data: Object.entries(newApiHeadersData || {}).map(item => ({
                   id: uuid4(),
@@ -227,12 +227,6 @@ const Panel: FC<NodePanelProps<ToolNodeType | any>> = ({
     }
   }, [data, handleFieldChange])
 
-  if (isLoading) {
-    return <div className='flex h-[200px] items-center justify-center'>
-      <Loading />
-    </div>
-  }
-
   // 使用 useMemo 缓存 form 对象，避免 BeforeRunForm 不必要的重新渲染
   const beforeRunFormConfig = useMemo(() => ({
     inputs: varInputs,
@@ -241,6 +235,12 @@ const Panel: FC<NodePanelProps<ToolNodeType | any>> = ({
     onChange: setInputVarValues,
   }), [varInputs, varOutputs, inputVarValues, setInputVarValues])
 
+  if (isLoading) {
+    return <div className='flex h-[200px] items-center justify-center'>
+      <Loading />
+    </div>
+  }
+
   return (
     <div className='mt-0.5 pb-4'>
       <Form

front/app/components/taskStream/elements/utility/use-config.ts

@@ -12,7 +12,7 @@ const useToolConfig = (nodeId: string, nodePayload: ToolNodeType) => {
 
   const {
     showSingleRun,
-    hideSingleExecution,
+    concealSingleRun,
     toShapeInputs,
     toShapeOutputs,
     executionStatus,
@@ -46,8 +46,8 @@ const useToolConfig = (nodeId: string, nodePayload: ToolNodeType) => {
   const hideSingleExecutionAndReset = useCallback(() => {
     setInputVariableValues({})
     sessionStorage.removeItem('executionInputData')
-    hideSingleExecution()
-  }, [setInputVariableValues, hideSingleExecution])
+    concealSingleRun()
+  }, [setInputVariableValues, concealSingleRun])
 
   return {
     readOnly: isReadOnly,

front/app/components/taskStream/store.ts

@@ -204,7 +204,7 @@ export const createWorkflowStore = () => {
     setIsRestoring: isRestoring => set(() => ({ isRestoring })),
     debouncedSyncWorkflowDraft: debounce((syncWorkflowDraft) => {
       syncWorkflowDraft()
-    }, 5000),
+    }, 8000),
     buildInTools: [],
     setBuildInTools: buildInTools => set(() => ({ buildInTools })),
     customTools: [],