@chenchaolong/plugin-trade-compliance-workbench 0.1.22 → 0.1.23

package/dist/lib/remote-components/trade-compliance-workbench/app.js

@@ -84,6 +84,7 @@
     const [editItem, setEditItem] = React.useState(null)
     const [editText, setEditText] = React.useState('')
     const pollingRef = React.useRef(null)
+    const fileInputsRef = React.useRef({})
 
     React.useEffect(() => {
       window.__tradeComplianceSetContext = (nextContext) => {
@@ -133,24 +134,38 @@
     }
 
     async function handleFile(actionKey, file) {
-      if (!file || busy) return
+      debugUpload('file change received', { actionKey, hasFile: !!file, busy })
+      if (!file) {
+        debugUpload('file selection was empty', { actionKey })
+        return
+      }
+      if (busy) {
+        debugUpload('file upload ignored because workbench is busy', { actionKey, fileName: file.name })
+        return
+      }
       const expectedType = reviewTypeForUploadAction(actionKey)
       const previousCount = countReviewItemsByType(data.reviewItems, expectedType)
       setBusy(true)
       try {
+        debugUpload('uploading file to assistant storage', { actionKey, fileName: file.name, size: file.size, type: file.type })
         const uploadResponse = await uploadAgentFile(file)
         const agentFile = getActionDataPayload(uploadResponse)
+        debugUpload('assistant storage upload completed', { actionKey, fileName: file.name, hasAgentFile: !!agentFile })
+        debugUpload('executing plugin file action', { actionKey, fileName: file.name })
         const response = await executeFileAction(actionKey, file, Object.assign(
           { name: file.name, fileName: file.name },
           toAgentFileInput(agentFile)
         ), {})
         assertActionSuccess(response)
         const actionData = getActionDataPayload(response)
+        debugUpload('dispatching assistant commands', { actionKey, fileName: file.name })
         const dispatched = await dispatchAssistantCommands(actionData)
+        debugUpload('file workflow completed', { actionKey, fileName: file.name, dispatched })
         showNotice(dispatched ? '文件已发送给智能体解析，识别结果会进入待审核列表。' : '文件已登记，等待识别结果。', 'success')
         await reload()
         if (dispatched && expectedType) startRecognitionPolling(expectedType, previousCount, readExpectedCount(actionData))
       } catch (error) {
+        debugUpload('file workflow failed', { actionKey, fileName: file.name, message: getErrorMessage(error) })
         showNotice(getErrorMessage(error), 'error')
       } finally {
         setBusy(false)
@@ -809,20 +824,43 @@
     }
 
     function uploadButton(actionKey, label) {
-      return h('label', { className: 'tcw-upload' },
+      return h(React.Fragment, null,
         h('input', {
+          ref: (node) => {
+            if (node) fileInputsRef.current[actionKey] = node
+            else delete fileInputsRef.current[actionKey]
+          },
+          className: 'tcw-upload-input',
           type: 'file',
           disabled: busy,
           onChange: (event) => {
             const file = event.target.files && event.target.files[0]
             event.target.value = ''
+            debugUpload('file picker returned', { actionKey, hasFile: !!file, fileName: file && file.name, size: file && file.size })
             handleFile(actionKey, file)
           }
         }),
-        h('span', null, label)
+        h('button', {
+          type: 'button',
+          className: 'tcw-upload',
+          disabled: busy,
+          onClick: () => openFilePicker(actionKey)
+        }, label)
       )
     }
 
+    function openFilePicker(actionKey) {
+      debugUpload('upload button clicked', { actionKey, busy })
+      if (busy) return
+      const input = fileInputsRef.current[actionKey]
+      if (!input) {
+        debugUpload('file input was not registered', { actionKey })
+        showNotice('上传控件未准备好，请刷新页面后重试。', 'error')
+        return
+      }
+      input.click()
+    }
+
     function updateForm(key) {
       return (event) => setForm(Object.assign({}, form, { [key]: event.target.value }))
     }
@@ -1013,6 +1051,12 @@
     return error && error.message ? error.message : String(error || '操作失败')
   }
 
+  function debugUpload(message, details) {
+    if (typeof console !== 'undefined' && typeof console.debug === 'function') {
+      console.debug('[trade-compliance-workbench:upload] ' + message, details || {})
+    }
+  }
+
   function filterItems(items, query, keys) {
     const keyword = String(query || '').trim().toLowerCase()
     if (!keyword) return items
@@ -1167,7 +1211,7 @@ button, input { font: inherit; letter-spacing: 0; }
 .tcw-btn-danger { border-color: color-mix(in srgb, var(--tcw-danger) 35%, var(--tcw-border)); background: color-mix(in srgb, var(--tcw-danger) 6%, var(--tcw-card)); color: var(--tcw-danger); }
 .tcw-wide { width: 100%; }
 .tcw-upload { border-style: dashed; border-color: color-mix(in srgb, var(--tcw-primary) 42%, var(--tcw-border)); color: var(--tcw-primary); font-weight: 800; }
-.tcw-upload input { display: none; }
+.tcw-upload-input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
 .tcw-tabs { display: flex; gap: 6px; overflow-x: auto; border-bottom: 1px solid var(--tcw-border); padding: 0 2px; }
 .tcw-tab { min-height: 34px; border: 0; border-bottom: 3px solid transparent; background: transparent; color: var(--tcw-muted); padding: 7px 12px; cursor: pointer; font-weight: 900; }
 .tcw-tab.active { border-color: var(--tcw-primary); color: var(--tcw-primary); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chenchaolong/plugin-trade-compliance-workbench",
-  "version": "0.1.22",
+  "version": "0.1.23",
   "description": "Trade Compliance Workbench app plugin for controlled goods review, supplier product management, and customs workbook generation.",
   "author": {
     "name": "XpertAI",