@chenchaolong/plugin-trade-compliance-workbench 0.1.74 → 1.0.1

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

@@ -1,2696 +1,277 @@
-;(function () {
-  const CHANNEL = 'xpertai.remote_component'
-  const VERSION = 1
-  const REQUEST_TIMEOUT_MS = 120000
+(function () {
+  'use strict'
+  const React = window.React
+  const ReactDOM = window.ReactDOM
   const h = React.createElement
+  const CHANNEL = 'xpert.remote-ui'
+  const VERSION = 1
   let instanceId = null
-  let requestSequence = 0
+  let sequence = 0
   const pending = new Map()
 
-  injectStyles()
-
-  function post(type, body, transfer) {
-    if (!instanceId && type !== 'ready') return
-    parent.postMessage(Object.assign({ channel: CHANNEL, protocolVersion: VERSION, instanceId, type }, body || {}), '*', transfer || [])
-  }
-
-  function request(type, body, transfer) {
-    const requestId = String(++requestSequence)
-    return new Promise((resolve, reject) => {
-      pending.set(requestId, { resolve, reject })
-      post(type, Object.assign({ requestId }, body || {}), transfer)
-      setTimeout(() => {
-        if (!pending.has(requestId)) return
-        pending.delete(requestId)
-        reject(new Error('请求超时'))
-      }, REQUEST_TIMEOUT_MS)
-    })
-  }
-
-  function reportResize() {
-    post('resize', { height: Math.max(document.body.scrollHeight, document.documentElement.scrollHeight, 720) })
-  }
-
-  async function toFilePayload(file) {
-    const buffer = await file.arrayBuffer()
-    return {
-      payload: { name: file.name, type: file.type, size: file.size, lastModified: file.lastModified, buffer },
-      transfer: [buffer]
-    }
-  }
-
-  function executeAction(actionKey, targetId, input, parameters) {
-    return request('executeAction', { actionKey, targetId, input, parameters })
-  }
-
-  async function executeFileAction(actionKey, file, input, parameters) {
-    const filePayload = await toFilePayload(file)
-    return request('executeFileAction', { actionKey, file: filePayload.payload, input, parameters }, filePayload.transfer)
-  }
-
-  function notify(level, message) {
-    post('notify', { level, message })
-  }
+  function post(type, body, transfer) { parent.postMessage(Object.assign({ channel: CHANNEL, protocolVersion: VERSION, instanceId, type }, body || {}), '*', transfer || []) }
+  function request(type, body) { return new Promise((resolve, reject) => { const requestId = `tcw-${Date.now()}-${++sequence}`; pending.set(requestId, { resolve, reject }); post(type, Object.assign({ requestId }, body || {})) }) }
+  function action(actionKey, input) { return request('executeAction', { actionKey, input: input || {}, parameters: {} }).then(payload) }
+  async function fileAction(actionKey, file, input) { const buffer = await file.arrayBuffer(); return request('executeFileAction', { actionKey, input: input || {}, parameters: {}, file: { name: file.name, originalname: file.name, type: file.type, size: file.size, lastModified: file.lastModified, buffer } }, [buffer]).then(payload) }
+  function payload(message) { return message && (message.payload || message.data || message.result) || message }
+  function dataOf(response) { const value = payload(response); return value && (value.data !== undefined ? value.data : value) }
+  function messageOf(value) { const raw = value && (value.error && value.error.message || value.message); return typeof raw === 'object' ? raw.zh_Hans || raw.en_US : raw || '' }
+  function reportResize() { post('resize', { height: Math.max(760, document.documentElement.scrollHeight), width: document.documentElement.scrollWidth }) }
+
+  const pages = [
+    ['home', '首页', '⌂'], ['controlled', '管控商品目录', '▣'], ['sanctions', '公司制裁目录', '▤'], ['purchase', '采购合规管理', '◫'],
+    ['contract-review', '客户合同审核', '▧'], ['sales', '销售合规管理', '▥'], ['files', '销售文件管理', '□'], ['analytics', '数据分析', '◔'], ['settings', '系统设置', '⚙']
+  ]
 
-  async function dispatchAssistantCommands(payload) {
-    const commands = collectAssistantCommands(payload)
-    let dispatched = 0
-    for (const command of commands) {
-      const response = await request('invokeClientCommand', { commandKey: command.commandKey, payload: command.payload })
-      const result = getResponsePayload(response)
-      if (result && result.success === false) throw new Error(resolveMessage(result.message) || '智能体消息发送失败')
-      dispatched += 1
-    }
-    return dispatched
-  }
+  function emptyData() { return { dashboard: {}, controlledGoods: { items: [] }, controlledBatches: { items: [] }, sanctionedCompanies: { items: [] }, sanctionBatches: { items: [] }, suppliers: { items: [] }, purchaseOrders: { items: [] }, purchaseLines: { items: [] }, customers: { items: [] }, customerContracts: { items: [] }, derivedSalesOrders: [], generatedFiles: { items: [] }, settings: { banks: [], rates: [] }, analytics: {}, importTasks: { items: [] } } }
+  function normalize(value) { const root = payload(value) || {}; return Object.assign(emptyData(), root.summary || root) }
 
   function App() {
     const [context, setContext] = React.useState(null)
-    const [data, setData] = React.useState(normalizeData(null))
-    const [activePage, setActivePage] = React.useState('overview-page')
-    const [selectedIds, setSelectedIds] = React.useState([])
-    const [statusFilter, setStatusFilter] = React.useState('all')
-    const [overviewTab, setOverviewTab] = React.useState('all')
+    const [data, setData] = React.useState(emptyData())
+    const [page, setPage] = React.useState('home')
+    const [search, setSearch] = React.useState('')
     const [busy, setBusy] = React.useState(false)
-    const [query, setQuery] = React.useState('')
-    const [pageByList, setPageByList] = React.useState({})
-    const [pageSizeByList, setPageSizeByList] = React.useState({})
-    const [pageJumpByList, setPageJumpByList] = React.useState({})
-    const [detailItem, setDetailItem] = React.useState(null)
-    const [formDialog, setFormDialog] = React.useState(null)
-    const [deleteDialog, setDeleteDialog] = React.useState(null)
-    const [hsCodeDetailDialog, setHsCodeDetailDialog] = React.useState(null)
-    const [hsCodeSearch, setHsCodeSearch] = React.useState({
-      keywords: '',
-      page: 1,
-      loading: false,
-      searched: false,
-      error: '',
-      jumpPage: '',
-      result: null
-    })
-    const pollingRef = React.useRef(null)
-    const fileInputsRef = React.useRef({})
+    const [notice, setNotice] = React.useState(null)
+    const [dialog, setDialog] = React.useState(null)
+    const [purchasePath, setPurchasePath] = React.useState({ supplierId: null, orderId: null })
+    const [salesPath, setSalesPath] = React.useState({ customerId: null, orderKey: null })
+    const searchTimer = React.useRef(null)
 
     React.useEffect(() => {
-      window.__tradeComplianceSetContext = (nextContext) => {
-        setContext(nextContext)
-        setData(normalizeData(nextContext && nextContext.payload))
-        setTimeout(() => reload(nextContext), 0)
-      }
-      window.__tradeComplianceHostEvent = () => reload()
+      window.__tcwInit = next => { setContext(next); setData(normalize(next.payload)); setTimeout(() => reload(next), 0) }
+      window.__tcwHostEvent = () => reload()
       post('ready')
-      return () => {
-        window.__tradeComplianceSetContext = null
-        window.__tradeComplianceHostEvent = null
-        stopRecognitionPolling()
-      }
+      return () => { window.__tcwInit = null; window.__tcwHostEvent = null }
     }, [])
+    React.useEffect(reportResize, [data, page, dialog, notice, purchasePath, salesPath])
+    React.useEffect(() => { if (!context) return; clearTimeout(searchTimer.current); searchTimer.current = setTimeout(() => reload(null, search), 350); return () => clearTimeout(searchTimer.current) }, [search])
 
-    React.useEffect(reportResize, [data, activePage, selectedIds, statusFilter, overviewTab, pageByList, pageSizeByList, busy, formDialog, deleteDialog, hsCodeSearch, hsCodeDetailDialog])
-
-    const reviewItems = data.reviewItems.filter((item) => !isPlaceholderReviewItem(item))
-    const pendingItems = reviewItems.filter((item) => (item.reviewStatus || 'pending') === 'pending')
-    const filteredPendingItems = filterItems(pendingItems, query, overviewSearchKeys)
-    const controlledReviewRows = reviewItems.filter((item) => item.type === 'controlled_goods' && item.reviewStatus !== 'confirmed')
-    const controlledRows = controlledReviewRows.concat(data.controlledGoods.map(toControlledGoodsReviewRow))
-    const controlledReviews = applyStatusFilter(filterItems(controlledRows, query, reviewSearchKeys), statusFilter)
-    const pendingControlledReviews = controlledReviews.filter((item) => (item.reviewStatus || 'pending') === 'pending')
-    const supplierReviewRows = reviewItems.filter((item) => item.type === 'supplier_product' && item.reviewStatus !== 'confirmed')
-    const supplierRows = supplierReviewRows.concat(data.products.map(toSupplierProductReviewRow))
-    const supplierReviews = applyStatusFilter(filterItems(supplierRows, query, reviewSearchKeys), statusFilter)
-    const pendingSupplierReviews = supplierReviews.filter((item) => (item.reviewStatus || 'pending') === 'pending')
-    const salesReviews = applyStatusFilter(filterItems(reviewItems.filter((item) => item.type === 'customs_workbook' && !isSalesContractLineReviewItem(item)), query, reviewSearchKeys), statusFilter)
-    const pendingSalesReviews = salesReviews.filter((item) => (item.reviewStatus || 'pending') === 'pending')
-    const filteredControlledGoods = filterItems(data.controlledGoods, query, ['productName', 'hsCode', 'controlNote'])
-    const filteredProducts = filterItems(data.products, query, ['supplierName', 'productName', 'model', 'enrichedHsCode', 'englishName'])
-    const filteredWorkbooks = filterItems(data.workbookGenerations, query, ['fileName', 'invoiceNo', 'contractNo', 'sourceFileName'])
-
-    async function reload(nextContext) {
-      const activeContext = nextContext || context
-      if (!activeContext) return
-      setBusy(true)
-      try {
-        const response = await request('requestData', { query: { page: 1, pageSize: 200, search: query, parameters: {} } })
-        setData(normalizeData(getResponsePayload(response)))
-      } catch (error) {
-        showNotice('刷新失败：' + getErrorMessage(error), 'error')
-      } finally {
-        setBusy(false)
-      }
-    }
-
-    async function searchHsCodePage(page) {
-      const keywords = String(hsCodeSearch.keywords || '').trim()
-      if (!keywords) {
-        setHsCodeSearch(Object.assign({}, hsCodeSearch, { error: '请输入商品名称或海关编码', searched: false }))
-        return
-      }
-      const nextPage = Math.max(1, Number(page) || 1)
-      setHsCodeSearch(Object.assign({}, hsCodeSearch, { loading: true, error: '', page: nextPage }))
-      try {
-        const response = await executeAction('search_hs_code', null, {
-          keywords,
-          page: nextPage,
-          filterFailureCode: true,
-          displayChapter: false,
-          displayEnName: true
-        }, {})
-        assertActionSuccess(response)
-        const result = getActionDataPayload(response)
-        setHsCodeSearch((current) => Object.assign({}, current, {
-          loading: false,
-          searched: true,
-          page: nextPage,
-          error: '',
-          result
-        }))
-      } catch (error) {
-        setHsCodeSearch((current) => Object.assign({}, current, {
-          loading: false,
-          searched: true,
-          error: getErrorMessage(error)
-        }))
-      }
-    }
-
-    function updateHsCodeSearch(patch) {
-      setHsCodeSearch(Object.assign({}, hsCodeSearch, patch))
-    }
-
-    function submitHsCodeSearch(event) {
-      event.preventDefault()
-      searchHsCodePage(1)
-    }
-
-    async function loadHsCodeDetail(item) {
-      if (!item || (!item.code && !item.detailUrl)) return
-      setHsCodeDetailDialog({ loading: true, item, detail: null, error: '' })
-      try {
-        const response = await executeAction('get_hs_code_detail', null, {
-          code: item.code,
-          detailUrl: item.detailUrl
-        }, {})
-        assertActionSuccess(response)
-        setHsCodeDetailDialog({ loading: false, item, detail: getActionDataPayload(response), error: '' })
-      } catch (error) {
-        setHsCodeDetailDialog({ loading: false, item, detail: null, error: getErrorMessage(error) })
-      }
-    }
-
-    async function searchSupplierHsCandidatesForForm(page) {
-      if (!formDialog || formDialog.type !== 'supplier_product' || busy) return
-      const keyword = String(formDialog.hsCandidateKeyword || buildSupplierHsCandidateKeyword(formDialog.values) || '').trim()
-      if (!keyword) {
-        setFormDialog(Object.assign({}, formDialog, { hsCandidateError: '请输入商品名称、型号或海关编码后再查询。' }))
-        return
-      }
-      const nextPage = Math.max(1, Number(page) || 1)
-      setFormDialog(Object.assign({}, formDialog, {
-        hsCandidateKeyword: keyword,
-        hsCandidatePage: nextPage,
-        hsCandidateLoading: true,
-        hsCandidateError: '',
-        hsCandidateStatus: ''
-      }))
-      try {
-        const response = await executeAction('search_hs_code', null, {
-          keywords: keyword,
-          page: nextPage,
-          filterFailureCode: true,
-          displayChapter: false,
-          displayEnName: true
-        }, {})
-        assertActionSuccess(response)
-        const result = getActionDataPayload(response)
-        const candidates = Array.isArray(result && result.results) ? result.results : []
-        setFormDialog((current) => current ? Object.assign({}, current, {
-          hsCandidateKeyword: keyword,
-          hsCandidatePage: nextPage,
-          hsCandidateLocalPage: 1,
-          hsCandidateLoading: false,
-          hsCandidateError: '',
-          hsCandidateStatus: candidates.length ? 'pending_confirmation' : 'not_found',
-          hsCandidates: candidates,
-          hsCandidatePagination: result && result.pagination ? result.pagination : null
-        }) : current)
-      } catch (error) {
-        setFormDialog((current) => current ? Object.assign({}, current, {
-          hsCandidateLoading: false,
-          hsCandidateStatus: 'failed',
-          hsCandidateError: getErrorMessage(error)
-        }) : current)
-      }
-    }
-
-    function selectHsCandidate(candidate) {
-      if (!formDialog || formDialog.type !== 'supplier_product' || !candidate) return
-      setFormDialog(Object.assign({}, formDialog, {
-        values: Object.assign({}, formDialog.values, {
-          enrichedHsCode: candidate.code || '',
-          taxRefundRate: candidate.taxRefundRate || '',
-          englishName: candidate.englishName || candidate.name || ''
-        }),
-        hsCandidateStatus: 'confirmed'
-      }))
-      showNotice('已选用海关编码，请检查后保存。', 'success')
+    async function reload(nextContext, nextSearch) {
+      const active = nextContext || context
+      if (!active) return
+      try { const response = await request('requestData', { query: { page: 1, pageSize: 200, search: nextSearch === undefined ? search : nextSearch, parameters: {} } }); setData(normalize(response)) }
+      catch (error) { show('刷新失败：' + messageOf(error), 'error') }
     }
-
-    async function handleFile(actionKey, file) {
-      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)
+    function show(message, kind) { setNotice({ message, kind: kind || 'success' }); setTimeout(() => setNotice(null), 4200) }
+    async function run(actionKey, input, options) {
       setBusy(true)
       try {
-        debugUpload('executing plugin file action with workspace upload path', { actionKey, fileName: file.name, size: file.size, type: file.type })
-        const response = await executeFileAction(actionKey, file, Object.assign(
-          { name: file.name, fileName: file.name },
-          {
-            originalFileName: file.name,
-            mimeType: file.type,
-            size: file.size,
-            workspaceUploadPath: workspaceUploadPathForAction(actionKey)
-          }
-        ), {})
-        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(resolveFileWorkflowNotice(actionKey, dispatched), 'success')
-        await reload()
-        if (dispatched && expectedType) startRecognitionPolling(expectedType, previousCount, readRecognitionPollingOptions(actionData))
-      } catch (error) {
-        debugUpload('file workflow failed', { actionKey, fileName: file.name, message: getErrorMessage(error) })
-        showNotice(getErrorMessage(error), 'error')
-      } finally {
-        setBusy(false)
-      }
-    }
-
-    async function saveProductForm(event) {
-      event.preventDefault()
-      if (!formDialog || busy) return
-      const payload = normalizeFormPayload(formDialog.type, formDialog.values)
-      if (formDialog.type === 'controlled_goods' && !payload.productName) {
-        showNotice('请填写商品名称。', 'error')
-        return
-      }
-      if (formDialog.type === 'supplier_product' && (!payload.supplierName || !payload.productName)) {
-        showNotice('请填写供应商和商品名称。', 'error')
-        return
-      }
-      const isCreate = formDialog.mode === 'create'
-      const actionKey = isCreate
-        ? (formDialog.type === 'controlled_goods' ? 'save_controlled_goods' : 'save_supplier_product')
-        : formDialog.item.materializedOnly
-          ? (formDialog.type === 'controlled_goods' ? 'update_controlled_goods' : 'update_supplier_product')
-          : 'update_review_item'
-      const input = isCreate
-        ? payload
-        : formDialog.item.materializedOnly
-          ? Object.assign({ id: formDialog.item.materializedId || parseMaterializedId(formDialog.item.id) }, payload)
-          : { itemId: formDialog.item.id, confirmedData: payload }
+        const response = await action(actionKey, input)
+        const result = payload(response)
+        if (result && result.success === false) throw new Error(messageOf(result))
+        if (!(options && options.silent)) show((options && options.message) || messageOf(result) || '操作成功')
+        if (!(options && options.noReload)) await reload()
+        return dataOf(response)
+      } catch (error) { show(messageOf(error) || '操作失败', 'error'); throw error }
+      finally { setBusy(false) }
+    }
+    async function upload(actionKey, file, input) {
       setBusy(true)
       try {
-        const response = await executeAction(actionKey, null, input, {})
-        assertActionSuccess(response)
-        setFormDialog(null)
-        showNotice(isCreate ? '商品已新增。' : '记录已更新。', 'success')
-        await reload()
-      } catch (error) {
-        showNotice(getErrorMessage(error), 'error')
-      } finally {
-        setBusy(false)
-      }
-    }
-
-    async function confirmReview(item) {
-      if (!item || !item.id || busy) return
-      setBusy(true)
-      try {
-        const confirmedData = buildConfirmReviewData(item)
-        const response = await executeAction('confirm_review_item', item.id, { itemId: item.id, confirmedData }, {})
-        assertActionSuccess(response)
-        showNotice('审核项已确认并写入业务列表。', 'success')
-        await reload()
-      } catch (error) {
-        showNotice(getErrorMessage(error), 'error')
-      } finally {
-        setBusy(false)
-      }
-    }
-
-    async function rejectReview(item) {
-      if (!item || !item.id || busy) return
-      setBusy(true)
-      try {
-        const response = item.materializedOnly
-          ? await executeAction(materializedDeleteAction(item), null, { id: item.materializedId || parseMaterializedId(item.id) }, {})
-          : await executeAction('reject_review_item', item.id, { itemId: item.id }, {})
-        assertActionSuccess(response)
-        setSelectedIds(selectedIds.filter((id) => id !== item.id))
-        showNotice(item.materializedOnly ? '记录已驳回并移出正式列表。' : '审核项已驳回。', 'success')
-        await reload()
-      } catch (error) {
-        showNotice(getErrorMessage(error), 'error')
-      } finally {
-        setBusy(false)
-      }
-    }
-
-    async function batchApproveSelected() {
-      if (!selectedIds.length || busy) return
-      const rows = getSelectedRows().filter((row) => !row.materializedOnly && row.reviewStatus !== 'confirmed' && row.reviewStatus !== 'rejected')
-      if (!rows.length) return
-      setBusy(true)
-      try {
-        const response = await executeAction('confirm_review_items', null, { itemIds: rows.map((row) => row.id) }, {})
-        assertActionSuccess(response)
-        setSelectedIds([])
-        showNotice(`已批量审核 ${rows.length} 条记录。`, 'success')
-        await reload()
-      } catch (error) {
-        showNotice(getErrorMessage(error), 'error')
-      } finally {
-        setBusy(false)
-      }
-    }
-
-    async function batchRejectSelected() {
-      const rows = getSelectedRows().filter((row) => row.reviewStatus !== 'rejected')
-      if (!rows.length || busy) return
-      setBusy(true)
-      try {
-        for (const row of rows) {
-          if (row.materializedOnly) {
-            await executeAction(materializedDeleteAction(row), null, { id: row.materializedId || parseMaterializedId(row.id) }, {})
-          } else {
-            await executeAction('reject_review_item', row.id, { itemId: row.id }, {})
-          }
-        }
-        setSelectedIds([])
-        showNotice(`已批量驳回 ${rows.length} 条记录。`, 'success')
-        await reload()
-      } catch (error) {
-        showNotice(getErrorMessage(error), 'error')
-      } finally {
-        setBusy(false)
-      }
-    }
-
-    async function batchDeleteSelected() {
-      const rows = getSelectedRows()
-      if (!rows.length || busy) return
-      setDeleteDialog({
-        type: 'batch-rows',
-        title: '确认批量删除',
-        message: `确定要删除选中的 ${rows.length} 条记录吗？此操作不可撤销。`,
-        rows
-      })
-    }
-
-    async function performBatchDelete(rows) {
-      setBusy(true)
-      try {
-        for (const row of rows) {
-          await deleteRowRequest(row)
-        }
-        setSelectedIds([])
-        showNotice(`已批量删除 ${rows.length} 条记录。`, 'success')
-        await reload()
-      } catch (error) {
-        showNotice(getErrorMessage(error), 'error')
-      } finally {
-        setBusy(false)
-      }
-    }
-
-    async function deleteRow(item) {
-      if (!item || !item.id || busy) return
-      setDeleteDialog({
-        type: 'row',
-        title: '确认删除',
-        message: `确定要删除「${readMerged(item).productName || item.title || '当前记录'}」吗？此操作不可撤销。`,
-        item
-      })
-    }
-
-    async function performDeleteRow(item) {
-      setBusy(true)
-      try {
-        await deleteRowRequest(item)
-        setSelectedIds(selectedIds.filter((id) => id !== item.id))
-        showNotice('记录已删除。', 'success')
-        await reload()
-      } catch (error) {
-        showNotice(getErrorMessage(error), 'error')
-      } finally {
-        setBusy(false)
-      }
-    }
-
-    async function deleteRowRequest(item) {
-      const actionKey = item.materializedOnly ? materializedDeleteAction(item) : 'delete_review_item'
-      const input = item.materializedOnly ? { id: item.materializedId || parseMaterializedId(item.id) } : { itemId: item.id }
-      const response = await executeAction(actionKey, null, input, {})
-      assertActionSuccess(response)
-      return response
-    }
-
-    function openEdit(item) {
-      const merged = readMerged(item || {})
-      setFormDialog({
-        mode: 'edit',
-        type: item.type,
-        item,
-        values: valuesFromItem(item.type, item),
-        hsCandidates: Array.isArray(merged.hsCodeCandidates) ? merged.hsCodeCandidates : [],
-        hsCandidateKeyword: merged.hsCodeLookupKeyword || buildSupplierHsCandidateKeyword(merged),
-        hsCandidatePage: 1,
-        hsCandidateJumpPage: '',
-        hsCandidateLocalPage: 1,
-        hsCandidateLocalPageSize: 5,
-        hsCandidateLocalJumpPage: '',
-        hsCandidatePagination: null,
-        hsCandidateStatus: merged.hsCodeLookupStatus || '',
-        hsCandidateError: merged.hsCodeLookupError || '',
-        hsCandidateLoading: false
-      })
-    }
-
-    function openCreate(type) {
-      setFormDialog({
-        mode: 'create',
-        type,
-        item: null,
-        values: emptyFormValues(type),
-        hsCandidates: [],
-        hsCandidateKeyword: '',
-        hsCandidatePage: 1,
-        hsCandidateJumpPage: '',
-        hsCandidateLocalPage: 1,
-        hsCandidateLocalPageSize: 5,
-        hsCandidateLocalJumpPage: '',
-        hsCandidatePagination: null,
-        hsCandidateStatus: '',
-        hsCandidateError: '',
-        hsCandidateLoading: false
-      })
-    }
-
-    async function deleteWorkbook(item) {
-      if (!item || !item.id || busy) return
-      setDeleteDialog({
-        type: 'workbook',
-        title: '确认删除销售发票',
-        message: `确定要删除「${item.fileName || item.invoiceNo || '当前销售发票'}」吗？此操作不可撤销。`,
-        item
-      })
-    }
-
-    async function performDeleteWorkbook(item) {
-      setBusy(true)
-      try {
-        const response = await executeAction('delete_customs_workbook', null, { id: item.id }, {})
-        assertActionSuccess(response)
-        showNotice('销售发票记录已删除。', 'success')
-        await reload()
-      } catch (error) {
-        showNotice(getErrorMessage(error), 'error')
-      } finally {
-        setBusy(false)
-      }
-    }
-
-    async function confirmDeleteDialog() {
-      if (!deleteDialog || busy) return
-      const current = deleteDialog
-      setDeleteDialog(null)
-      if (current.type === 'batch-rows') {
-        await performBatchDelete(current.rows)
-      } else if (current.type === 'workbook') {
-        await performDeleteWorkbook(current.item)
-      } else {
-        await performDeleteRow(current.item)
-      }
-    }
-
-    async function downloadWorkbook(item) {
-      if (!item || !item.id || busy) return
-      setBusy(true)
-      try {
-        const response = await executeAction('download_customs_workbook', null, { id: item.id }, {})
-        assertActionSuccess(response)
-        const payload = getResponsePayload(response)
-        const data = payload && payload.data ? payload.data : payload
-        const base64 = data && data.base64
-        if (!base64) throw new Error('未返回 Excel 文件内容')
-        const bytes = base64ToBytes(base64)
-        const blob = new Blob([bytes], { type: data.mimeType || 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' })
-        const url = URL.createObjectURL(blob)
-        const link = document.createElement('a')
-        link.href = url
-        link.download = data.fileName || item.fileName || '销售发票.xlsx'
-        link.click()
-        URL.revokeObjectURL(url)
-      } catch (error) {
-        showNotice(getErrorMessage(error), 'error')
-      } finally {
-        setBusy(false)
-      }
-    }
-
-    async function generateWorkbook() {
-      if (busy) return
-      const selectedSalesRows = getSelectedSalesRows()
-      if (selectedSalesRows.length === 0) {
-        showNotice('请先勾选要生成销售发票的购销合同。', 'error')
-        return
-      }
-      setBusy(true)
-      try {
-        for (let index = 0; index < selectedSalesRows.length; index += 1) {
-          const salesItem = selectedSalesRows[index]
-          const base = readMerged(salesItem || {})
-          const invoiceNo = base.invoiceNo || fallbackInvoiceNo(base, index, selectedSalesRows.length)
-          const response = await executeAction('generate_customs_workbook', null, {
-            invoiceNo,
-            contractNo: base.contractNo,
-            sourceFileName: base.sourceFileName || salesItem.title,
-            fileName: invoiceNo + '-销售发票.xlsx',
-            workbookData: base
-          }, {})
-          assertActionSuccess(response)
-        }
-        showNotice(selectedSalesRows.length === 1 ? '销售发票已生成并写入历史。' : `已生成 ${selectedSalesRows.length} 张销售发票。`, 'success')
-        await reload()
-      } catch (error) {
-        showNotice(getErrorMessage(error), 'error')
-      } finally {
-        setBusy(false)
-      }
-    }
-
-    function showNotice(message, level) {
-      notify(level || 'info', message)
-    }
-
-    function startRecognitionPolling(expectedType, previousCount, options) {
-      stopRecognitionPolling()
-      let attempts = 0
-      let lastCount = previousCount
-      let stableTicks = 0
-      const pollingOptions = options || {}
-      const expectedCount = pollingOptions.expectedCount || 0
-      const isChunked = pollingOptions.expectedChunkCount > 1
-      const targetCount = expectedCount > 0 ? previousCount + expectedCount : null
-      pollingRef.current = setInterval(async () => {
-        attempts += 1
-        try {
-          const response = await request('requestData', { query: { page: 1, pageSize: 1000, search: query, parameters: {} } })
-          const nextData = normalizeData(getResponsePayload(response))
-          setData(nextData)
-          const nextCount = countReviewItemsByType(nextData.reviewItems, expectedType)
-          stableTicks = nextCount === lastCount ? stableTicks + 1 : 0
-          lastCount = nextCount
-          if ((targetCount && nextCount >= targetCount) || (!targetCount && !isChunked && nextCount > previousCount && stableTicks >= 4) || attempts >= 160) {
-            stopRecognitionPolling()
-          }
-        } catch (_error) {
-          if (attempts >= 160) stopRecognitionPolling()
-        }
-      }, 2500)
-    }
-
-    function stopRecognitionPolling() {
-      if (!pollingRef.current) return
-      clearInterval(pollingRef.current)
-      pollingRef.current = null
-    }
-
+        const response = await fileAction(actionKey, file, input)
+        const result = payload(response)
+        if (result && result.success === false) throw new Error(messageOf(result))
+        const commands = dataOf(response) && dataOf(response).commands || []
+        for (const command of commands) await request('invokeClientCommand', { commandKey: command.commandKey, payload: command.payload })
+        show('文件已进入解析中')
+        setDialog(null); await reload()
+        beginPolling()
+      } catch (error) { show(messageOf(error) || '上传失败', 'error') }
+      finally { setBusy(false) }
+    }
+    function beginPolling() { let count = 0; const timer = setInterval(async () => { count += 1; await reload(); if (count >= 600) clearInterval(timer) }, 2000) }
+
+    const ctx = { data, search, setSearch, busy, setBusy, show, run, upload, dialog, setDialog, purchasePath, setPurchasePath, salesPath, setSalesPath }
     return h('div', { className: 'tcw-shell' },
-      renderSidebar(),
-      h('section', { className: 'tcw-workspace' },
-        h('header', { className: 'tcw-header' },
-          h('div', { className: 'tcw-title-block' },
-            h('span', { className: 'tcw-kicker' }, pageBreadcrumb(activePage)),
-            h('h1', null, pageTitle(activePage)),
-            h('p', null, pageSubtitle(activePage))
-          ),
-          h('div', { className: 'tcw-header-actions' },
-            h('input', { className: 'tcw-search', value: query, placeholder: '搜索商品、供应商、海关编码、文件名', onChange: (event) => setQuery(event.target.value) }),
-            h('button', { className: 'tcw-btn tcw-btn-soft', disabled: busy, onClick: () => reload() }, busy ? '处理中' : '刷新')
-          )
-        ),
-        h('main', { className: 'tcw-main' },
-          h('section', { className: 'tcw-content' },
-            activePage === 'overview-page' ? renderOverviewPage() : null,
-            activePage === 'controlled-goods-page' ? renderControlledGoodsPage() : null,
-            activePage === 'products-page' ? renderProductsPage() : null,
-            activePage === 'workbooks-page' ? renderWorkbooksPage() : null,
-            activePage === 'hs-code-search-page' ? renderHsCodeSearchPage() : null
-          )
-        )
-      ),
-      detailItem ? renderDetailModal() : null,
-      formDialog ? renderFormModal() : null,
-      deleteDialog ? renderDeleteConfirmModal() : null,
-      hsCodeDetailDialog ? renderHsCodeDetailModal() : null
-    )
-
-    function renderSidebar() {
-      return h('aside', { className: 'tcw-sidebar' },
-        h('div', { className: 'tcw-brand' },
-          h('div', { className: 'tcw-brand-mark' }, 'TC'),
-          h('div', null,
-            h('strong', null, '外贸合规工作台'),
-            h('span', null, 'Trade Compliance')
-          )
-        ),
-        h('nav', { className: 'tcw-nav', 'aria-label': '主导航' }, [
-          tab('overview-page', '总览', 'dashboard', pendingItems.length, 'blue'),
-          tab('controlled-goods-page', '管控商品', 'shield', controlledReviews.length, 'green'),
-          tab('products-page', '供应商商品', 'box', supplierReviews.length, 'orange'),
-          tab('workbooks-page', '销售发票', 'invoice', salesReviews.length + filteredWorkbooks.length, 'violet'),
-          tab('hs-code-search-page', '工具', 'search', null, 'slate')
-        ])
-      )
-    }
-
-    function tab(key, label, icon, count, tone) {
-      return h('button', { key, className: key === activePage ? 'tcw-tab active' : 'tcw-tab', onClick: () => setActivePage(key) },
-        h('span', { className: 'tcw-nav-icon ' + (tone || 'blue') }, iconImage(icon, label, tone)),
-        h('span', null, label),
-        count == null ? null : h('em', null, count)
-      )
-    }
-
-    function renderOverviewPage() {
-      const filteredPendingControlledItems = filteredPendingItems.filter((item) => item.type === 'controlled_goods')
-      const filteredPendingSupplierItems = filteredPendingItems.filter((item) => item.type === 'supplier_product')
-      const filteredPendingSalesItems = filteredPendingItems.filter((item) => item.type === 'customs_workbook')
-      const overviewRows = overviewTab === 'all'
-        ? filteredPendingItems
-        : filteredPendingItems.filter((item) => item.type === overviewTab)
-      const overviewListKey = `overview-${overviewTab}`
-      const overviewPage = paginateRows(overviewListKey, overviewRows)
-      return h('div', { className: 'tcw-page overview-page' },
-        h('section', { className: 'tcw-metrics' },
-          metric('待审核', filteredPendingItems.length, 'dashboard', 'blue'),
-          metric('管控识别待审', filteredPendingControlledItems.length, 'shield', 'green'),
-          metric('供应商商品待审', filteredPendingSupplierItems.length, 'box', 'orange'),
-          metric('销售合同待审', filteredPendingSalesItems.length, 'invoice', 'violet'),
-          metric('已入库管控商品', data.controlledGoods.length, 'archive', 'slate'),
-          metric('已入库供应商商品', data.products.length, 'supplier', 'green'),
-          metric('销售发票历史', data.workbookGenerations.length, 'document', 'violet'),
-          metric('全部审核记录', reviewItems.length, 'records', 'blue')
-        ),
-        panel('待办事项明细',
-          h('div', { className: 'tcw-overview-panel' },
-            h('div', { className: 'tcw-overview-tabs' }, [
-              overviewTabButton('all', '全部', filteredPendingItems.length),
-              overviewTabButton('controlled_goods', '管控商品', filteredPendingControlledItems.length),
-              overviewTabButton('supplier_product', '供应商商品', filteredPendingSupplierItems.length),
-              overviewTabButton('customs_workbook', '销售发票', filteredPendingSalesItems.length)
-            ]),
-            overviewPage.rows.length
-              ? compactReviewList(overviewPage.rows)
-              : empty('暂无待审核记录。智能体识别结果会先出现在这里。'),
-            pagination(overviewListKey, overviewRows.length)
-          )
-        )
-      )
-
-      function overviewTabButton(key, label, count) {
-        return h('button', {
-          key,
-          type: 'button',
-          className: overviewTab === key ? 'tcw-overview-tab active' : 'tcw-overview-tab',
-          onClick: () => setOverviewTab(key)
-        }, `${label}${typeof count === 'number' ? ` ${count}` : ''}`)
-      }
-    }
-
-    function renderControlledGoodsPage() {
-      const page = paginateRows('controlled-goods', controlledReviews)
-      return h('div', { className: 'tcw-page controlled-goods-page' },
-        businessPanel([
-          uploadButton('upload_controlled_goods_file', '上传管控商品文件'),
-          h('button', { className: 'tcw-btn tcw-btn-primary', disabled: busy, onClick: () => openCreate('controlled_goods') }, '新增管控商品')
-        ], [
-          renderListToolbar('管控商品列表', controlledReviews.length),
-          h('div', { className: 'pending-controlled-goods confirmed-controlled-goods tcw-table-section' },
-            reviewTable(['商品名称/候选', '海关编码', '解析状态', '管控说明', '来源'], page.rows, (item) => {
-            const row = readMerged(item)
-            return [
-              value(row.productName || row.referenceNameCandidate || item.title),
-              value(row.hsCode),
-              value(resolveControlledGoodsParseStatus(row)),
-              value(row.controlNote),
-              value(item.sourceLocation || row.sourceFileName)
-            ]
-            }, '暂无管控商品识别结果。上传目录并等待智能体调用工具后会显示在这里。', renderProductActions)
-          ),
-          pagination('controlled-goods', controlledReviews.length)
-        ])
-      )
-    }
-
-    function renderProductsPage() {
-      const page = paginateRows('supplier-products', supplierReviews)
-      return h('div', { className: 'tcw-page products-page' },
-        businessPanel([
-          uploadButton('upload_supplier_contract', '上传供应商合同'),
-          h('button', { className: 'tcw-btn tcw-btn-primary', disabled: busy, onClick: () => openCreate('supplier_product') }, '新增供应商商品')
-        ], [
-          renderListToolbar('供应商商品列表', supplierReviews.length),
-          h('div', { className: 'pending-supplier-products tcw-table-section' },
-            reviewTable(['供应商', '商品', '型号', '海关编码', '编码确认', '退税率', '英文品名', '管控状态'], page.rows, (item) => {
-            const row = readSupplierEditableMerged(item)
-            return [
-              value(row.supplierName),
-              value(row.productName || item.title),
-              value(row.model),
-              value(resolveDisplayHsCode(row)),
-              status(hsCodeReviewStatusText(row), hsCodeReviewStatusLevel(row)),
-              value(row.taxRefundRate),
-              value(row.englishName),
-              status(controlStatusText(row.controlledStatus), controlStatusLevel(row.controlledStatus))
-            ]
-            }, '暂无供应商商品识别结果。上传供应商合同并等待智能体识别后会显示在这里。', renderProductActions)
-          ),
-          pagination('supplier-products', supplierReviews.length)
-        ])
-      )
-    }
-
-    function renderWorkbooksPage() {
-      const salesPage = paginateRows('sales-contracts', salesReviews)
-      const workbookPage = paginateRows('sales-workbooks', filteredWorkbooks)
-      const selectedSalesCount = getSelectedSalesRows().length
-      return h('div', { className: 'tcw-page workbooks-page' },
-        businessPanel([
-          uploadButton('upload_sales_contract', '上传购销合同'),
-          h('button', { className: 'tcw-btn tcw-btn-primary', disabled: busy || selectedSalesCount === 0, onClick: generateWorkbook }, selectedSalesCount > 1 ? `生成销售发票 (${selectedSalesCount})` : '生成销售发票')
-        ], [
-          renderListToolbar('购销合同识别列表', salesReviews.length),
-          h('div', { className: 'pending-sales-contracts tcw-table-section' },
-            reviewTable(['文件/标题', '发票号', '合同号', '买方', '卖方'], salesPage.rows, (item) => {
-            const row = readMerged(item)
-            return [
-              value(item.title),
-              value(row.invoiceNo),
-              value(row.contractNo),
-              value(row.buyerName),
-              value(row.sellerName)
-            ]
-            }, '暂无购销合同识别结果。', renderSalesReviewActions)
-          ),
-          pagination('sales-contracts', salesReviews.length),
-          h('section', { className: 'tcw-history-section tcw-workbook-history-section' },
-            h('div', { className: 'tcw-subsection-head' },
-              h('div', null, h('h3', null, '已生成销售发票'), h('p', null, `${filteredWorkbooks.length} 条生成历史`))
-            ),
-            table(['文件名', '发票号', '合同号', '模板工作表', '状态', '操作'], workbookPage.rows, (item) => [
-              value(item.fileName),
-              value(item.invoiceNo),
-              value(item.contractNo),
-              Array.isArray(item.sheetNames) ? item.sheetNames.join('、') : '-',
-              status(value(item.status, 'generated'), 'ok'),
-              h('div', { className: 'tcw-row-actions' },
-                h('button', { className: 'tcw-mini-btn', onClick: () => downloadWorkbook(item) }, '下载'),
-                h('button', { className: 'tcw-mini-btn danger', onClick: () => deleteWorkbook(item) }, '删除')
-              )
-            ], '暂无销售发票生成历史。'),
-            pagination('sales-workbooks', filteredWorkbooks.length)
-          )
-        ])
-      )
-    }
-
-    function renderHsCodeSearchPage() {
-      const result = hsCodeSearch.result || {}
-      const rows = Array.isArray(result.results) ? result.results : []
-      return h('div', { className: 'tcw-page hs-code-search-page' },
-        businessPanel([], [
-          h('form', { className: 'tcw-hs-search-form', onSubmit: submitHsCodeSearch },
-            h('div', { className: 'tcw-hs-search-row' },
-              h('input', {
-                className: 'tcw-search hs-code-search-input',
-                value: hsCodeSearch.keywords,
-                placeholder: '请输入商品名称或海关编码，例如：帽子、8471499100',
-                onChange: (event) => updateHsCodeSearch({ keywords: event.target.value })
-              }),
-              h('button', { className: 'tcw-btn tcw-btn-primary', disabled: hsCodeSearch.loading }, hsCodeSearch.loading ? '查询中' : '查询')
-            )
-          ),
-          hsCodeSearch.error ? h('div', { className: 'tcw-error' }, hsCodeSearch.error) : null,
-          !hsCodeSearch.searched && !hsCodeSearch.loading ? empty('请输入商品名称或海关编码后查询。') : null,
-          hsCodeSearch.loading ? empty('正在查询 HS 编码网，请稍候。') : null,
-          hsCodeSearch.searched && !hsCodeSearch.loading && !hsCodeSearch.error ? h('section', { className: 'tcw-history-section' },
-            h('div', { className: 'tcw-subsection-head' },
-              h('div', null,
-                h('h3', null, `和「${value(result.keywords || hsCodeSearch.keywords, '')}」有关的 HS 编码`),
-                h('p', null, `第 ${result.page || hsCodeSearch.page} 页，${rows.length} 条结果`)
-              )
-            ),
-            table(['商品编码', '商品名称', '英文名称', '计量单位', '出口退税率(%)', '监管条件', '检验检疫', '来源', '操作'], rows, (item) => [
-              h('strong', { className: 'tcw-hs-code-text' }, value(item.code)),
-              value(item.name),
-              value(item.englishName),
-              value(item.unit),
-              value(item.taxRefundRate),
-              value(item.regulatoryConditions),
-              value(item.inspectionQuarantine),
-              `第 ${item.sourcePage || result.page || hsCodeSearch.page} 页`,
-              h('div', { className: 'tcw-row-actions' },
-                h('button', { className: 'tcw-mini-btn', disabled: !item.code && !item.detailUrl, onClick: () => loadHsCodeDetail(item) }, '详情')
-              )
-            ], '未查询到相关编码。可换关键词或海关编码重新查询。'),
-            renderHsCodePagination(result.pagination)
-          ) : null
-        ])
-      )
-    }
-
-    function renderHsCodeDetailModal() {
-      const state = hsCodeDetailDialog || {}
-      const item = state.item || {}
-      const detail = state.detail || {}
-      const sections = Array.isArray(detail.sections) ? detail.sections : []
-      return h('div', { className: 'tcw-modal-backdrop' },
-        h('section', { className: 'tcw-modal tcw-hs-detail-modal' },
-          h('div', { className: 'tcw-modal-head' },
-            h('div', null,
-              h('h2', null, '海关编码详情'),
-              h('p', { className: 'tcw-modal-subtitle' }, `${value(detail.code || item.code, '-')} ${value(detail.name || item.name, '')}`)
-            ),
-            h('button', { type: 'button', className: 'tcw-icon-btn', onClick: () => setHsCodeDetailDialog(null) }, '×')
-          ),
-          state.loading ? empty('正在读取源站详情，请稍候。') : null,
-          state.error ? h('div', { className: 'tcw-error' }, state.error) : null,
-          !state.loading && !state.error && sections.length === 0 ? empty('源站详情页暂无可展示内容。') : null,
-          !state.loading && !state.error && sections.length > 0 ? h('div', { className: 'tcw-hs-detail-sections' },
-            sections.map((section) => h('section', { className: 'tcw-hs-detail-section', key: section.title },
-              h('h3', null, section.title),
-              h('div', { className: 'tcw-detail-grid' },
-                (Array.isArray(section.rows) ? section.rows : []).map((row) =>
-                  h('div', { className: 'tcw-detail-field', key: `${section.title}:${row.label}` },
-                    h('span', null, row.label),
-                    h('strong', null, value(row.value, '-'))
-                  )
-                )
-              )
-            ))
-          ) : null,
-          h('div', { className: 'tcw-modal-actions' },
-            h('button', { type: 'button', className: 'tcw-btn tcw-btn-soft', onClick: () => setHsCodeDetailDialog(null) }, '关闭')
-          )
-        )
-      )
-    }
-
-    function renderHsCodePagination(pagination) {
-      if (!pagination || (!pagination.hasPrevious && !pagination.hasNext && (!pagination.pages || pagination.pages.length <= 1))) return null
-      const pages = Array.isArray(pagination.pages) ? pagination.pages.filter((item) => item.page) : []
-      const maxPage = Number(pagination.maxVisiblePage) || Math.max(...pages.map((item) => Number(item.page) || 0), pagination.currentPage || hsCodeSearch.page || 1)
-      const currentPage = pagination.currentPage || hsCodeSearch.page || 1
-      return renderUnifiedPagination({
-        page: currentPage,
-        totalPages: Math.max(1, maxPage),
-        pageSize: 10,
-        fixedPageSize: true,
-        loading: hsCodeSearch.loading,
-        hasPrevious: pagination.hasPrevious,
-        hasNext: pagination.hasNext,
-        jumpValue: hsCodeSearch.jumpPage || '',
-        onPageChange: searchHsCodePage,
-        onJumpInput: (nextValue) => setHsCodeSearch(Object.assign({}, hsCodeSearch, { jumpPage: nextValue })),
-        onJump: () => {
-          const nextPage = Number(hsCodeSearch.jumpPage)
-          if (!Number.isFinite(nextPage) || nextPage <= 0) return
-          searchHsCodePage(nextPage)
-          setHsCodeSearch((current) => Object.assign({}, current, { jumpPage: '' }))
-        }
-      })
-    }
-
-    function compactReviewList(items) {
-      return h('div', { className: 'tcw-compact-list' }, items.map((item) =>
-        h('div', { className: 'tcw-compact-row', key: item.id || item.title },
-          h('span', null, reviewTypeText(item.type)),
-          h('strong', null, item.title),
-          h('em', null, reviewStatusText(item.reviewStatus))
-        )
-      ))
-    }
-
-    function renderListPanel(title, className, rows, headers, mapRow, emptyText) {
-      return panel(title, h('div', { className },
-        renderListToolbar(null, rows.length),
-        reviewTable(headers, rows, mapRow, emptyText)
-      ))
-    }
-
-    function businessPanel(actions, content) {
-      const hasActions = Array.isArray(actions) && actions.length > 0
-      return h('section', { className: 'tcw-business-panel' },
-        hasActions ? h('div', { className: 'tcw-business-actions' },
-          h('div', { className: 'tcw-button-row' }, actions)
-        ) : null,
-        h('div', { className: 'tcw-business-body' }, content)
-      )
-    }
-
-    function renderListToolbar(title, total) {
-      return h('div', { className: 'tcw-list-toolbar' },
-        h('div', { className: 'tcw-list-title' },
-          title ? h('h3', null, title) : null,
-          h('span', null, `${total || 0} 条记录`)
-        ),
-        h('div', { className: 'tcw-list-actions' },
-          h('label', { className: 'tcw-filter' },
-            h('span', null, '状态'),
-            h('select', { className: 'status-filter', value: statusFilter, onChange: (event) => { setStatusFilter(event.target.value); setSelectedIds([]) } },
-              h('option', { value: 'all' }, '全部'),
-              h('option', { value: 'pending' }, '待审核'),
-              h('option', { value: 'confirmed' }, '已审核'),
-              h('option', { value: 'rejected' }, '已驳回')
-            )
-          ),
-          h('button', { className: 'tcw-btn tcw-btn-primary', disabled: busy || selectedIds.length === 0, onClick: batchApproveSelected }, `批量审核${selectedIds.length ? ` (${selectedIds.length})` : ''}`),
-          h('button', { className: 'tcw-btn tcw-btn-soft', disabled: busy || selectedIds.length === 0, onClick: batchRejectSelected }, '批量驳回'),
-          h('button', { className: 'tcw-btn tcw-btn-danger', disabled: busy || selectedIds.length === 0, onClick: batchDeleteSelected }, '批量删除')
-        )
-      )
-    }
-
-    function renderProductActions(row) {
-      return h('div', { className: 'tcw-row-actions' },
-        h('button', { className: 'tcw-mini-btn', disabled: busy || row.materializedOnly || row.reviewStatus === 'confirmed', onClick: () => confirmReview(row) }, '审核'),
-        h('button', { className: 'tcw-mini-btn', disabled: busy, onClick: () => openEdit(row) }, '编辑'),
-        h('button', { className: 'tcw-mini-btn danger', disabled: busy || row.reviewStatus === 'rejected', onClick: () => rejectReview(row) }, '驳回'),
-        h('button', { className: 'tcw-mini-btn danger', disabled: busy, onClick: () => deleteRow(row) }, '删除')
-      )
-    }
-
-    function renderSalesReviewActions(row) {
-      return h('div', { className: 'tcw-row-actions' },
-        h('button', { className: 'tcw-mini-btn', disabled: busy || row.reviewStatus === 'confirmed', onClick: () => confirmReview(row) }, '审核'),
-        h('button', { className: 'tcw-mini-btn', disabled: busy, onClick: () => setDetailItem(row) }, '详情'),
-        h('button', { className: 'tcw-mini-btn danger', disabled: busy || row.reviewStatus === 'rejected', onClick: () => rejectReview(row) }, '驳回'),
-        h('button', { className: 'tcw-mini-btn danger', disabled: busy, onClick: () => deleteRow(row) }, '删除')
-      )
-    }
-
-    function reviewTable(headers, rows, mapRow, emptyText, renderActions) {
-      const selectableIds = getSelectableRowIds(rows)
-      const selectedVisibleIds = selectableIds.filter((id) => selectedIds.includes(id))
-      const allVisibleSelected = selectableIds.length > 0 && selectedVisibleIds.length === selectableIds.length
-      const partiallySelected = selectedVisibleIds.length > 0 && selectedVisibleIds.length < selectableIds.length
-      return table([
-        h('input', {
-          className: 'row-selection-checkbox',
-          type: 'checkbox',
-          'aria-label': '全选当前列表',
-          checked: allVisibleSelected,
-          disabled: selectableIds.length === 0,
-          ref: (node) => {
-            if (node) node.indeterminate = partiallySelected
-          },
-          onChange: (event) => toggleAllVisibleRows(rows, event.target.checked)
-        }),
-        ...headers,
-        '状态',
-        '操作'
-      ], rows, (row) => [
-        h('input', {
-          className: 'row-selection-checkbox',
-          type: 'checkbox',
-          checked: selectedIds.includes(row.id),
-          disabled: !row.id,
-          onChange: (event) => toggleSelected(row.id, event.target.checked)
-        }),
-        ...mapRow(row),
-        status(reviewStatusText(row.reviewStatus), row.reviewStatus === 'confirmed' ? 'ok' : row.reviewStatus === 'rejected' ? 'danger' : 'warn'),
-        renderActions ? renderActions(row) : h('div', { className: 'tcw-row-actions' },
-          h('button', { className: 'tcw-mini-btn', disabled: busy || row.materializedOnly || row.reviewStatus === 'confirmed', onClick: () => confirmReview(row) }, '审核'),
-          h('button', { className: 'tcw-mini-btn danger', disabled: busy || row.materializedOnly || row.reviewStatus === 'rejected', onClick: () => rejectReview(row) }, '驳回')
-        )
-      ], emptyText)
-    }
-
-    function toggleSelected(id, checked) {
-      if (!id) return
-      setSelectedIds(checked ? Array.from(new Set([...selectedIds, id])) : selectedIds.filter((item) => item !== id))
-    }
-
-    function toggleAllVisibleRows(rows, checked) {
-      const visibleIds = getSelectableRowIds(rows)
-      if (checked) {
-        setSelectedIds(Array.from(new Set([...selectedIds, ...visibleIds])))
-        return
-      }
-      setSelectedIds(selectedIds.filter((id) => !visibleIds.includes(id)))
-    }
-
-    function getSelectableRowIds(rows) {
-      return (rows || [])
-        .filter((row) => row.id)
-        .map((row) => row.id)
-    }
-
-    function getSelectedRows() {
-      const rows = activePage === 'controlled-goods-page'
-        ? controlledReviews
-        : activePage === 'products-page'
-          ? supplierReviews
-          : activePage === 'workbooks-page'
-            ? salesReviews
-            : []
-      const selected = new Set(selectedIds)
-      return rows.filter((row) => selected.has(row.id))
-    }
-
-    function getSelectedSalesRows() {
-      const selected = new Set(selectedIds)
-      return salesReviews.filter((row) => row.id && selected.has(row.id))
-    }
-
-    function fallbackInvoiceNo(base, index, total) {
-      const date = new Date().toISOString().slice(0, 10).replace(/-/g, '')
-      const contractNo = String(base && base.contractNo || '').replace(/[^0-9A-Za-z_-]/g, '').slice(0, 18)
-      if (contractNo) return `INV-${contractNo}`
-      return total > 1 ? `INV-${date}-${index + 1}` : `INV-${date}`
-    }
-
-    function materializedDeleteAction(item) {
-      return item.type === 'controlled_goods' ? 'delete_controlled_goods' : 'delete_supplier_product'
-    }
-
-    function paginateRows(listKey, rows) {
-      const pageSize = getPageSize(listKey)
-      const total = rows.length
-      const totalPages = Math.max(1, Math.ceil(total / pageSize))
-      const current = Math.min(Math.max(pageByList[listKey] || 1, 1), totalPages)
-      return { rows: rows.slice((current - 1) * pageSize, current * pageSize), page: current, totalPages, pageSize }
-    }
-
-    function pagination(listKey, total) {
-      if (total <= 0) return null
-      const page = paginateRows(listKey, Array.from({ length: total }))
-      return renderUnifiedPagination({
-        total,
-        page: page.page,
-        totalPages: page.totalPages,
-        pageSize: page.pageSize,
-        pageSizeOptions: [10, 20, 50],
-        jumpValue: pageJumpByList[listKey] || '',
-        onPageChange: (nextPage) => setLocalPage(listKey, nextPage, page.totalPages),
-        onPageSizeChange: (nextSize) => setLocalPageSize(listKey, nextSize),
-        onJumpInput: (nextValue) => setPageJumpByList(Object.assign({}, pageJumpByList, { [listKey]: nextValue })),
-        onJump: () => jumpLocalPage(listKey, page.totalPages)
-      })
-    }
-
-    function getPageSize(listKey) {
-      const value = Number(pageSizeByList[listKey])
-      return Number.isFinite(value) && value > 0 ? value : 10
-    }
-
-    function setLocalPage(listKey, nextPage, totalPages) {
-      const page = Math.min(Math.max(Number(nextPage) || 1, 1), totalPages || 1)
-      setPageByList(Object.assign({}, pageByList, { [listKey]: page }))
-    }
-
-    function setLocalPageSize(listKey, nextSize) {
-      const pageSize = Number(nextSize) || 10
-      setPageSizeByList(Object.assign({}, pageSizeByList, { [listKey]: pageSize }))
-      setPageByList(Object.assign({}, pageByList, { [listKey]: 1 }))
-      setPageJumpByList(Object.assign({}, pageJumpByList, { [listKey]: '' }))
-    }
-
-    function jumpLocalPage(listKey, totalPages) {
-      const value = Number(pageJumpByList[listKey])
-      if (!Number.isFinite(value) || value <= 0) return
-      setLocalPage(listKey, value, totalPages)
-      setPageJumpByList(Object.assign({}, pageJumpByList, { [listKey]: '' }))
-    }
-
-    function renderDetailModal() {
-      const data = readMerged(detailItem)
-      const items = Array.isArray(data.items) ? data.items : []
-      const entries = Object.entries(data).filter(([key]) => key !== 'items')
-      return h('div', { className: 'tcw-modal-backdrop' },
-        h('section', { className: 'tcw-modal' },
-          h('div', { className: 'tcw-modal-head' },
-            h('h2', null, '识别详情'),
-            h('button', { className: 'tcw-icon-btn', onClick: () => setDetailItem(null) }, '×')
-          ),
-          h('div', { className: 'tcw-detail-grid' }, entries.map(([key, val]) =>
-            h('div', { className: 'tcw-detail-field', key },
-              h('span', null, fieldLabel(key)),
-              h('strong', null, stringify(val))
-            )
-          )),
-          items.length ? h('section', { className: 'tcw-detail-items' },
-            h('h3', null, '商品明细'),
-            table(['序号', '商品名称', '型号', '数量', '单价', '金额', '海关编码'], items, (item, index) => [
-              index + 1,
-              value(item.productName || item.englishName),
-              value(item.model),
-              value(item.quantity),
-              value(item.unitPrice || item.taxInclusiveUnitPrice),
-              value(item.amount || item.taxInclusiveTotalAmount),
-              value(item.hsCode || item.contractHsCode || item.enrichedHsCode)
-            ], '暂无商品明细。')
-          ) : null,
-          h('div', { className: 'tcw-modal-actions' },
-            h('button', { className: 'tcw-btn tcw-btn-soft', onClick: () => setDetailItem(null) }, '关闭')
-          )
-        )
-      )
-    }
-
-    function renderFormModal() {
-      const fields = formDialog.type === 'controlled_goods' ? controlledGoodsFormFields : supplierProductFormFields
-      const title = `${formDialog.mode === 'create' ? '新增' : '编辑'}${formDialog.type === 'controlled_goods' ? '管控商品' : '供应商商品'}`
-      return h('div', { className: 'tcw-modal-backdrop' },
-        h('form', { className: formDialog.type === 'supplier_product' ? 'tcw-modal tcw-form-modal tcw-form-modal-supplier' : 'tcw-modal tcw-form-modal', onSubmit: saveProductForm },
-          h('div', { className: 'tcw-modal-head' },
-            h('h2', null, title),
-            h('button', { type: 'button', className: 'tcw-icon-btn', onClick: () => setFormDialog(null) }, '×')
-          ),
-          h('div', { className: formDialog.type === 'supplier_product' ? 'tcw-edit-grid tcw-edit-grid-two' : 'tcw-edit-grid' },
-            fields.map((config) => formField(config))
-          ),
-          formDialog.type === 'supplier_product' ? renderSupplierHsCandidatePanel() : null,
-          h('div', { className: 'tcw-modal-actions' },
-            h('button', { type: 'button', className: 'tcw-btn tcw-btn-soft', onClick: () => setFormDialog(null) }, '取消'),
-            h('button', { type: 'submit', className: 'tcw-btn tcw-btn-primary', disabled: busy }, '保存')
-          )
-        )
-      )
-    }
-
-    function renderSupplierHsCandidatePanel() {
-      const candidates = Array.isArray(formDialog.hsCandidates) ? formDialog.hsCandidates : []
-      const pagination = formDialog.hsCandidatePagination || null
-      const hasSourcePagination = pagination && (pagination.hasPrevious || pagination.hasNext || (pagination.pages && pagination.pages.length > 1))
-      const localPageSize = Math.max(1, Number(formDialog.hsCandidateLocalPageSize) || 5)
-      const localTotalPages = Math.max(1, Math.ceil(candidates.length / localPageSize))
-      const localPage = Math.min(Math.max(Number(formDialog.hsCandidateLocalPage) || 1, 1), localTotalPages)
-      const visibleCandidates = hasSourcePagination
-        ? candidates
-        : candidates.slice((localPage - 1) * localPageSize, localPage * localPageSize)
-      return h('section', { className: 'tcw-hs-candidate-panel' },
-        h('div', { className: 'tcw-subsection-head' },
-          h('div', null,
-            h('h3', null, '海关编码查询'),
-            h('p', null, hsCodeLookupStatusText(formDialog.hsCandidateStatus, candidates.length))
-          ),
-          h('div', { className: 'tcw-hs-candidate-search' },
-            h('input', {
-              className: 'tcw-search',
-              value: formDialog.hsCandidateKeyword || '',
-              placeholder: '商品名称、型号或海关编码',
-              onChange: (event) => setFormDialog(Object.assign({}, formDialog, { hsCandidateKeyword: event.target.value }))
-            }),
-            h('button', { type: 'button', className: 'tcw-mini-btn', disabled: busy || formDialog.hsCandidateLoading, onClick: () => searchSupplierHsCandidatesForForm(1) }, formDialog.hsCandidateLoading ? '查询中' : '查询')
-          )
-        ),
-        formDialog.hsCandidateError ? h('div', { className: 'tcw-error' }, formDialog.hsCandidateError) : null,
-        candidates.length ? h('div', { className: 'tcw-hs-candidate-result' },
-          table(['编码', '商品名称', '英文名称', '单位', '退税率', '监管', '检验检疫', '操作'], visibleCandidates, (candidate) => [
-            h('strong', { className: 'tcw-hs-code-text' }, value(candidate.code)),
-            value(candidate.name),
-            value(candidate.englishName),
-            value(candidate.unit),
-            value(candidate.taxRefundRate),
-            value(candidate.regulatoryConditions),
-            value(candidate.inspectionQuarantine),
-            h('div', { className: 'tcw-row-actions' },
-              h('button', { type: 'button', className: 'tcw-mini-btn', onClick: () => selectHsCandidate(candidate) }, '选用'),
-              h('button', { type: 'button', className: 'tcw-mini-btn', disabled: !candidate.code && !candidate.detailUrl, onClick: () => loadHsCodeDetail(candidate) }, '详情')
-            )
-          ], '暂无查询结果。'),
-          hasSourcePagination
-            ? renderSupplierHsCandidatePagination(pagination)
-            : renderSupplierHsCandidateLocalPagination(candidates.length, localPage, localTotalPages, localPageSize)
-        ) : empty('暂无查询结果，可调整关键词后查询。')
-      )
-    }
-
-    function renderSupplierHsCandidateLocalPagination(total, page, totalPages, pageSize) {
-      if (total <= pageSize) return null
-      return renderUnifiedPagination({
-        total,
-        page,
-        totalPages,
-        pageSize,
-        pageSizeOptions: [5, 10, 20],
-        jumpValue: formDialog.hsCandidateLocalJumpPage || '',
-        onPageChange: (nextPage) => setFormDialog(Object.assign({}, formDialog, { hsCandidateLocalPage: Math.min(Math.max(Number(nextPage) || 1, 1), totalPages) })),
-        onPageSizeChange: (nextSize) => setFormDialog(Object.assign({}, formDialog, { hsCandidateLocalPageSize: Number(nextSize) || 5, hsCandidateLocalPage: 1, hsCandidateLocalJumpPage: '' })),
-        onJumpInput: (nextValue) => setFormDialog(Object.assign({}, formDialog, { hsCandidateLocalJumpPage: nextValue })),
-        onJump: () => {
-          const nextPage = Number(formDialog.hsCandidateLocalJumpPage)
-          if (!Number.isFinite(nextPage) || nextPage <= 0) return
-          setFormDialog(Object.assign({}, formDialog, {
-            hsCandidateLocalPage: Math.min(Math.max(nextPage, 1), totalPages),
-            hsCandidateLocalJumpPage: ''
-          }))
-        }
-      })
-    }
-
-    function renderSupplierHsCandidatePagination(pagination) {
-      if (!pagination || (!pagination.hasPrevious && !pagination.hasNext && (!pagination.pages || pagination.pages.length <= 1))) return null
-      const pages = Array.isArray(pagination.pages) ? pagination.pages.filter((item) => item.page) : []
-      const currentPage = pagination.currentPage || formDialog.hsCandidatePage || 1
-      const maxPage = Number(pagination.maxVisiblePage) || Math.max(...pages.map((item) => Number(item.page) || 0), currentPage)
-      return renderUnifiedPagination({
-        page: currentPage,
-        totalPages: Math.max(1, maxPage),
-        pageSize: 10,
-        fixedPageSize: true,
-        loading: formDialog.hsCandidateLoading,
-        hasPrevious: pagination.hasPrevious,
-        hasNext: pagination.hasNext,
-        jumpValue: formDialog.hsCandidateJumpPage || '',
-        onPageChange: searchSupplierHsCandidatesForForm,
-        onJumpInput: (nextValue) => setFormDialog(Object.assign({}, formDialog, { hsCandidateJumpPage: nextValue })),
-        onJump: () => {
-          const nextPage = Number(formDialog.hsCandidateJumpPage)
-          if (!Number.isFinite(nextPage) || nextPage <= 0) return
-          searchSupplierHsCandidatesForForm(nextPage)
-          setFormDialog((current) => current ? Object.assign({}, current, { hsCandidateJumpPage: '' }) : current)
-        }
-      })
-    }
-
-    function renderUnifiedPagination(config) {
-      const totalPages = Math.max(1, Number(config.totalPages) || 1)
-      const page = Math.min(Math.max(Number(config.page) || 1, 1), totalPages)
-      const canPrevious = config.hasPrevious === undefined ? page > 1 : Boolean(config.hasPrevious)
-      const canNext = config.hasNext === undefined ? page < totalPages : Boolean(config.hasNext)
-      const loading = Boolean(config.loading)
-      const jumpValue = config.jumpValue || ''
-      const pageSize = Number(config.pageSize) || 10
-      return h('div', { className: 'tcw-pagination tcw-pagination-unified' },
-        config.total == null ? null : h('span', { className: 'tcw-pagination-total' }, `共 ${config.total} 条`),
-        h('button', { className: 'tcw-page-btn', disabled: loading || !canPrevious, onClick: () => config.onPageChange(1) }, '首页'),
-        h('button', { className: 'tcw-page-btn', disabled: loading || !canPrevious, onClick: () => config.onPageChange(page - 1) }, '上一页'),
-        h('span', { className: 'tcw-page-current' }, `第 ${page} / ${totalPages} 页`),
-        h('button', { className: 'tcw-page-btn', disabled: loading || !canNext, onClick: () => config.onPageChange(page + 1) }, '下一页'),
-        h('button', { className: 'tcw-page-btn', disabled: loading || !canNext, onClick: () => config.onPageChange(totalPages) }, '末页'),
-        h('span', { className: 'tcw-page-size-label' }, '每页'),
-        config.fixedPageSize
-          ? h('span', { className: 'tcw-page-size-fixed' }, `${pageSize} 条/页`)
-          : h('select', {
-            className: 'tcw-page-size-select',
-            value: pageSize,
-            onChange: (event) => config.onPageSizeChange(Number(event.target.value))
-          }, (config.pageSizeOptions || [10, 20, 50]).map((size) => h('option', { key: size, value: size }, `${size} 条/页`))),
-        h('input', {
-          className: 'tcw-page-jump-input',
-          type: 'number',
-          min: 1,
-          max: totalPages,
-          value: jumpValue,
-          placeholder: String(page),
-          onChange: (event) => config.onJumpInput(event.target.value),
-          onKeyDown: (event) => {
-            if (event.key === 'Enter') {
-              event.preventDefault()
-              config.onJump()
-            }
-          }
-        }),
-        h('button', { className: 'tcw-page-btn', disabled: loading, onClick: config.onJump }, '跳转')
-      )
-    }
-
-    function renderDeleteConfirmModal() {
-      return h('div', { className: 'tcw-modal-backdrop' },
-        h('section', { className: 'tcw-modal tcw-confirm-modal' },
-          h('div', { className: 'tcw-modal-head' },
-            h('h2', null, deleteDialog.title),
-            h('button', { type: 'button', className: 'tcw-icon-btn', onClick: () => setDeleteDialog(null) }, '×')
-          ),
-          h('p', { className: 'tcw-confirm-text' }, deleteDialog.message),
-          h('div', { className: 'tcw-modal-actions' },
-            h('button', { type: 'button', className: 'tcw-btn tcw-btn-soft', onClick: () => setDeleteDialog(null) }, '取消'),
-            h('button', { type: 'button', className: 'tcw-btn tcw-btn-danger', disabled: busy, onClick: confirmDeleteDialog }, '确认删除')
-          )
-        )
-      )
-    }
-
-    function formField(config) {
-      const value = formDialog.values[config.key]
-      if (config.type === 'checkbox') {
-        return h('label', { className: fieldClass(config, 'tcw-field-check'), key: config.key },
-          h('span', null, config.label),
-          h('input', { type: 'checkbox', checked: Boolean(value), onChange: (event) => updateFormValue(config.key, event.target.checked) })
-        )
-      }
-      if (config.type === 'select') {
-        return h('label', { className: fieldClass(config), key: config.key }, h('span', null, config.label), h('select', {
-          value: value || '',
-          onChange: (event) => updateFormValue(config.key, event.target.value)
-        }, config.options.map((option) => h('option', { key: option.value, value: option.value }, option.label))))
-      }
-      if (config.type === 'textarea') {
-        return h('label', { className: fieldClass(config), key: config.key }, h('span', null, config.label), h('textarea', {
-          value: value || '',
-          onChange: (event) => updateFormValue(config.key, event.target.value),
-          placeholder: config.placeholder || ''
-        }))
-      }
-      return h('label', { className: fieldClass(config), key: config.key }, h('span', null, config.label), h('input', {
-        type: config.type === 'number' ? 'number' : 'text',
-        value: value || '',
-        onChange: (event) => updateFormValue(config.key, event.target.value),
-        placeholder: config.placeholder || ''
-      }))
-    }
-
-    function updateFormValue(key, value) {
-      setFormDialog(Object.assign({}, formDialog, {
-        values: Object.assign({}, formDialog.values, { [key]: value })
-      }))
-    }
-
-    function fieldClass(config, extra) {
-      return ['tcw-field', config.wide ? 'tcw-field-wide' : '', extra || ''].filter(Boolean).join(' ')
-    }
-
-    function pageToolbar(title, subtitle, actions) {
-      return h('div', { className: 'tcw-page-head' },
-        h('div', null, h('h2', null, title), h('p', null, subtitle)),
-        h('div', { className: 'tcw-button-row' }, actions)
-      )
-    }
-
-    function uploadButton(actionKey, label) {
-      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('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 workspaceUploadPathForAction(actionKey) {
-      if (actionKey === 'upload_controlled_goods_file') return 'trade-compliance-workbench/uploads/controlled-goods'
-      if (actionKey === 'upload_supplier_contract') return 'trade-compliance-workbench/uploads/supplier-contracts'
-      if (actionKey === 'upload_sales_contract') return 'trade-compliance-workbench/uploads/sales-contracts'
-      return 'trade-compliance-workbench/uploads/source-files'
-    }
-
-  }
-
-  function metric(label, valueText, icon, tone) {
-    return h('div', { className: 'tcw-metric' },
-      h('span', { className: 'tcw-metric-icon ' + (tone || 'blue') }, iconImage(icon, label, tone)),
-      h('div', { className: 'tcw-metric-body' },
-        h('span', null, label),
-        h('strong', null, valueText)
-      )
-    )
-  }
-
-  function iconImage(name, label, tone) {
-    return h('img', { src: iconDataUri(name, tone), alt: label || '', 'aria-hidden': label ? undefined : true })
-  }
-
-  function iconDataUri(name, tone) {
-    const colors = {
-      blue: '#2563eb',
-      green: '#64748b',
-      orange: '#64748b',
-      violet: '#64748b',
-      slate: '#64748b'
-    }
-    const color = colors[tone] || colors.blue
-    const paths = {
-      dashboard: '<rect x="4" y="4" width="7" height="7" rx="1.5"/><rect x="13" y="4" width="7" height="7" rx="1.5"/><rect x="4" y="13" width="7" height="7" rx="1.5"/><rect x="13" y="13" width="7" height="7" rx="1.5"/>',
-      shield: '<path d="M12 3l7 3v5c0 4.8-2.9 8.2-7 10-4.1-1.8-7-5.2-7-10V6l7-3z"/><path d="M9 12l2 2 4-5"/>',
-      box: '<path d="M4 8l8-4 8 4-8 4-8-4z"/><path d="M4 8v8l8 4 8-4V8"/><path d="M12 12v8"/>',
-      invoice: '<path d="M7 3h8l4 4v14l-3-1.5L13 21l-3-1.5L7 21V3z"/><path d="M15 3v5h4"/><path d="M9 11h6"/><path d="M9 15h6"/>',
-      search: '<circle cx="11" cy="11" r="6"/><path d="M16 16l4 4"/>',
-      archive: '<path d="M4 7h16v13H4V7z"/><path d="M3 4h18v3H3z"/><path d="M9 11h6"/>',
-      supplier: '<path d="M4 20V8l8-4 8 4v12"/><path d="M8 20v-7h8v7"/><path d="M10 9h4"/>',
-      document: '<path d="M7 3h7l5 5v13H7V3z"/><path d="M14 3v6h5"/><path d="M9 13h6"/><path d="M9 17h6"/>',
-      records: '<path d="M6 5h12v16H6V5z"/><path d="M9 3h6v4H9z"/><path d="M9 11h6"/><path d="M9 15h6"/>'
-    }
-    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="${color}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${paths[name] || paths.dashboard}</svg>`
-    return 'data:image/svg+xml;utf8,' + encodeURIComponent(svg)
-  }
-
-  function panel(title, content) {
-    return h('section', { className: 'tcw-panel' }, h('h3', null, title), content)
-  }
-
-  function field(label, child) {
-    return h('label', { className: 'tcw-field' }, h('span', null, label), child)
-  }
-
-  function table(headers, rows, mapRow, emptyText, onRowClick) {
-    if (!rows || rows.length === 0) return empty(emptyText || '暂无数据。')
-    return h('div', { className: 'tcw-table-wrap' },
-      h('table', { className: 'tcw-table' },
-        h('thead', null, h('tr', null, headers.map((item, index) => h('th', { key: index, className: tableHeaderClass(item, index, headers) }, item)))),
-        h('tbody', null, rows.map((row, index) =>
-          h('tr', { key: row.id || index, className: onRowClick ? 'clickable' : '', onClick: onRowClick ? () => onRowClick(row) : undefined },
-            mapRow(row, index).map((cell, cellIndex) => h('td', { key: cellIndex, className: tableCellClass(headers[cellIndex], cellIndex, headers) }, normalizeTableCell(cell)))
-          )
-        ))
-      )
-    )
-  }
-
-  function tableHeaderClass(header, index, headers) {
-    return tableCellClass(header, index, headers)
-  }
-
-  function tableCellClass(header, index, headers) {
-    const classes = []
-    const headerText = String(header || '')
-    if (index === 0 && typeof header !== 'string') classes.push('tcw-select-cell')
-    if (headerText === '序号') classes.push('tcw-index-cell')
-    if (index === headers.length - 1 && headerText === '操作') classes.push('tcw-actions-cell')
-    if (/状态|确认/.test(headerText)) classes.push('tcw-status-cell')
-    if (/说明|描述|英文|商品|文件|标题|买方|卖方|来源|型号|模板工作表/.test(headerText)) classes.push('tcw-text-cell')
-    return classes.join(' ')
-  }
-
-  function normalizeTableCell(cell) {
-    if (cell === undefined || cell === null) return h('span', { className: 'tcw-cell-text muted', title: '-' }, '-')
-    if (typeof cell === 'string' || typeof cell === 'number' || typeof cell === 'boolean') {
-      const text = String(cell)
-      return h('span', { className: 'tcw-cell-text', title: text }, text)
-    }
-    return cell
-  }
-
-  function compareBlock(label, data) {
-    const entries = Object.entries(isObject(data) ? data : {})
-    return h('section', { className: 'tcw-compare' },
-      h('h3', null, label),
-      entries.length === 0 ? h('p', null, '暂无') : entries.slice(0, 16).map(([key, val]) =>
-        h('div', { className: 'tcw-kv', key }, h('span', null, key), h('strong', null, stringify(val)))
-      )
+      h('aside', { className: 'tcw-sidebar' }, h('div', { className: 'tcw-brand' }, h('span', { className: 'tcw-shield' }, 'G'), h('strong', null, '外贸合规工作台')), h('nav', null, pages.map(item => h('button', { key: item[0], className: page === item[0] ? 'active' : '', onClick: () => { setPage(item[0]); setPurchasePath({ supplierId: null, orderId: null }); setSalesPath({ customerId: null, orderKey: null }) } }, h('span', { 'aria-hidden': true }, item[2]), item[1])))),
+      h('main', { className: 'tcw-main' }, h(Topbar, { page, busy, onRefresh: () => reload() }), pageView(page, ctx)),
+      notice && h('div', { className: `tcw-toast ${notice.kind || ''}` }, notice.message),
+      busy && h('div', { className: 'tcw-busy' }, h('span', { className: 'tcw-spinner' }), '处理中...'),
+      dialog && renderDialog(dialog, ctx)
     )
   }
 
-  function status(text, level) {
-    return h('span', { className: 'tcw-status ' + (level || 'muted') }, text)
-  }
-
-  function empty(text) {
-    return h('div', { className: 'tcw-empty' }, text)
-  }
-
-  const reviewSearchKeys = ['title', 'sourceLocation']
-  const overviewSearchKeys = [
-    'title',
-    'sourceLocation',
-    'sourceFileName',
-    'fileName',
-    'supplierName',
-    'supplierCreditCode',
-    'productName',
-    'model',
-    'description',
-    'hsCode',
-    'contractHsCode',
-    'enrichedHsCode',
-    'englishName',
-    'invoiceNo',
-    'contractNo',
-    'buyerName',
-    'sellerName',
-    'controlNote',
-    'keywords',
-    'referenceNameCandidate',
-    'parseStatus',
-    'parseWarnings',
-    'rawText'
-  ]
-  const controlledGoodsFormFields = [
-    { key: 'productName', label: '商品名称', placeholder: '例如：高性能服务器' },
-    { key: 'referenceNameCandidate', label: '候选商品名' },
-    { key: 'parseStatus', label: '解析状态' },
-    { key: 'parseWarnings', label: '解析提示' },
-    { key: 'hsCode', label: '海关编码', placeholder: '例如：8471501010' },
-    { key: 'keywords', label: '关键词', placeholder: '逗号或空格分隔' },
-    { key: 'controlNote', label: '管控说明', type: 'textarea', wide: true, placeholder: '许可证、两用物项、禁限说明' },
-    { key: 'rawText', label: '原文片段', type: 'textarea', wide: true },
-    { key: 'sourceFileName', label: '来源文件' },
-    { key: 'sourceLocation', label: '来源位置' },
-    { key: 'enabled', label: '启用', type: 'checkbox' }
-  ]
-  const supplierProductFormFields = [
-    { key: 'supplierName', label: '供应商名称', placeholder: '例如：某某科技有限公司' },
-    { key: 'supplierCreditCode', label: '供应商统一社会信用代码' },
-    { key: 'supplierAddress', label: '供应商地址' },
-    { key: 'productName', label: '商品名称', placeholder: '例如：服务器' },
-    { key: 'model', label: '型号' },
-    { key: 'description', label: '商品描述', type: 'textarea', wide: true },
-    { key: 'quantity', label: '数量', type: 'number' },
-    { key: 'unit', label: '单位' },
-    { key: 'taxInclusiveUnitPrice', label: '含税单价', type: 'number' },
-    { key: 'taxInclusiveTotalAmount', label: '含税金额', type: 'number' },
-    { key: 'contractHsCode', label: '合同海关编码' },
-    { key: 'enrichedHsCode', label: '补全海关编码' },
-    { key: 'taxRefundRate', label: '退税率' },
-    { key: 'englishName', label: '英文品名' },
-    {
-      key: 'controlledStatus',
-      label: '管控状态',
-      type: 'select',
-      options: [
-        { value: 'unchecked', label: '未检查' },
-        { value: 'not_controlled', label: '非管控' },
-        { value: 'suspected', label: '疑似管控' },
-        { value: 'controlled', label: '管控' }
-      ]
-    },
-    { key: 'controlNote', label: '管控说明', type: 'textarea', wide: true }
-  ]
-  const fieldLabels = {
-    productName: '商品名称',
-    hsCode: '海关编码',
-    keywords: '关键词',
-    controlNote: '管控说明',
-    enabled: '启用',
-    supplierName: '供应商名称',
-    supplierCreditCode: '供应商统一社会信用代码',
-    supplierAddress: '供应商地址',
-    model: '型号',
-    description: '商品描述',
-    quantity: '数量',
-    unit: '单位',
-    taxInclusiveUnitPrice: '含税单价',
-    taxInclusiveTotalAmount: '含税金额',
-    contractHsCode: '合同海关编码',
-    enrichedHsCode: '补全海关编码',
-    suggestedHsCode: '建议海关编码',
-    suggestedHsCodeName: '建议编码品名',
-    suggestedHsCodeEnglishName: '建议英文品名',
-    suggestedTaxRefundRate: '建议退税率',
-    hsCodeCandidateCount: '查询结果数量',
-    taxRefundRate: '退税率',
-    englishName: '英文品名',
-    controlledStatus: '管控状态',
-    date: '日期',
-    origin: '起运地',
-    freight: '运费',
-    currency: '币制',
-    buyerName: '买方',
-    buyerAddress: '买方地址',
-    sellerName: '卖方',
-    sellerEnglishName: '卖方英文名',
-    invoiceNo: '发票号',
-    contractNo: '合同号',
-    netWeight: '净重',
-    grossWeight: '毛重',
-    taxNature: '征免性质',
-    taxExemptionNature: '征免性质',
-    tradeTerm: '贸易术语',
-    paymentTerm: '付款条款',
-    destination: '目的地',
-    packageType: '包装种类',
-    supervisionMode: '监管方式',
-    domesticSourceLocation: '境内货源地',
-    bankBeneficiary: '收款人',
-    bankName: '开户银行',
-    bankAddress: '银行地址',
-    bankAccountNo: '银行账号',
-    cnapsCode: 'CNAPS 代码',
-    swiftCode: 'Swift 代码',
-    sourceFileName: '来源文件'
-  }
-
-  function emptyFormValues(type) {
-    if (type === 'controlled_goods') {
-      return {
-        productName: '',
-        hsCode: '',
-        keywords: '',
-        referenceNameCandidate: '',
-        parseStatus: '',
-        parseWarnings: '',
-        rawText: '',
-        controlNote: '',
-        sourceFileName: '',
-        sourceLocation: '',
-        enabled: true
-      }
-    }
-    return {
-      supplierName: '',
-      supplierCreditCode: '',
-      supplierAddress: '',
-      productName: '',
-      model: '',
-      description: '',
-      quantity: '',
-      unit: '',
-      taxInclusiveUnitPrice: '',
-      taxInclusiveTotalAmount: '',
-      contractHsCode: '',
-      enrichedHsCode: '',
-      taxRefundRate: '',
-      englishName: '',
-      controlledStatus: 'unchecked',
-      controlNote: ''
-    }
-  }
-
-  function valuesFromItem(type, item) {
-    const merged = type === 'supplier_product' ? readSupplierEditableMerged(item || {}) : readMerged(item || {})
-    const base = emptyFormValues(type)
-    for (const key of Object.keys(base)) {
-      const value = merged[key]
-      if (key === 'keywords' && Array.isArray(value)) {
-        base[key] = value.join('，')
-      } else if (value !== undefined && value !== null) {
-        base[key] = String(value)
-      }
-    }
-    if (type === 'controlled_goods') {
-      base.enabled = merged.enabled === undefined ? true : Boolean(merged.enabled)
-    }
-    return base
-  }
-
-  function normalizeFormPayload(type, values) {
-    if (type === 'controlled_goods') {
-      return compactObject({
-        productName: normalizeText(values.productName),
-        referenceNameCandidate: normalizeText(values.referenceNameCandidate),
-        parseStatus: normalizeText(values.parseStatus),
-        parseWarnings: splitKeywords(values.parseWarnings),
-        rawText: normalizeText(values.rawText),
-        hsCode: normalizeText(values.hsCode),
-        keywords: splitKeywords(values.keywords),
-        controlNote: normalizeText(values.controlNote),
-        sourceFileName: normalizeText(values.sourceFileName),
-        sourceLocation: normalizeText(values.sourceLocation),
-        enabled: Boolean(values.enabled)
-      })
-    }
-    return compactObject({
-      supplierName: normalizeText(values.supplierName),
-      supplierCreditCode: normalizeText(values.supplierCreditCode),
-      supplierAddress: normalizeText(values.supplierAddress),
-      productName: normalizeText(values.productName),
-      model: normalizeText(values.model),
-      description: normalizeText(values.description),
-      quantity: normalizeNumber(values.quantity),
-      unit: normalizeText(values.unit),
-      taxInclusiveUnitPrice: normalizeNumber(values.taxInclusiveUnitPrice),
-      taxInclusiveTotalAmount: normalizeNumber(values.taxInclusiveTotalAmount),
-      contractHsCode: normalizeText(values.contractHsCode),
-      enrichedHsCode: normalizeText(values.enrichedHsCode),
-      taxRefundRate: normalizeText(values.taxRefundRate),
-      englishName: normalizeText(values.englishName),
-      controlledStatus: normalizeText(values.controlledStatus) || 'unchecked',
-      controlNote: normalizeText(values.controlNote)
-    })
-  }
-
-  function normalizeText(value) {
-    const text = String(value ?? '').trim()
-    return text ? text : undefined
-  }
-
-  function normalizeNumber(value) {
-    if (value === '' || value === undefined || value === null) return undefined
-    const parsed = Number(value)
-    return Number.isFinite(parsed) ? parsed : undefined
-  }
-
-  function buildSupplierHsCandidateKeyword(values) {
-    const contractHsCode = normalizeHsCode(values && values.contractHsCode)
-    if (contractHsCode) return contractHsCode
-    const keyword = [values && values.productName, values && values.model].map(normalizeText).filter(Boolean).join(' ').trim()
-    if (keyword) return keyword
-    const description = normalizeText(values && values.description)
-    return description ? description.slice(0, 100) : ''
-  }
-
-  function resolveDisplayHsCode(row) {
-    return normalizeHsCode(row && row.enrichedHsCode) || normalizeHsCode(row && row.contractHsCode)
-  }
-
-  function normalizeHsCode(value) {
-    const text = normalizeText(value)
-    if (!text) return ''
-    const digits = text.replace(/\D/g, '')
-    return /^\d{8,10}$/.test(digits) ? digits : ''
-  }
-
-  function buildConfirmReviewData(item) {
-    if (!item || item.type !== 'supplier_product') {
-      return Object.assign({}, item && item.defaultData || {}, item && item.extractedData || {}, item && item.confirmedData || {})
-    }
-    return Object.assign(
-      {},
-      item.defaultData,
-      item.extractedData,
-      item.confirmedData || {}
-    )
-  }
-
-  function readSupplierEditableMerged(item) {
-    return Object.assign(
-      {},
-      item && item.defaultData,
-      item && item.extractedData,
-      item && item.confirmedData
-    )
-  }
-
-  function hsCodeLookupStatusText(statusValue, count) {
-    if (statusValue === 'confirmed') return '已选用海关编码，保存后写入供应商商品。'
-    if (statusValue === 'pending_confirmation') return count ? `已查询到 ${count} 条结果，可选用一条写入商品信息。` : '可查询海关编码并选用结果。'
-    if (statusValue === 'not_found') return '未查询到候选编码，可调整关键词重新查询。'
-    if (statusValue === 'failed') return '海关编码查询失败，可稍后重试。'
-    if (statusValue === 'not_ready') return '缺少商品名称、型号或编码，可补充信息后查询。'
-    return count ? `已查询到 ${count} 条结果。` : '可按商品名称、型号或海关编码查询。'
-  }
-
-  function hsCodeReviewStatusText(row) {
-    if (row.enrichedHsCode) return '已确认'
-    if (Array.isArray(row.hsCodeCandidates) && row.hsCodeCandidates.length > 0) return '待确认'
-    if (row.hsCodeLookupStatus === 'failed') return '查询失败'
-    if (row.hsCodeLookupStatus === 'not_found') return '未匹配'
-    if (normalizeHsCode(row.contractHsCode)) return '合同编码'
-    return '待查询'
-  }
-
-  function hsCodeReviewStatusLevel(row) {
-    if (row.enrichedHsCode) return 'ok'
-    if (Array.isArray(row.hsCodeCandidates) && row.hsCodeCandidates.length > 0) return 'warn'
-    if (row.hsCodeLookupStatus === 'failed') return 'danger'
-    if (row.hsCodeLookupStatus === 'not_found') return 'muted'
-    return 'muted'
-  }
-
-  function splitKeywords(value) {
-    if (Array.isArray(value)) return value.map(normalizeText).filter(Boolean)
-    return String(value || '').split(/[,\s，、]+/).map(normalizeText).filter(Boolean)
-  }
-
-  function compactObject(value) {
-    return Object.fromEntries(Object.entries(value).filter(([, item]) => item !== undefined))
-  }
-
-  function normalizeData(payload) {
-    const body = payload && payload.summary ? payload.summary : payload || {}
-    return {
-      reviewItems: Array.isArray(body.reviewItems) ? body.reviewItems : [],
-      controlledGoods: Array.isArray(body.controlledGoods) ? body.controlledGoods : [],
-      products: Array.isArray(body.products) ? body.products : [],
-      workbookGenerations: Array.isArray(body.workbookGenerations) ? body.workbookGenerations : []
-    }
-  }
-
-  function toControlledGoodsReviewRow(item) {
-    return {
-      id: `controlled:${item.id || item.productName || item.hsCode}`,
-      materializedId: item.id,
-      type: 'controlled_goods',
-      title: item.productName || item.hsCode || '管控商品',
-      reviewStatus: 'confirmed',
-      extractedData: item,
-      defaultData: {},
-      confirmedData: item,
-      sourceLocation: item.sourceLocation || item.sourceFileName,
-      materializedOnly: true
-    }
-  }
-
-  function toSupplierProductReviewRow(item) {
-    return {
-      id: `product:${item.id || item.productName || item.model}`,
-      materializedId: item.id,
-      type: 'supplier_product',
-      title: item.productName || item.model || '供应商商品',
-      reviewStatus: 'confirmed',
-      extractedData: item,
-      defaultData: {},
-      confirmedData: item,
-      sourceLocation: item.sourceFileName,
-      materializedOnly: true
-    }
-  }
-
-  function getResponsePayload(response) {
-    if (!response) return null
-    if (Object.prototype.hasOwnProperty.call(response, 'payload')) return response.payload
-    if (Object.prototype.hasOwnProperty.call(response, 'data')) return response.data
-    if (response.result) return response.result
-    return response
-  }
-
-  function getActionDataPayload(response) {
-    const result = getResponsePayload(response)
-    if (result && typeof result === 'object' && Object.prototype.hasOwnProperty.call(result, 'data')) return result.data
-    return result
-  }
-
-  function readRecognitionPollingOptions(payload) {
-    if (!payload || typeof payload !== 'object') return { expectedCount: 0, expectedChunkCount: 0 }
-    const expectedCount = Number(payload.expectedCount)
-    const expectedChunkCount = Number(payload.expectedChunkCount)
-    return {
-      expectedCount: Number.isFinite(expectedCount) && expectedCount > 0 ? expectedCount : 0,
-      expectedChunkCount: Number.isFinite(expectedChunkCount) && expectedChunkCount > 0 ? expectedChunkCount : 0
-    }
-  }
-
-  function resolveFileWorkflowNotice(actionKey, dispatched) {
-    if (actionKey === 'upload_controlled_goods_file') {
-      return dispatched ? '文件已解析并提交待审核，智能体会总结导入质量。' : '文件已解析并提交待审核。'
-    }
-    return dispatched ? '文件已发送给智能体解析，识别结果会进入待审核列表。' : '文件已登记，等待识别结果。'
-  }
-
-  function resolveControlledGoodsParseStatus(row) {
-    if (row.aiAuditStatus === 'verified') return 'AI 已核对'
-    if (row.aiAuditStatus === 'corrected') return 'AI 已修正'
-    if (row.aiAuditStatus === 'needs_human_review') return '仍需人工核对'
-    if (row.parseStatus === 'ai_verified') return 'AI 已核对'
-    if (row.parseStatus === 'ai_corrected') return 'AI 已修正'
-    if (row.parseStatus === 'ai_needs_human_review') return '仍需人工核对'
-    const warnings = Array.isArray(row.parseWarnings) ? row.parseWarnings : []
-    return warnings.length ? `需核对：${warnings.join('、')}` : '已解析'
-  }
-
-  function assertActionSuccess(response) {
-    const payload = getResponsePayload(response)
-    if (payload && payload.success === false) throw new Error(resolveMessage(payload.message) || '操作失败')
-  }
-
-  function collectAssistantCommands(payload) {
-    if (!payload || typeof payload !== 'object') return []
-    const commands = []
-    if (Array.isArray(payload.messages)) payload.messages.forEach((message) => {
-      const command = normalizeAssistantCommand(message)
-      if (command) commands.push(command)
-    })
-    const directCommand = normalizeAssistantCommand(payload)
-    if (directCommand) commands.push(directCommand)
-    return commands
-  }
-
-  function normalizeAssistantCommand(value) {
-    if (!value || typeof value !== 'object' || value.commandKey !== 'assistant.chat.send_message' || !value.payload) return null
-    const text = typeof value.payload.text === 'string' && value.payload.text.trim() ? value.payload.text : ''
-    if (!text) return null
-    return { commandKey: value.commandKey, payload: Object.assign({}, value.payload, { text }) }
-  }
-
-  function resolveMessage(message) {
-    if (!message) return ''
-    if (typeof message === 'string') return message
-    if (typeof message.zh_Hans === 'string') return message.zh_Hans
-    if (typeof message.en_US === 'string') return message.en_US
-    return ''
-  }
-
-  function getErrorMessage(error) {
-    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
-    return items.filter((item) => {
-      const merged = Object.assign({}, item || {}, readMerged(item || {}))
-      return keys.some((key) => String(merged[key] || '').toLowerCase().includes(keyword))
-    })
-  }
-
-  function applyStatusFilter(items, statusFilter) {
-    if (!statusFilter || statusFilter === 'all') return items
-    return items.filter((item) => (item.reviewStatus || 'pending') === statusFilter)
-  }
-
-  function reviewTypeForUploadAction(actionKey) {
-    if (actionKey === 'upload_controlled_goods_file') return 'controlled_goods'
-    if (actionKey === 'upload_supplier_contract') return 'supplier_product'
-    if (actionKey === 'upload_sales_contract') return 'customs_workbook'
+  function Topbar({ page, busy, onRefresh }) { const label = pages.find(item => item[0] === page)?.[1] || ''; return h('header', { className: 'tcw-topbar' }, h('div', null, h('span', null, '首页'), h('b', null, ' / '), h('span', null, label)), h('button', { className: 'icon-button', title: '刷新', disabled: busy, onClick: onRefresh }, '↻')) }
+  function pageView(page, ctx) { if (page === 'home') return h(HomePage, ctx); if (page === 'controlled') return h(ControlledPage, ctx); if (page === 'sanctions') return h(SanctionsPage, ctx); if (page === 'purchase') return h(PurchasePage, ctx); if (page === 'contract-review') return h(ContractReviewPage, ctx); if (page === 'sales') return h(SalesPage, ctx); if (page === 'files') return h(FilesPage, ctx); if (page === 'analytics') return h(AnalyticsPage, ctx); return h(SettingsPage, ctx) }
+  function PageTitle({ title, actions, breadcrumb }) { return h('div', { className: 'tcw-page-title' }, h('div', null, breadcrumb && h('div', { className: 'tcw-breadcrumb' }, breadcrumb), h('h1', null, title)), h('div', { className: 'tcw-page-actions' }, actions)) }
+  function SearchBar({ value, onChange, fields }) { return h('div', { className: 'tcw-filterbar' }, h('label', null, h('span', null, fields || '动态筛选'), h('input', { value, placeholder: '输入关键字', onChange: event => onChange(event.target.value) })), h('button', { className: 'button muted', onClick: () => onChange('') }, '重置')) }
+  function Button({ children, onClick, tone, title, disabled }) { return h('button', { className: `button ${tone || ''}`, onClick, title, disabled }, children) }
+  function Status({ children, tone }) { return h('span', { className: `status ${tone || ''}` }, children) }
+  function Empty({ label }) { return h('div', { className: 'tcw-empty' }, label || '暂无数据') }
+
+  function HomePage({ data }) {
+    const d = data.dashboard || {}
+    return h('section', null, h(PageTitle, { title: '首页' }), h('div', { className: 'tcw-risk-band' }, h('div', { className: 'risk-icon' }, '!'), h('div', { dangerouslySetInnerHTML: { __html: sanitizeRich(d.riskNotice && d.riskNotice.content || '') } })), h('div', { className: 'tcw-metrics' }, metric('商品风险命中', d.controlledRiskCount || 0), metric('公司制裁命中', d.sanctionRiskCount || 0), metric('未关联采购合同', d.unlinkedPurchaseCount || 0), metric('未关联客户合同', d.unlinkedCustomerCount || 0)), h('div', { className: 'tcw-process' }, ['维护风险目录', '上传采购合同', '审核客户合同', '销售合规校验', '生成销售文件'].map((name, index) => h(React.Fragment, { key: name }, h('div', { className: 'process-step' }, h('b', null, index + 1), h('span', null, name)), index < 4 && h('span', { className: 'process-arrow' }, '→')))))
+  }
+  function metric(label, value) { return h('div', { className: 'metric' }, h('span', null, label), h('strong', null, value)) }
+
+  function ControlledPage(ctx) {
+    const rows = ctx.data.controlledGoods.items || []
+    const actions = [h(Button, { key: 'upload', onClick: () => ctx.setDialog({ type: 'catalog-upload', catalog: 'controlled' }) }, '↑ 上传目录文件'), h(Button, { key: 'add', tone: 'muted', onClick: () => editControlled(ctx) }, '+ 手工新增')]
+    return h('section', null, h(PageTitle, { title: '管控商品目录', actions }), h(SearchBar, { value: ctx.search, onChange: ctx.setSearch, fields: '目录类型、来源文件、商品名称、海关编码' }), h(DataTable, { columns: [['productName', '商品名称', (value) => h('button', { className: 'cell-link', onClick: () => openHsDialog(ctx, value) }, value || '—')], ['hsCode', '海关编码', (value, row) => h('button', { className: 'cell-link', onClick: () => openHsDialog(ctx, value || row.productName) }, value || '—')], ['catalogType', '合规分类', value => value === 'DUAL_USE' ? '军民两用物资' : '海外制裁'], ['controlDescription', '管控说明', 'ellipsis'], ['sourceType', '来源'], ['updatedAt', '更新时间', dateTime]], rows, actions: row => [h('button', { key: 'edit', onClick: () => editControlled(ctx, row) }, '审核'), h('button', { key: 'delete', className: 'danger-link', onClick: () => confirmDelete(ctx, 'controlledGoods', row.id, row.productName) }, '删除')] }), h(ImportSummary, { tasks: ctx.data.importTasks.items, type: 'CONTROLLED_CATALOG', ctx }))
+  }
+  function editControlled(ctx, row) { ctx.setDialog({ type: 'form', title: row ? '审核管控商品' : '新增管控商品', actionKey: row ? 'update_controlled_goods' : 'save_controlled_goods', values: Object.assign({ catalogType: 'DUAL_USE', productName: '', hsCode: '', controlDescription: '' }, row || {}), fields: [['catalogType', '目录类型', 'select', [['DUAL_USE', '军民两用物资'], ['OVERSEAS_SANCTION', '海外制裁']]], ['productName', '商品名称', 'text', true], ['hsCode', '海关编码'], ['controlDescription', '管控说明', 'textarea']], source: row && sourcePane(row) }) }
+
+  function SanctionsPage(ctx) {
+    const rows = ctx.data.sanctionedCompanies.items || []
+    const actions = [h(Button, { key: 'upload', onClick: () => ctx.setDialog({ type: 'catalog-upload', catalog: 'sanctions' }) }, '↑ 上传目录文件'), h(Button, { key: 'add', tone: 'muted', onClick: () => editSanction(ctx) }, '+ 手工新增')]
+    return h('section', null, h(PageTitle, { title: '公司制裁目录', actions }), h(SearchBar, { value: ctx.search, onChange: ctx.setSearch, fields: '公司名称、国家地区、制裁名单来源' }), h(DataTable, { columns: [['companyName', '公司名称', 'link'], ['countryOrRegion', '国家或地区'], ['sanctionListSource', '制裁名单来源'], ['sanctionReason', '制裁原因', 'ellipsis'], ['effectiveDate', '生效日期'], ['updatedAt', '更新时间', dateTime]], rows, actions: row => [h('button', { key: 'edit', onClick: () => editSanction(ctx, row) }, '审核'), h('button', { key: 'delete', className: 'danger-link', onClick: () => confirmDelete(ctx, 'sanctionedCompany', row.id, row.companyName) }, '删除')] }), h(ImportSummary, { tasks: ctx.data.importTasks.items, type: 'SANCTION_CATALOG', ctx }))
+  }
+  function editSanction(ctx, row) { ctx.setDialog({ type: 'form', title: row ? '审核制裁公司' : '新增制裁公司', actionKey: row ? 'update_sanctioned_company' : 'save_sanctioned_company', values: Object.assign({ companyName: '', countryOrRegion: '', sanctionListSource: '', effectiveDate: '', sanctionReason: '', remarks: '' }, row || {}), fields: [['companyName', '公司名称', 'text', true], ['countryOrRegion', '国家或地区'], ['sanctionListSource', '制裁名单来源'], ['effectiveDate', '发布/生效日期', 'date'], ['sanctionReason', '制裁原因', 'textarea'], ['remarks', '备注', 'textarea']], source: row && sourcePane(row) }) }
+
+  function PurchasePage(ctx) {
+    const path = ctx.purchasePath
+    if (path.orderId) return h(PurchaseLines, ctx)
+    if (path.supplierId) return h(PurchaseOrders, ctx)
+    const rows = ctx.data.suppliers.items || []
+    return h('section', null, h(PageTitle, { title: '采购合规管理', actions: [h(Button, { key: 'upload', onClick: () => ctx.setDialog({ type: 'file-upload', actionKey: 'upload_purchase_contract', title: '上传采购合同' }) }, '↑ 上传采购合同')] }), h(SearchBar, { value: ctx.search, onChange: ctx.setSearch, fields: '供应商代码、名称、简称、联系人、经营产品' }), h(DataTable, { columns: [['code', '供应商代码'], ['name', '供应商名称', 'ellipsis'], ['shortName', '简称'], ['contactName', '联系人'], ['phone', '联系电话'], ['businessProducts', '经营产品', 'ellipsis']], rows, actions: row => [h('button', { key: 'detail', onClick: () => ctx.setPurchasePath({ supplierId: row.id, orderId: null }) }, '详情'), h('button', { key: 'edit', onClick: () => editSupplier(ctx, row) }, '审核'), h('button', { key: 'delete', className: 'danger-link', onClick: () => confirmDelete(ctx, 'supplier', row.id, row.name) }, '删除')] }), h(ImportSummary, { tasks: ctx.data.importTasks.items, type: 'PURCHASE_CONTRACT', ctx, review: true }))
+  }
+  function editSupplier(ctx, row) { ctx.setDialog({ type: 'form', title: '审核供应商信息', actionKey: 'update_supplier', values: row, fields: partyFields('供应商') }) }
+  function PurchaseOrders(ctx) {
+    const supplier = (ctx.data.suppliers.items || []).find(row => row.id === ctx.purchasePath.supplierId)
+    const rows = (ctx.data.purchaseOrders.items || []).filter(row => row.supplierId === ctx.purchasePath.supplierId)
+    const total = sum(rows, 'contractAmountCny'); const annual = rows.filter(row => String(row.orderDate || '').startsWith(String(new Date().getFullYear())))
+    return h('section', null, h(PageTitle, { title: `${supplier?.name || ''} / 采购订单`, breadcrumb: h('button', { className: 'back-link', onClick: () => ctx.setPurchasePath({ supplierId: null, orderId: null }) }, '← 返回供应商'), actions: [h(Button, { key: 'upload', onClick: () => ctx.setDialog({ type: 'file-upload', actionKey: 'upload_purchase_contract', title: '上传采购合同' }) }, '↑ 上传采购合同')] }), h('div', { className: 'tcw-metrics compact' }, metric('订单总数', rows.length), metric('采购总金额', money(total)), metric('本年订单数量', annual.length), metric('本年采购金额', money(sum(annual, 'contractAmountCny'))), metric('采购商品 TOP5', topLabel(ctx.data.analytics.purchaseTop5))), h(DataTable, { columns: [['contractNo', '订单编码'], ['orderDate', '下单日期'], ['contractAmountCny', '订单总额', money], ['paidAmountCny', '已付款', money], ['sourceFileName', '来源合同', 'ellipsis']], rows, actions: row => [h('button', { key: 'detail', onClick: () => ctx.setPurchasePath({ supplierId: row.supplierId, orderId: row.id }) }, '详情'), h('button', { key: 'edit', onClick: () => editPurchaseOrder(ctx, row) }, '审核'), h('button', { key: 'delete', className: 'danger-link', onClick: () => confirmDelete(ctx, 'purchaseOrder', row.id, row.contractNo) }, '删除')] }))
+  }
+  function editPurchaseOrder(ctx, row) { ctx.setDialog({ type: 'form', title: '审核采购订单', actionKey: 'update_purchase_order', values: row, fields: [['contractNo', '合同编号', 'readonly'], ['orderDate', '下单日期', 'date'], ['contractAmountCny', '订单总额（人民币）', 'number'], ['paidAmountCny', '已付款（人民币）', 'number'], ['refundedAmountCny', '已退税（人民币）', 'number']] }) }
+  function PurchaseLines(ctx) {
+    const order = (ctx.data.purchaseOrders.items || []).find(row => row.id === ctx.purchasePath.orderId)
+    const rows = (ctx.data.purchaseLines.items || []).filter(row => row.purchaseOrderId === ctx.purchasePath.orderId)
+    return h('section', null, h(PageTitle, { title: `${order?.contractNo || ''} / 商品明细`, breadcrumb: h('button', { className: 'back-link', onClick: () => ctx.setPurchasePath({ supplierId: ctx.purchasePath.supplierId, orderId: null }) }, '← 返回订单'), actions: [h(Button, { key: 'add', tone: 'muted', onClick: () => editPurchaseLine(ctx, null, order) }, '+ 新增商品')] }), h(SearchBar, { value: ctx.search, onChange: ctx.setSearch, fields: '商品名称、描述、规格型号、海关编码' }), h(DataTable, { columns: [['lineNumber', '序号'], ['productName', '商品名称', 'ellipsis'], ['modelSpecification', '规格型号', 'ellipsis'], ['quantity', '数量'], ['unit', '单位'], ['unitPriceTaxIncluded', '含税单价', money], ['lineAmountTaxIncluded', '含税总价', money], ['hsCode', '海关编码'], ['refundRate', '退税率', percent]], rows, actions: row => [h('button', { key: 'edit', onClick: () => editPurchaseLine(ctx, row, order) }, '审核'), h('button', { key: 'delete', className: 'danger-link', onClick: () => confirmDelete(ctx, 'purchaseLine', row.id, row.productName) }, '删除')] }))
+  }
+  function editPurchaseLine(ctx, row, order) { ctx.setDialog({ type: 'form', title: row ? '审核采购商品' : '新增采购商品', actionKey: row ? 'update_purchase_line' : 'add_purchase_line', values: Object.assign({ purchaseOrderId: order.id, productName: '', quantity: 1, unitPriceTaxIncluded: 0, lineAmountTaxIncluded: 0, hsCodeStatus: 'UNCONFIRMED' }, row || {}), fields: [['productName', '商品名称', 'text', true], ['englishName', '英文名称'], ['productDescription', '商品描述', 'textarea'], ['modelSpecification', '规格型号'], ['unit', '单位'], ['quantity', '数量', 'number', true], ['unitPriceTaxIncluded', '含税单价', 'number', true], ['lineAmountTaxIncluded', '含税总价', 'number', true], ['vatRate', '增值税率', 'number'], ['hsCode', '海关编码'], ['hsCodeStatus', '编码状态', 'select', [['UNCONFIRMED', '未确认'], ['AI_CONFIRMED', 'AI确认'], ['MANUALLY_CONFIRMED', '人工确认']]], ['refundRate', '退税率', 'number'], ['refundPolicyReference', '退税政策依据', 'textarea'], ['refundPolicyDate', '退税政策日期', 'date']], source: row && sourcePane(row) }) }
+
+  function ContractReviewPage(ctx) {
+    const rows = ctx.data.customerContracts.items || []; const customers = ctx.data.customers.items || []
+    return h('section', null, h(PageTitle, { title: '客户合同审核', actions: [h(Button, { key: 'upload', onClick: () => ctx.setDialog({ type: 'file-upload', actionKey: 'upload_customer_contract', title: '上传客户合同' }) }, '↑ 上传客户合同')] }), h(SearchBar, { value: ctx.search, onChange: ctx.setSearch, fields: '合同编码、客户名称、来源文件' }), h(DataTable, { columns: [['contractNo', '合同编码'], ['customerId', '客户名称', value => customers.find(item => item.id === value)?.name || ''], ['contractAmountReviewCny', '预审合同金额', money], ['signedAt', '签订日期'], ['overallRiskLevel', '条款风险', riskLabel], ['sourceFileName', '来源文件', 'ellipsis']], rows, actions: row => [h('button', { key: 'review', onClick: () => openContractReview(ctx, row.id) }, '审核'), h('button', { key: 'delete', className: 'danger-link', onClick: () => confirmDelete(ctx, 'customerContract', row.id, row.contractNo) }, '删除')] }), h(ImportSummary, { tasks: ctx.data.importTasks.items, type: 'CUSTOMER_CONTRACT', ctx, review: true }))
+  }
+  async function openContractReview(ctx, id) { const review = await ctx.run('get_customer_contract_review', { id }, { silent: true, noReload: true }); ctx.setDialog({ type: 'contract-detail', review }) }
+  async function openHsDialog(ctx, keywords) { const result = await ctx.run('search_hs_code', { keywords, page: 1 }, { silent: true, noReload: true }); ctx.setDialog({ type: 'hs-detail', keywords, result }) }
+
+  function SalesPage(ctx) {
+    const path = ctx.salesPath
+    if (path.orderKey) return h(SalesLines, ctx)
+    if (path.customerId) return h(SalesOrders, ctx)
+    const rows = ctx.data.customers.items || []
+    return h('section', null, h(PageTitle, { title: '销售合规管理' }), h(SearchBar, { value: ctx.search, onChange: ctx.setSearch, fields: '客户代码、名称、国别、联系人' }), h(DataTable, { columns: [['code', '客户代码'], ['name', '客户名称', 'ellipsis'], ['shortName', '简称'], ['country', '国别'], ['contactName', '联系人'], ['defaultPricingProfitRate', '默认利润率', percent]], rows, actions: row => [h('button', { key: 'detail', onClick: () => enterCustomer(ctx, row) }, '订单详情'), h('button', { key: 'profit', onClick: () => profitDialog(ctx, row) }, '默认利润率')] }))
+  }
+  function enterCustomer(ctx, row) { if (row.defaultPricingProfitRate == null) ctx.setDialog({ type: 'confirm', title: '利润率未维护', message: '进入销售订单前必须维护客户默认利润率。', confirmText: '维护利润率', onConfirm: () => profitDialog(ctx, row) }); else ctx.setSalesPath({ customerId: row.id, orderKey: null }) }
+  function profitDialog(ctx, customer) { ctx.setDialog({ type: 'form', title: '维护客户默认利润率', actionKey: 'save_customer_profit_rate', values: { customerId: customer.id, rate: customer.defaultPricingProfitRate || 0 }, fields: [['customerId', '客户ID', 'hidden'], ['rate', '默认利润率（小数）', 'number', true]] }) }
+  function SalesOrders(ctx) {
+    const customer = (ctx.data.customers.items || []).find(row => row.id === ctx.salesPath.customerId)
+    const rows = (ctx.data.derivedSalesOrders || []).filter(row => row.customerId === ctx.salesPath.customerId)
+    const annual = rows.filter(row => String(row.orderDate || '').startsWith(String(new Date().getFullYear())))
+    return h('section', null, h(PageTitle, { title: `${customer?.name || ''} / 销售订单`, breadcrumb: h('button', { className: 'back-link', onClick: () => ctx.setSalesPath({ customerId: null, orderKey: null }) }, '← 返回客户') }), h('div', { className: 'tcw-metrics compact' }, metric('订单总数', rows.length), metric('订单总额', money(sum(rows, 'orderAmountCny'))), metric('本年订单数量', annual.length), metric('本年合同金额', money(sum(annual, 'orderAmountCny'))), metric('销售商品 TOP5', topLabel(ctx.data.analytics.salesTop5))), h(DataTable, { columns: [['salesOrderNo', '销售订单编码'], ['purchaseContractNo', '采购合同编码'], ['orderDate', '下单日期'], ['effectivePricingProfitRate', '有效利润率', percent], ['orderAmountCny', '订单总额', money], ['receivedAmountCny', '已收款', money], ['unreceivedAmountCny', '未收款', money]], rows, actions: row => [h('button', { key: 'detail', onClick: () => ctx.setSalesPath({ customerId: row.customerId, orderKey: orderKey(row) }) }, '商品详情'), h('button', { key: 'profit', onClick: () => salesManualDialog(ctx, row) }, '订单利润率'), h('button', { key: 'receipt', onClick: () => receiptDialog(ctx, row) }, '已收款')] }))
+  }
+  function SalesLines(ctx) { const order = (ctx.data.derivedSalesOrders || []).find(row => orderKey(row) === ctx.salesPath.orderKey); return h('section', null, h(PageTitle, { title: `${order?.salesOrderNo || ''} / 销售商品`, breadcrumb: h('button', { className: 'back-link', onClick: () => ctx.setSalesPath({ customerId: ctx.salesPath.customerId, orderKey: null }) }, '← 返回订单') }), h(DataTable, { columns: [['productName', '商品名称', 'ellipsis'], ['modelSpecification', '规格型号', 'ellipsis'], ['productDescription', '商品描述', 'ellipsis'], ['quantity', '数量'], ['unit', '单位'], ['salesUnitPriceCny', '销售单价', money], ['salesLineAmountCny', '销售总价', money], ['hsCode', '海关编码'], ['complianceMatches', '合规分类', matchesLabel]], rows: order?.lines || [] })) }
+  function salesManualDialog(ctx, row) { ctx.setDialog({ type: 'form', title: '维护订单利润率', actionKey: 'save_derived_manual_data', values: { customerContractId: row.customerContractId, purchaseOrderId: row.purchaseOrderId, pricingProfitRateOverride: row.pricingProfitRateSource === 'ORDER_OVERRIDE' ? row.effectivePricingProfitRate : '' }, fields: [['customerContractId', '', 'hidden'], ['purchaseOrderId', '', 'hidden'], ['pricingProfitRateOverride', '订单利润率（留空继承客户）', 'number']] }) }
+  function receiptDialog(ctx, row) { ctx.setDialog({ type: 'form', title: '维护已收款', actionKey: 'save_derived_manual_data', values: { customerContractId: row.customerContractId, purchaseOrderId: row.purchaseOrderId, receivedAmountCny: row.receivedAmountCny }, fields: [['customerContractId', '', 'hidden'], ['purchaseOrderId', '', 'hidden'], ['receivedAmountCny', '已收款（人民币）', 'number', true]] }) }
+
+  function FilesPage(ctx) {
+    const rows = ctx.data.derivedSalesOrders || []
+    return h('section', null, h(PageTitle, { title: '销售文件管理' }), h(SearchBar, { value: ctx.search, onChange: ctx.setSearch, fields: '销售订单、采购合同、客户合同' }), h(DataTable, { columns: [['salesOrderNo', '销售订单'], ['purchaseContractNo', '采购合同'], ['customerContractNo', '客户合同'], ['orderDate', '下单日期'], ['orderAmountCny', '销售金额', money], ['effectivePricingProfitRate', '定价利润率', percent]], rows, actionWidth: 330, actions: row => ['PI', 'CI', 'PL', 'CUSTOMS_DECLARATION'].map(type => h('button', { key: type, onClick: () => generationDialog(ctx, row, type) }, `生成${type === 'CUSTOMS_DECLARATION' ? '报关单' : type}`)).concat(h('button', { key: 'history', onClick: () => ctx.setDialog({ type: 'history', row }) }, '历史生成')) }))
+  }
+  function generationDialog(ctx, row, fileType) { const banks = ctx.data.settings.banks || []; ctx.setDialog({ type: 'form', title: `生成${fileType === 'CUSTOMS_DECLARATION' ? '报关单' : fileType}`, actionKey: 'generate_sales_file', values: { customerContractId: row.customerContractId, purchaseOrderId: row.purchaseOrderId, fileType, bankType: banks[0]?.bankType || 'OVERSEAS_CNY' }, fields: [['customerContractId', '', 'hidden'], ['purchaseOrderId', '', 'hidden'], ['fileType', '', 'hidden']].concat(fileType === 'CUSTOMS_DECLARATION' ? [] : [['bankType', '银行信息', 'select', banks.map(item => [item.bankType, `${bankLabel(item.bankType)} / ${item.bankName || '未维护'}`]), true]]) }) }
+
+  function AnalyticsPage(ctx) { const a = ctx.data.analytics || {}; return h('section', null, h(PageTitle, { title: '数据分析' }), h(SearchBar, { value: ctx.search, onChange: ctx.setSearch, fields: '下单日期、供应商/客户、商品名称、海关编码、未付款/未收款' }), h('div', { className: 'tcw-tabs' }, h('button', { className: 'active' }, '采购订单报表'), h('button', null, '销售订单报表')), h('div', { className: 'tcw-metrics' }, metric('采购订单总额', money(a.purchase?.totalCny)), metric('采购已付款', money(a.purchase?.paidCny)), metric('采购未付款', money(a.purchase?.unpaidCny)), metric('销售订单总额', money(a.sales?.totalCny)), metric('销售已收款', money(a.sales?.paidCny)), metric('销售未收款', money(a.sales?.unpaidCny))), h('div', { className: 'tcw-analysis-grid' }, h(Ranking, { title: '采购商品 TOP5', rows: a.purchaseTop5 }), h(Ranking, { title: '销售商品 TOP5', rows: a.salesTop5 }))) }
+  function Ranking({ title, rows }) { return h('div', { className: 'ranking' }, h('h3', null, title), (rows || []).map((row, index) => h('div', { key: row.name }, h('b', null, index + 1), h('span', { title: row.name }, row.name), h('strong', null, money(row.amountCny))))) }
+
+  function SettingsPage(ctx) {
+    const s = ctx.data.settings || {}; const company = s.company || {}; const profit = s.profit || {}; const risk = s.risk || {}
+    return h('section', null, h(PageTitle, { title: '系统设置' }), h('div', { className: 'settings-stack' },
+      settingBlock('风险提示', h('div', { className: 'rich-preview', dangerouslySetInnerHTML: { __html: sanitizeRich(risk.content || '') } }), () => ctx.setDialog({ type: 'rich', title: '编辑风险提示', values: { content: risk.content || '' } })),
+      settingBlock('企业信息', h(KeyValues, { values: [['公司中文名称', company.companyNameZh], ['公司英文名称', company.companyNameEn], ['统一社会信用代码', company.unifiedSocialCreditCode], ['电话', company.phone], ['邮箱', company.email]] }), () => settingsForm(ctx, 'company', company, [['companyNameZh', '公司中文名称'], ['companyNameEn', '公司英文名称'], ['unifiedSocialCreditCode', '统一社会信用代码'], ['addressZh', '中文地址', 'textarea'], ['addressEn', '英文地址', 'textarea'], ['phone', '公司电话'], ['email', '公司邮箱']])),
+      settingBlock('银行信息', h(DataTable, { columns: [['bankType', '银行类型', bankLabel], ['beneficiary', '收款人'], ['bankName', '银行名称'], ['accountNo', '账号', 'ellipsis'], ['swiftCode', 'SWIFT']], rows: s.banks || [], actions: row => [h('button', { key: 'edit', onClick: () => bankForm(ctx, row) }, '编辑')] }), () => bankForm(ctx, { bankType: 'OVERSEAS_CNY' })),
+      settingBlock('合规利润规则', h(KeyValues, { values: [['配置状态', profit.status === 'ACTIVE' ? '已启用' : '未配置'], ['最低合规利润率', percent(profit.minimumOrderProfitRate)], ['换汇成本范围', `${profit.exchangeCostMinimum || 5} - ${profit.exchangeCostMaximum || 8}`]] }), () => settingsForm(ctx, 'profit', profit, [['status', '配置状态', 'select', [['UNCONFIGURED', '未配置'], ['ACTIVE', '启用']]], ['minimumOrderProfitRate', '最低合规利润率', 'number'], ['exchangeCostMinimum', '换汇成本下限', 'number'], ['exchangeCostMaximum', '换汇成本上限', 'number']])),
+      settingBlock('月度美元汇率', h(DataTable, { columns: [['year', '年份'], ['month', '月份'], ['currencyCode', '币种'], ['usdToCnyRate', '美元兑人民币'], ['sourceReference', '来源说明', 'ellipsis']], rows: s.rates || [], actions: row => [h('button', { key: 'edit', onClick: () => exchangeForm(ctx, row) }, '编辑'), h('button', { key: 'delete', className: 'danger-link', onClick: () => confirmDelete(ctx, 'exchangeRate', row.id, `${row.year}-${row.month}`) }, '删除')] }), () => exchangeForm(ctx, {}))
+    ))
+  }
+  function settingBlock(title, content, onEdit) { return h('div', { className: 'setting-block' }, h('div', { className: 'setting-head' }, h('h2', null, title), h(Button, { tone: 'muted', onClick: onEdit }, '编辑')), content) }
+  function settingsForm(ctx, type, values, fields) { ctx.setDialog({ type: 'form', title: '编辑系统设置', actionKey: 'save_settings', values: { settingsType: type, values: Object.assign({}, values) }, nestedValues: true, fields }) }
+  function bankForm(ctx, row) { settingsForm(ctx, 'bank', row, [['bankType', '银行类型', 'select', [['OVERSEAS_CNY', '国外收款银行（人民币）'], ['OVERSEAS_USD', '国外收款银行（美元）']]], ['beneficiary', 'Beneficiary'], ['bankName', 'Bank Name'], ['bankAddress', 'Bank Address', 'textarea'], ['cnapsCode', 'CNAPS Code'], ['accountNo', 'Account No.'], ['swiftCode', 'SWIFT Code']]) }
+  function exchangeForm(ctx, row) { settingsForm(ctx, 'rate', Object.assign({ year: new Date().getFullYear(), month: new Date().getMonth() + 1 }, row), [['year', '年份', 'number'], ['month', '月份', 'number'], ['usdToCnyRate', '美元兑人民币汇率', 'number', true], ['sourceReference', '来源说明', 'textarea']]) }
+
+  function ImportSummary({ tasks, type, ctx, review }) {
+    const rows = (tasks || []).filter(task => task.documentType === type).slice(0, 5)
+    if (!rows.length) return null
+    return h('div', { className: 'import-summary' }, h('h3', null, '最近解析任务'), h(DataTable, { columns: [['sourceFileName', '文件名称', 'ellipsis'], ['status', '解析状态', taskStatus], ['errorMessage', '提示', 'ellipsis'], ['createdAt', '上传时间', dateTime]], rows, actions: task => review && task.status === 'AWAITING_REVIEW' ? [h('button', { key: 'review', onClick: () => ctx.setDialog({ type: 'draft-review', task }) }, '审核')] : !review && task.status === 'SUCCEEDED' && task.resultEntityId ? [h('button', { key: 'issues', onClick: () => downloadBase64(ctx, 'download_import_issues', { documentType: type, batchId: task.resultEntityId }) }, '问题明细')] : [] }))
+  }
+
+  function DataTable({ columns, rows, actions, actionWidth }) {
+    if (!rows || !rows.length) return h(Empty)
+    return h('div', { className: 'table-wrap' }, h('table', null, h('thead', null, h('tr', null, columns.map(column => h('th', { key: column[0] }, column[1])), actions && h('th', { className: 'action-cell', style: { width: actionWidth || 180, minWidth: actionWidth || 180 } }, '操作'))), h('tbody', null, rows.map((row, index) => h('tr', { key: row.id || `${index}` }, columns.map(column => h('td', { key: column[0], className: column[2] === 'ellipsis' ? 'ellipsis' : '', title: titleFor(row[column[0]], column[2]) }, cell(row[column[0]], column[2], row))), actions && h('td', { className: 'action-cell', style: { width: actionWidth || 180, minWidth: actionWidth || 180 } }, h('div', { className: 'row-actions' }, actions(row))))))))
+  }
+  function cell(value, renderer, row) { if (typeof renderer === 'function') return renderer(value, row); if (renderer === 'link') return h('button', { className: 'cell-link', title: value || '' }, value || '—'); if (renderer === 'ellipsis') return value || '—'; if (Array.isArray(value)) return value.join('、'); return value === null || value === undefined || value === '' ? '—' : String(value) }
+  function titleFor(value, renderer) { return renderer === 'ellipsis' ? String(value || '') : undefined }
+  function KeyValues({ values }) { return h('div', { className: 'key-values' }, values.map(item => h('div', { key: item[0] }, h('span', null, item[0]), h('strong', null, item[1] || '—')))) }
+
+  function renderDialog(dialog, ctx) {
+    if (dialog.type === 'form') return h(FormDialog, { dialog, ctx })
+    if (dialog.type === 'catalog-upload') return h(CatalogUploadDialog, { dialog, ctx })
+    if (dialog.type === 'file-upload') return h(FileUploadDialog, { dialog, ctx })
+    if (dialog.type === 'confirm') return h(ConfirmDialog, { dialog, ctx })
+    if (dialog.type === 'draft-review') return h(DraftReviewDialog, { dialog, ctx })
+    if (dialog.type === 'contract-detail') return h(ContractDetailDialog, { dialog, ctx })
+    if (dialog.type === 'hs-detail') return h(HsDetailDialog, { dialog, ctx })
+    if (dialog.type === 'history') return h(HistoryDialog, { dialog, ctx })
+    if (dialog.type === 'excel') return h(ExcelDialog, { dialog, ctx })
+    if (dialog.type === 'rich') return h(RichTextDialog, { dialog, ctx })
     return null
   }
-
-  function countReviewItemsByType(items, type) {
-    if (!type || !Array.isArray(items)) return 0
-    return items.filter((item) => item.type === type && !isPlaceholderReviewItem(item)).length
-  }
-
-  function parseMaterializedId(id) {
-    return String(id || '').split(':').slice(1).join(':') || id
-  }
-
-  function isPlaceholderReviewItem(item) {
-    const merged = readMerged(item || {})
-    if (!item || !item.type) return true
-    if (item.type === 'controlled_goods' && !merged.productName && !merged.hsCode && String(item.title || '').startsWith('管控商品文件：')) return true
-    if (item.type === 'supplier_product' && !merged.productName && !merged.supplierName && String(item.title || '').startsWith('供应商合同：')) return true
-    if (item.type === 'customs_workbook' && !merged.invoiceNo && !merged.contractNo && String(item.title || '').startsWith('购销合同：')) return true
-    return false
-  }
-
-  function isSalesContractLineReviewItem(item) {
-    if (!item || item.type !== 'customs_workbook') return false
-    const merged = readMerged(item)
-    if (Array.isArray(merged.items) && merged.items.length > 0) return false
-    if (merged.invoiceNo || merged.buyerName || merged.sellerName || merged.currency) return false
-    const hasLineFields = merged.productName || merged.description || merged.model || merged.quantity || merged.unitPrice || merged.amount || merged.hsCode
-    return Boolean(hasLineFields && merged.contractNo)
-  }
-
-  function groupBy(items, keyFn) {
-    return items.reduce((acc, item) => {
-      const key = keyFn(item)
-      acc[key] = acc[key] || []
-      acc[key].push(item)
-      return acc
-    }, {})
-  }
-
-  function readMerged(item) {
-    return Object.assign({}, item && item.defaultData, item && item.extractedData, item && item.confirmedData)
-  }
-
-  function value(input, fallback) {
-    if (input === 0) return '0'
-    return input == null || input === '' ? (fallback || '-') : String(input)
-  }
-
-  function stringify(input) {
-    if (input == null || input === '') return '-'
-    if (typeof input === 'object') return JSON.stringify(input)
-    return String(input)
-  }
-
-  function fieldLabel(key) {
-    return fieldLabels[key] || key
-  }
-
-  function base64ToBytes(base64) {
-    const binary = atob(base64)
-    const bytes = new Uint8Array(binary.length)
-    for (let index = 0; index < binary.length; index += 1) bytes[index] = binary.charCodeAt(index)
-    return bytes
-  }
-
-  function escapeHtml(input) {
-    return String(input ?? '').replace(/[&<>"']/g, (char) => ({
-      '&': '&amp;',
-      '<': '&lt;',
-      '>': '&gt;',
-      '"': '&quot;',
-      "'": '&#39;'
-    }[char]))
-  }
-
-  function reviewTypeText(type) {
-    if (type === 'controlled_goods') return '管控'
-    if (type === 'supplier_product') return '商品'
-    if (type === 'customs_workbook') return '发票'
-    return value(type)
-  }
-
-  function reviewStatusText(statusText) {
-    if (statusText === 'confirmed') return '已确认'
-    if (statusText === 'rejected') return '已驳回'
-    if (statusText === 'needs_revision') return '需修订'
-    return '待审核'
-  }
-
-  function controlStatusText(statusText) {
-    if (statusText === 'controlled') return '管控'
-    if (statusText === 'suspected') return '疑似管控'
-    if (statusText === 'not_controlled') return '非管控'
-    return '未检查'
-  }
-
-  function controlStatusLevel(statusText) {
-    if (statusText === 'controlled') return 'danger'
-    if (statusText === 'suspected') return 'warn'
-    if (statusText === 'not_controlled') return 'ok'
-    return 'muted'
-  }
-
-    function pageTitle(key) {
-      if (key === 'overview-page') return '总览'
-      if (key === 'controlled-goods-page') return '管控商品'
-      if (key === 'products-page') return '供应商商品'
-      if (key === 'hs-code-search-page') return '工具'
-      return '销售发票'
-    }
-
-  function pageSubtitle(key) {
-    if (key === 'overview-page') return '按业务顺序聚合待审核事项，先确认基础资料，再生成销售发票。'
-      if (key === 'controlled-goods-page') return '上传管控目录、审核识别结果、维护正式管控商品库。'
-      if (key === 'products-page') return '上传供应商合同，审核商品、HS Code、退税率和管控状态。'
-      if (key === 'hs-code-search-page') return '输入商品名称或海关编码，查询 HS 编码网结果。'
-      return '上传购销合同，审核发票字段并生成固定模板 Excel。'
-    }
-
-    function pageBreadcrumb(key) {
-      return 'Workspace'
-    }
-
-  function isObject(value) {
-    return value && typeof value === 'object' && !Array.isArray(value)
-  }
-
-  function injectStyles() {
-    const style = document.createElement('style')
-    style.textContent = `
-:root { color-scheme: light; --tcw-bg:#f5f7fa; --tcw-card:#fff; --tcw-soft:#f8fafc; --tcw-text:#152033; --tcw-muted:#66758a; --tcw-border:#dbe3ed; --tcw-primary:#475569; --tcw-primary-dark:#334155; --tcw-success:#475569; --tcw-warning:#64748b; --tcw-danger:#9f3a38; }
-* { box-sizing: border-box; }
-body { margin: 0; background: var(--tcw-bg); color: var(--tcw-text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
-button, input, textarea, select { font: inherit; letter-spacing: 0; }
-.tcw-shell { display: grid; grid-template-rows: auto auto auto 1fr; gap: 10px; min-height: 100vh; padding: 12px 8px 18px; }
-.tcw-frame { width: 100%; max-width: none; margin: 0; justify-self: stretch; }
-.tcw-header { display: grid; grid-template-columns: minmax(260px, 1fr) minmax(340px, 520px); gap: 12px; align-items: center; border: 1px solid var(--tcw-border); border-radius: 8px; background: var(--tcw-card); padding: 12px 14px; }
-.tcw-title-block { display: grid; gap: 3px; }
-.tcw-kicker { color: var(--tcw-primary); font-size: 12px; font-weight: 900; }
-.tcw-title-block h1 { margin: 0; font-size: 20px; line-height: 1.22; }
-.tcw-title-block p, .tcw-page-head p, .tcw-drawer-head p { margin: 0; color: var(--tcw-muted); font-size: 13px; }
-.tcw-header-actions { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
-.tcw-search, .tcw-field input, .tcw-field textarea, .tcw-field select { width: 100%; min-height: 36px; border: 1px solid var(--tcw-border); border-radius: 6px; background: var(--tcw-card); color: var(--tcw-text); padding: 8px 10px; }
-.tcw-field textarea { min-height: 78px; resize: vertical; }
-.tcw-btn, .tcw-upload { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 36px; border: 1px solid var(--tcw-border); border-radius: 6px; background: var(--tcw-card); color: var(--tcw-text); padding: 8px 12px; cursor: pointer; white-space: nowrap; }
-.tcw-btn:disabled, .tcw-upload:has(input:disabled) { cursor: not-allowed; opacity: .55; }
-.tcw-btn-primary { border-color: var(--tcw-primary); background: var(--tcw-primary); color: #fff; }
-.tcw-btn-primary:hover:not(:disabled) { background: var(--tcw-primary-dark); }
-.tcw-btn-soft { background: var(--tcw-soft); }
-.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 { 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); }
-.tcw-main { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; align-items: start; }
-.tcw-main.with-drawer { grid-template-columns: minmax(0, 1fr) minmax(340px, 410px); }
-.tcw-content, .tcw-drawer, .tcw-panel, .tcw-supplier-block { border: 1px solid var(--tcw-border); border-radius: 8px; background: var(--tcw-card); }
-.tcw-content { min-width: 0; border: 0; background: transparent; padding: 0; }
-.tcw-page { display: grid; gap: 12px; width: 100%; }
-.tcw-page-head, .tcw-drawer-head, .tcw-supplier-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
-.tcw-page-head h2, .tcw-drawer-head h2, .tcw-panel h3 { margin: 0 0 4px; font-size: 16px; line-height: 1.35; }
-.tcw-button-row { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
-.tcw-panel { display: grid; gap: 10px; padding: 12px; }
-.tcw-business-panel { display: grid; width: 100%; gap: 0; border: 1px solid var(--tcw-border); border-radius: 8px; background: var(--tcw-card); overflow: hidden; }
-.tcw-business-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; border-bottom: 1px solid var(--tcw-border); background: var(--tcw-card); padding: 16px 22px; }
-.tcw-business-body { display: grid; gap: 12px; padding: 20px 28px 24px; }
-.tcw-table-section { display: grid; gap: 0; }
-.tcw-history-section { display: grid; gap: 10px; border-top: 1px solid var(--tcw-border); padding-top: 14px; }
-.tcw-subsection-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
-.tcw-subsection-head h3, .tcw-list-title h3 { margin: 0; font-size: 15px; line-height: 1.3; }
-.tcw-subsection-head p, .tcw-list-title span { margin: 0; color: var(--tcw-muted); font-size: 12px; }
-.tcw-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
-.tcw-metric {
-  display: grid;
-  grid-template-columns: 44px minmax(0, 1fr);
-  gap: 10px;
-  align-items: center;
-  border: 1px solid var(--tcw-border);
-  border-radius: 8px;
-  background: var(--tcw-card);
-  padding: 12px;
-}
-.tcw-metric-icon {
-  display: grid;
-  place-items: center;
-  width: 44px;
-  height: 44px;
-  border-radius: 10px;
-  font-size: 18px;
-  font-weight: 900;
-}
-.tcw-metric-icon img {
-  width: 22px;
-  height: 22px;
-  color: currentColor;
-}
-.tcw-metric-icon.blue { background: #eef2f7; color: var(--tcw-primary); }
-.tcw-metric-icon.green { background: #eef2f7; color: var(--tcw-slate); }
-.tcw-metric-icon.orange { background: #eef2f7; color: var(--tcw-slate); }
-.tcw-metric-icon.violet { background: #eef2f7; color: var(--tcw-slate); }
-.tcw-metric-icon.slate { background: #eef2f6; color: var(--tcw-slate); }
-.tcw-metric-body { display: grid; gap: 2px; }
-.tcw-metric-body span { color: var(--tcw-muted); font-size: 12px; }
-.tcw-metric-body strong { font-size: 22px; line-height: 1; }
-.tcw-field { display: grid; gap: 5px; min-width: 0; }
-.tcw-field span { color: var(--tcw-muted); font-size: 12px; font-weight: 800; }
-.tcw-field-check { align-content: end; }
-.tcw-field-check input { width: 18px; height: 18px; min-height: 18px; padding: 0; }
-.tcw-check { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; color: var(--tcw-muted); font-size: 13px; }
-.tcw-table-wrap { overflow: auto; border: 1px solid var(--tcw-border); border-radius: 8px; }
-.tcw-table { width: 100%; min-width: 1120px; table-layout: fixed; border-collapse: collapse; font-size: 12px; }
-.tcw-table th, .tcw-table td { min-width: 96px; border-bottom: 1px solid var(--tcw-border); padding: 10px; text-align: left; vertical-align: top; }
-.tcw-table th { background: var(--tcw-soft); color: var(--tcw-muted); font-size: 11px; font-weight: 900; }
-.tcw-table th.tcw-select-cell, .tcw-table td.tcw-select-cell, .tcw-table th.tcw-index-cell, .tcw-table td.tcw-index-cell { width: 48px; min-width: 48px; }
-.tcw-table th.tcw-status-cell, .tcw-table td.tcw-status-cell { width: 108px; min-width: 108px; }
-.tcw-table th.tcw-actions-cell, .tcw-table td.tcw-actions-cell { position: sticky; right: 0; z-index: 2; width: 220px; min-width: 220px; background: var(--tcw-card); box-shadow: -8px 0 14px rgba(15, 23, 42, .05); }
-.tcw-table th.tcw-actions-cell { z-index: 3; background: var(--tcw-soft); }
-.tcw-workbook-history-section .tcw-table { min-width: 680px; }
-.tcw-workbook-history-section .tcw-table th.tcw-actions-cell, .tcw-workbook-history-section .tcw-table td.tcw-actions-cell { width: 112px; min-width: 112px; }
-.tcw-workbook-history-section .tcw-cell-text { max-width: 180px; }
-.tcw-cell-text { display: block; max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.tcw-text-cell .tcw-cell-text { max-width: 280px; }
-.tcw-table tr:last-child td { border-bottom: 0; }
-.tcw-table tr.clickable { cursor: pointer; }
-.tcw-table tr.clickable:hover td { background: color-mix(in srgb, var(--tcw-primary) 5%, transparent); }
-.tcw-list-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
-.tcw-list-title { display: grid; gap: 2px; min-width: 160px; }
-.tcw-list-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
-.tcw-filter { display: inline-flex; align-items: center; gap: 8px; color: var(--tcw-muted); font-size: 13px; font-weight: 800; }
-.tcw-filter select { min-height: 34px; border: 1px solid var(--tcw-border); border-radius: 6px; background: var(--tcw-card); color: var(--tcw-text); padding: 6px 28px 6px 9px; }
-.tcw-row-actions { display: flex; flex-wrap: nowrap; align-items: center; gap: 6px; width: max-content; white-space: nowrap; }
-	.tcw-mini-btn { display: inline-flex; align-items: center; justify-content: center; width: 46px; min-width: 46px; min-height: 28px; border: 1px solid var(--tcw-border); border-radius: 6px; background: var(--tcw-card); color: var(--tcw-text); padding: 4px 0; cursor: pointer; font-size: 12px; font-weight: 800; white-space: nowrap; }
-	.tcw-mini-btn.active { background: var(--tcw-soft); color: var(--tcw-text); }
-	.tcw-mini-btn.danger { border-color: color-mix(in srgb, var(--tcw-danger) 28%, var(--tcw-border)); background: var(--tcw-card); color: var(--tcw-danger); }
-	.tcw-mini-btn:disabled { cursor: not-allowed; opacity: .5; }
-		.tcw-hs-code-text { overflow-wrap: anywhere; font-size: 12px; }
-		.tcw-hs-search-form { display: grid; gap: 10px; }
-		.tcw-hs-search-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
-		.tcw-hs-candidate-panel { display: grid; gap: 10px; border-top: 1px solid var(--tcw-border); padding-top: 12px; }
-		.tcw-hs-candidate-search { display: grid; grid-template-columns: minmax(220px, 320px) auto; gap: 8px; align-items: center; }
-		.tcw-error { border: 1px solid color-mix(in srgb, var(--tcw-danger) 35%, var(--tcw-border)); border-radius: 8px; background: color-mix(in srgb, var(--tcw-danger) 6%, var(--tcw-card)); color: var(--tcw-danger); padding: 10px 12px; font-size: 13px; font-weight: 800; }
-	.row-selection-checkbox { width: 16px; height: 16px; }
-.tcw-empty { display: grid; place-items: center; min-height: 86px; border: 1px dashed var(--tcw-border); border-radius: 8px; background: var(--tcw-soft); color: var(--tcw-muted); padding: 16px; text-align: center; }
-.tcw-pagination {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 6px;
-  border: 1px solid var(--tcw-border);
-  border-radius: 8px;
-  background: var(--tcw-card);
-  padding: 8px 10px;
-  color: var(--tcw-muted);
-  font-size: 12px;
-}
-.tcw-pagination-unified { justify-content: flex-start; }
-.tcw-page-buttons { display: flex; gap: 8px; }
-.tcw-pagination-total {
-  display: inline-flex;
-  align-items: center;
-  min-height: 28px;
-  color: var(--tcw-primary);
-}
-.tcw-page-btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 48px;
-  min-height: 28px;
-  border: 1px solid var(--tcw-border);
-  border-radius: 6px;
-  background: #fff;
-  color: var(--tcw-primary);
-  padding: 4px 9px;
-  cursor: pointer;
-  font-size: 12px;
-  font-weight: 700;
-}
-.tcw-page-btn:disabled {
-  cursor: not-allowed;
-  background: var(--tcw-soft);
-  color: #9aa7b8;
-}
-.tcw-page-current {
-  display: inline-flex;
-  align-items: center;
-  min-height: 28px;
-  border-radius: 6px;
-  background: var(--tcw-primary);
-  color: #fff;
-  padding: 4px 12px;
-  font-weight: 800;
-}
-.tcw-page-size-label {
-  color: var(--tcw-primary);
-  font-weight: 800;
-}
-.tcw-page-size-select,
-.tcw-page-jump-input,
-.tcw-page-size-fixed {
-  min-height: 28px;
-  border: 1px solid var(--tcw-border);
-  border-radius: 6px;
-  background: #fff;
-  color: var(--tcw-text);
-  padding: 4px 8px;
-  font-size: 12px;
-}
-.tcw-page-size-select { min-width: 92px; }
-.tcw-page-size-fixed { display: inline-flex; align-items: center; }
-.tcw-page-jump-input { width: 56px; }
-.tcw-modal-backdrop { position: fixed; inset: 0; z-index: 10; display: grid; place-items: center; background: rgba(15, 23, 42, .32); padding: 20px; }
-.tcw-modal { display: grid; gap: 12px; width: min(900px, 100%); max-height: calc(100vh - 48px); overflow: auto; border: 1px solid var(--tcw-border); border-radius: 8px; background: var(--tcw-card); padding: 16px; box-shadow: 0 18px 48px rgba(15, 23, 42, .18); }
-.tcw-form-modal { width: min(960px, 100%); }
-.tcw-form-modal-supplier {
-  width: min(1180px, calc(100vw - 96px));
-  max-height: min(760px, calc(100vh - 56px));
-  gap: 10px;
-  padding: 14px;
-}
-.tcw-confirm-modal { width: min(480px, 100%); }
-.tcw-hs-detail-modal { width: min(980px, 100%); }
-.tcw-modal-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
-.tcw-modal-head h2 { margin: 0; font-size: 18px; line-height: 1.3; }
-.tcw-modal-subtitle { margin: 3px 0 0; color: var(--tcw-muted); font-size: 13px; font-weight: 800; }
-.tcw-modal-actions { display: flex; justify-content: flex-end; gap: 8px; }
-.tcw-edit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
-.tcw-edit-grid-two { grid-template-columns: repeat(2, minmax(260px, 1fr)); }
-.tcw-field-wide { grid-column: 1 / -1; }
-.tcw-form-modal-supplier .tcw-modal-head h2 { font-size: 17px; }
-.tcw-form-modal-supplier .tcw-edit-grid-two {
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 8px 12px;
-}
-.tcw-form-modal-supplier .tcw-field { gap: 4px; }
-.tcw-form-modal-supplier .tcw-field span { font-size: 11px; }
-.tcw-form-modal-supplier .tcw-field input,
-.tcw-form-modal-supplier .tcw-field select {
-  min-height: 32px;
-  padding: 6px 9px;
-}
-.tcw-form-modal-supplier .tcw-field textarea {
-  min-height: 58px;
-  padding: 7px 9px;
-}
-.tcw-form-modal-supplier .tcw-field-wide {
-  grid-column: span 3;
-}
-.tcw-form-modal-supplier .tcw-hs-candidate-panel {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) minmax(320px, .55fr);
-  gap: 10px;
-  align-items: start;
-  border-top: 1px solid var(--tcw-border);
-  padding-top: 10px;
-}
-.tcw-form-modal-supplier .tcw-hs-candidate-panel > .tcw-subsection-head {
-  align-items: center;
-}
-.tcw-form-modal-supplier .tcw-hs-candidate-panel > .tcw-table-wrap,
-.tcw-form-modal-supplier .tcw-hs-candidate-panel > .tcw-empty,
-.tcw-form-modal-supplier .tcw-hs-candidate-panel > .tcw-error {
-  grid-column: 1 / -1;
-  max-height: 210px;
-  overflow: auto;
-}
-.tcw-form-modal-supplier .tcw-hs-candidate-result {
-  display: grid;
-  gap: 8px;
-  grid-column: 1 / -1;
-}
-.tcw-form-modal-supplier .tcw-hs-candidate-result .tcw-table-wrap {
-  max-height: 210px;
-}
-.tcw-form-modal-supplier .tcw-hs-candidate-search {
-  grid-template-columns: minmax(0, 1fr) auto;
-}
-.tcw-form-modal-supplier .tcw-modal-actions {
-  position: sticky;
-  bottom: -14px;
-  border-top: 1px solid var(--tcw-border);
-  background: var(--tcw-card);
-  padding-top: 10px;
-}
-.tcw-confirm-text { margin: 0; color: var(--tcw-text); font-size: 14px; line-height: 1.7; }
-.tcw-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
-.tcw-detail-field { display: grid; grid-template-columns: 108px minmax(0, 1fr); gap: 8px; align-items: start; border: 1px solid var(--tcw-border); border-radius: 6px; background: var(--tcw-soft); padding: 8px 10px; }
-.tcw-detail-field span { color: var(--tcw-muted); font-size: 12px; font-weight: 800; }
-.tcw-detail-field strong { overflow-wrap: anywhere; font-size: 12px; line-height: 1.5; }
-.tcw-detail-items { display: grid; gap: 8px; }
-.tcw-detail-items h3 { margin: 0; font-size: 14px; }
-.tcw-hs-detail-sections { display: grid; gap: 12px; }
-.tcw-hs-detail-section { display: grid; gap: 8px; }
-.tcw-hs-detail-section h3 { margin: 0; font-size: 15px; line-height: 1.35; }
-.tcw-supplier-block { display: grid; gap: 10px; padding: 12px; }
-.tcw-supplier-head strong { font-size: 15px; }
-.tcw-supplier-head span { color: var(--tcw-muted); font-size: 12px; }
-.tcw-drawer { position: sticky; top: 10px; display: grid; gap: 12px; padding: 14px; max-height: calc(100vh - 24px); overflow: auto; }
-.tcw-icon-btn { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--tcw-border); border-radius: 6px; background: var(--tcw-card); cursor: pointer; }
-.tcw-compact-list { display: grid; gap: 7px; }
-.tcw-compact-row { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 8px; align-items: center; width: 100%; border: 1px solid var(--tcw-border); border-radius: 6px; background: var(--tcw-soft); padding: 9px; cursor: pointer; text-align: left; }
-.tcw-compact-row span { color: var(--tcw-primary); font-size: 12px; font-weight: 900; }
-.tcw-compact-row strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
-.tcw-compact-row em { color: var(--tcw-muted); font-size: 12px; font-style: normal; }
-.tcw-compare { display: grid; gap: 6px; border-top: 1px solid var(--tcw-border); padding-top: 10px; }
-.tcw-compare h3 { margin: 0; font-size: 13px; }
-.tcw-kv { display: grid; grid-template-columns: minmax(92px, .34fr) minmax(0, 1fr); gap: 8px; border: 1px solid var(--tcw-border); border-radius: 6px; background: var(--tcw-soft); padding: 7px 8px; }
-.tcw-kv span { color: var(--tcw-muted); font-size: 11px; }
-.tcw-kv strong { overflow-wrap: anywhere; font-size: 12px; font-weight: 700; }
-.tcw-evidence { display: grid; gap: 4px; border: 1px solid color-mix(in srgb, var(--tcw-primary) 24%, var(--tcw-border)); border-radius: 6px; background: color-mix(in srgb, var(--tcw-primary) 6%, var(--tcw-card)); padding: 10px; }
-.tcw-evidence span { color: var(--tcw-muted); font-size: 11px; font-weight: 900; }
-.tcw-evidence strong { overflow-wrap: anywhere; font-size: 12px; }
-.tcw-status { display: inline-flex; width: fit-content; align-items: center; border-radius: 999px; padding: 3px 8px; font-size: 11px; font-weight: 900; }
-.tcw-status.ok { background: #eef2f7; color: var(--tcw-success); }
-.tcw-status.warn { background: #f1f5f9; color: var(--tcw-warning); }
-.tcw-status.danger { background: #f8eeee; color: var(--tcw-danger); }
-.tcw-status.muted { background: #eef2f6; color: var(--tcw-muted); }
-@media (max-width: 1040px) {
-	  .tcw-header, .tcw-main.with-drawer, .tcw-edit-grid { grid-template-columns: 1fr; }
-	  .tcw-detail-grid { grid-template-columns: 1fr; }
-	  .tcw-hs-candidate-search { grid-template-columns: 1fr; }
-	  .tcw-business-actions { align-items: stretch; flex-direction: column; }
-  .tcw-button-row, .tcw-list-actions { justify-content: flex-start; }
-  .tcw-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-  .tcw-drawer { position: static; max-height: none; }
-}
-
-/* V2 process-oriented shell */
-:root {
-  --tcw-bg:#f6f8fb;
-  --tcw-card:#ffffff;
-  --tcw-soft:#f8fafc;
-  --tcw-text:#172033;
-  --tcw-muted:#65758c;
-  --tcw-border:#dbe5f0;
-  --tcw-primary:#475569;
-  --tcw-primary-dark:#334155;
-  --tcw-success:#475569;
-  --tcw-warning:#64748b;
-  --tcw-danger:#9f3a38;
-  --tcw-violet:#64748b;
-  --tcw-slate:#64748b;
-  --tcw-shadow:0 14px 42px rgba(20, 35, 55, .08);
-}
-body { background: var(--tcw-bg); letter-spacing: 0; }
-.tcw-shell {
-  display: grid;
-  grid-template-columns: 248px minmax(0, 1fr);
-  grid-template-rows: 1fr;
-  gap: 0;
-  min-height: 100vh;
-  padding: 0;
-  background: var(--tcw-bg);
-}
-.tcw-sidebar {
-  display: grid;
-  grid-template-rows: auto auto auto 1fr;
-  align-content: start;
-  gap: 18px;
-  min-width: 0;
-  border-right: 1px solid var(--tcw-border);
-  background: var(--tcw-card);
-  padding: 20px 14px;
-}
-.tcw-brand {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 0 6px 6px;
-}
-.tcw-brand-mark {
-  display: grid;
-  place-items: center;
-  width: 34px;
-  height: 34px;
-  border-radius: 8px;
-  background: #eef2f7;
-  color: var(--tcw-primary);
-  font-size: 12px;
-  font-weight: 900;
-}
-.tcw-brand strong { display: block; font-size: 16px; line-height: 1.2; }
-.tcw-brand span { display: block; color: var(--tcw-muted); font-size: 12px; }
-.tcw-nav { display: grid; gap: 6px; }
-.tcw-tab {
-  display: grid;
-  grid-template-columns: 26px minmax(0, 1fr) auto;
-  align-items: center;
-  gap: 8px;
-  min-height: 38px;
-  border: 1px solid transparent;
-  border-radius: 8px;
-  background: transparent;
-  color: var(--tcw-text);
-  padding: 7px 8px;
-  text-align: left;
-  font-weight: 800;
-}
-.tcw-tab.active {
-  border-color: #dbe5f0;
-  background: #f1f5f9;
-  color: var(--tcw-primary);
-}
-.tcw-overview-panel {
-  display: grid;
-  gap: 12px;
-}
-.tcw-overview-tabs {
-  display: inline-flex;
-  align-items: center;
-  gap: 0;
-  width: fit-content;
-  border: 1px solid var(--tcw-border);
-  border-radius: 12px;
-  overflow: hidden;
-  background: #fff;
-}
-.tcw-overview-tab {
-  min-height: 38px;
-  border: 0;
-  border-right: 1px solid var(--tcw-border);
-  background: #fff;
-  color: var(--tcw-muted);
-  padding: 8px 16px;
-  font-weight: 800;
-}
-.tcw-overview-tab:last-child { border-right: 0; }
-.tcw-overview-tab.active {
-  background: #f1f5f9;
-  color: var(--tcw-primary);
-}
-.tcw-tab em {
-  min-width: 22px;
-  border-radius: 999px;
-  background: #edf2f7;
-  color: var(--tcw-muted);
-  padding: 2px 6px;
-  font-size: 11px;
-  font-style: normal;
-  text-align: center;
-}
-.tcw-nav-icon {
-  display: grid;
-  place-items: center;
-  width: 24px;
-  height: 24px;
-  border-radius: 7px;
-  font-size: 11px;
-  font-weight: 900;
-}
-.tcw-nav-icon img {
-  width: 16px;
-  height: 16px;
-  color: currentColor;
-}
-.tcw-nav-icon.blue { background: #eef2f7; color: var(--tcw-primary); }
-.tcw-nav-icon.green { background: #eef2f7; color: var(--tcw-slate); }
-.tcw-nav-icon.orange { background: #eef2f7; color: var(--tcw-slate); }
-.tcw-nav-icon.violet { background: #eef2f7; color: var(--tcw-slate); }
-.tcw-nav-icon.slate { background: #eef2f6; color: var(--tcw-slate); }
-.tcw-workspace {
-  display: grid;
-  grid-template-rows: auto 1fr;
-  min-width: 0;
-  padding: 18px;
-}
-.tcw-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 14px;
-  min-height: 64px;
-  border: 0;
-  border-radius: 0;
-  background: transparent;
-  padding: 0 0 14px;
-}
-.tcw-kicker {
-  margin: 0 0 3px;
-  color: var(--tcw-muted);
-  font-size: 12px;
-  font-weight: 700;
-}
-.tcw-title-block h1 {
-  margin: 0;
-  font-size: 24px;
-  line-height: 1.2;
-}
-.tcw-title-block p {
-  margin: 4px 0 0;
-  color: var(--tcw-muted);
-  font-size: 13px;
-}
-.tcw-header-actions {
-  display: grid;
-  grid-template-columns: minmax(260px, 380px) auto;
-  gap: 8px;
-  align-items: center;
-}
-.tcw-main { display: grid; min-width: 0; }
-.tcw-content { min-width: 0; border: 0; background: transparent; padding: 0; }
-.tcw-business-panel, .tcw-panel {
-  border: 1px solid var(--tcw-border);
-  border-radius: 8px;
-  background: var(--tcw-card);
-  box-shadow: var(--tcw-shadow);
-}
-.tcw-business-actions { padding: 14px 22px; }
-.tcw-business-body { padding: 18px 22px 22px; }
-.tcw-metrics {
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-  gap: 10px;
-}
-.tcw-metric {
-  border-color: var(--tcw-border);
-  background: var(--tcw-card);
-  box-shadow: var(--tcw-shadow);
-}
-.tcw-metric strong { color: var(--tcw-text); font-size: 24px; }
-.tcw-btn, .tcw-upload, .tcw-mini-btn, .tcw-icon-btn {
-  border-radius: 7px;
-}
-.tcw-btn-primary {
-  border-color: var(--tcw-primary);
-  background: var(--tcw-primary);
-}
-.tcw-btn-primary:hover:not(:disabled) { background: var(--tcw-primary-dark); }
-.tcw-upload {
-  border-color: var(--tcw-border);
-  background: var(--tcw-soft);
-  color: var(--tcw-primary);
-}
-.tcw-table-wrap {
-  border-color: var(--tcw-border);
-  border-radius: 8px;
-}
-.tcw-table th {
-  background: var(--tcw-soft);
-  color: var(--tcw-muted);
-  font-size: 11px;
-}
-.tcw-table td { background: var(--tcw-card); }
-.tcw-table tr:hover td { background: #f8fafc; }
-.tcw-table tr:hover td.tcw-actions-cell { background: var(--tcw-card); }
-.tcw-status.ok { background: #eef2f7; color: var(--tcw-success); }
-.tcw-status.warn { background: #f1f5f9; color: var(--tcw-warning); }
-.tcw-status.danger { background: #f8eeee; color: var(--tcw-danger); }
-.tcw-status.muted { background: #eef2f6; color: var(--tcw-muted); }
-@media (max-width: 1280px) {
-  .tcw-shell { grid-template-columns: 230px minmax(0, 1fr); }
-}
-@media (max-width: 900px) {
-  .tcw-shell { grid-template-columns: 1fr; }
-  .tcw-sidebar {
-    position: static;
-    border-right: 0;
-    border-bottom: 1px solid var(--tcw-border);
-  }
-  .tcw-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-  .tcw-workspace { padding: 14px; }
-  .tcw-header, .tcw-business-actions, .tcw-list-toolbar {
-    align-items: stretch;
-    flex-direction: column;
-  }
-  .tcw-header-actions { grid-template-columns: 1fr; }
-  .tcw-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-}
-@media (max-width: 560px) {
-  .tcw-nav { grid-template-columns: 1fr; }
-  .tcw-metrics, .tcw-edit-grid, .tcw-edit-grid-two { grid-template-columns: 1fr; }
-}
+  function Modal({ title, children, footer, wide, full, onClose }) { return h('div', { className: 'modal-backdrop' }, h('div', { className: `modal ${wide ? 'wide' : ''} ${full ? 'full' : ''}` }, h('header', null, h('h2', null, title), h('button', { className: 'icon-button', title: '关闭', onClick: onClose }, '×')), h('div', { className: 'modal-body' }, children), footer && h('footer', null, footer))) }
+  function FormDialog({ dialog, ctx }) {
+    const initial = dialog.nestedValues ? dialog.values.values : dialog.values
+    const [values, setValues] = React.useState(Object.assign({}, initial))
+    async function save() { const missing = dialog.fields.find(field => field[3] && !String(values[field[0]] ?? '').trim()); if (missing) return ctx.show(`${missing[1]}不能为空`, 'error'); const input = dialog.nestedValues ? { settingsType: dialog.values.settingsType, values } : values; await ctx.run(dialog.actionKey, input); ctx.setDialog(null) }
+    return h(Modal, { title: dialog.title, wide: !!dialog.source, onClose: () => ctx.setDialog(null), footer: [h(Button, { key: 'cancel', tone: 'muted', onClick: () => ctx.setDialog(null) }, '取消'), h(Button, { key: 'save', onClick: save }, '保存')] }, h('div', { className: dialog.source ? 'review-split' : '' }, h('div', { className: 'form-grid' }, dialog.fields.map(field => h(FormField, { key: field[0], field, value: values[field[0]], onChange: value => setValues(Object.assign({}, values, { [field[0]]: value })) }))), dialog.source && h('div', { className: 'source-pane' }, dialog.source)))
+  }
+  function FormField({ field, value, onChange }) { const [name, label, type, required, options] = field; if (type === 'hidden') return null; return h('label', { className: type === 'textarea' ? 'span-2' : '' }, h('span', null, required && h('i', null, '*'), label), type === 'textarea' ? h('textarea', { value: value || '', onChange: event => onChange(event.target.value), rows: 4 }) : type === 'select' ? h('select', { value: value || '', onChange: event => onChange(event.target.value) }, (options || []).map(option => h('option', { key: option[0], value: option[0] }, option[1]))) : h('input', { type: type === 'number' ? 'number' : type === 'date' ? 'date' : 'text', step: type === 'number' ? 'any' : undefined, value: value ?? '', readOnly: type === 'readonly', onChange: event => onChange(type === 'number' ? event.target.value : event.target.value) })) }
+  function CatalogUploadDialog({ dialog, ctx }) { const [type, setType] = React.useState('DUAL_USE'); const [replace, setReplace] = React.useState(''); const input = React.useRef(); const batches = dialog.catalog === 'controlled' ? ctx.data.controlledBatches.items || [] : ctx.data.sanctionBatches.items || []; const actionKey = dialog.catalog === 'controlled' ? 'upload_controlled_catalog' : 'upload_sanction_catalog'; function selected(file) { if (!file) return; const upload = () => ctx.upload(actionKey, file, { catalogType: type, replaceBatchId: replace || undefined }); if (!replace) return upload(); const batch = batches.find(item => item.id === replace); ctx.setDialog({ type: 'confirm', title: '确认覆盖历史目录', message: `本次操作会逻辑删除“${batch?.sourceFileName || '所选历史文件'}”及其全部目录记录，再导入新文件。该操作可能影响现有风险匹配结果。`, danger: true, confirmText: '确认覆盖并上传', onConfirm: upload }) } return h(Modal, { title: '上传目录文件', onClose: () => ctx.setDialog(null), footer: [h(Button, { key: 'cancel', tone: 'muted', onClick: () => ctx.setDialog(null) }, '取消'), h(Button, { key: 'upload', onClick: () => input.current && input.current.click() }, '选择文件并上传')] }, h('div', { className: 'form-grid one' }, dialog.catalog === 'controlled' && h(FormField, { field: ['catalogType', '目录类型', 'select', true, [['DUAL_USE', '军民两用物资'], ['OVERSEAS_SANCTION', '海外制裁']]], value: type, onChange: setType }), h(FormField, { field: ['replaceBatchId', '覆盖历史文件（可选）', 'select', false, [['', '不覆盖，新增目录']].concat(batches.map(item => [item.id, item.sourceFileName]))], value: replace, onChange: setReplace }), replace && h('div', { className: 'danger-note' }, '选择文件后还需要进行二次风险确认。'), h('input', { ref: input, className: 'hidden-input', type: 'file', accept: '.pdf,.doc,.docx,.xls,.xlsx,.png,.jpg,.jpeg,.webp', onChange: event => selected(event.target.files[0]) }))) }
+  function FileUploadDialog({ dialog, ctx }) { const input = React.useRef(); return h(Modal, { title: dialog.title, onClose: () => ctx.setDialog(null), footer: [h(Button, { key: 'cancel', tone: 'muted', onClick: () => ctx.setDialog(null) }, '取消'), h(Button, { key: 'choose', onClick: () => input.current.click() }, '选择文件并上传')] }, h('div', { className: 'upload-zone', onClick: () => input.current.click() }, h('strong', null, '选择合同文件'), h('span', null, 'PDF、Word、Excel、PNG、JPG、WEBP，最大 20 MB')), h('input', { ref: input, className: 'hidden-input', type: 'file', accept: '.pdf,.doc,.docx,.xls,.xlsx,.png,.jpg,.jpeg,.webp', onChange: event => event.target.files[0] && ctx.upload(dialog.actionKey, event.target.files[0], {}) })) }
+  function ConfirmDialog({ dialog, ctx }) { return h(Modal, { title: dialog.title, onClose: () => ctx.setDialog(null), footer: [h(Button, { key: 'cancel', tone: 'muted', onClick: () => ctx.setDialog(null) }, '取消'), h(Button, { key: 'confirm', tone: dialog.danger ? 'danger' : '', onClick: async () => { await dialog.onConfirm(); if (ctx.dialog) ctx.setDialog(null) } }, dialog.confirmText || '确认')] }, h('div', { className: dialog.danger ? 'danger-note large' : 'confirm-message' }, dialog.message)) }
+  function DraftReviewDialog({ dialog, ctx }) { const task = dialog.task; const draft = task.resultPayload || {}; const isPurchase = task.documentType === 'PURCHASE_CONTRACT'; const [json, setJson] = React.useState(JSON.stringify(draft, null, 2)); async function save() { try { const parsed = JSON.parse(json); await ctx.run(isPurchase ? 'save_purchase_review' : 'save_customer_contract_review', { importTaskId: task.id, draft: parsed }); ctx.setDialog(null) } catch (error) { ctx.show('审核内容不是有效的结构化数据：' + messageOf(error), 'error') } } return h(Modal, { title: isPurchase ? '审核采购合同' : '审核客户合同', wide: true, onClose: () => ctx.setDialog(null), footer: [h(Button, { key: 'cancel', tone: 'muted', onClick: () => ctx.setDialog(null) }, '取消'), h(Button, { key: 'save', onClick: save }, '保存审核结果')] }, h('div', { className: 'review-split' }, h('div', null, h('h3', null, '识别内容'), h('textarea', { className: 'json-editor', value: json, onChange: event => setJson(event.target.value) })), h('div', { className: 'source-pane' }, h('h3', null, '源文件内容'), h('p', null, task.sourceFileName), h('p', null, '来源文件已保留，审核保存后直接入库。')))) }
+  function ContractDetailDialog({ dialog, ctx }) { const review = dialog.review || {}; const [customer, setCustomer] = React.useState(Object.assign({}, review.customer)); const [contract, setContract] = React.useState(Object.assign({}, review.contract)); const [clauses, setClauses] = React.useState((review.clauses || []).map(item => Object.assign({}, item))); async function save() { await ctx.run('update_customer_contract_review', { id: contract.id, customer, contract, clauses: clauses.map(item => ({ id: item.id, reviewedText: item.reviewedText })) }); ctx.setDialog(null) } return h(Modal, { title: '审核客户合同关键条款', wide: true, onClose: () => ctx.setDialog(null), footer: [h(Button, { key: 'cancel', tone: 'muted', onClick: () => ctx.setDialog(null) }, '取消'), h(Button, { key: 'save', onClick: save }, '保存审核结果')] }, h('div', { className: 'review-split' }, h('div', null, h('div', { className: 'form-grid' }, h(FormField, { field: ['name', '客户名称', 'text', true], value: customer.name, onChange: value => setCustomer(Object.assign({}, customer, { name: value })) }), h(FormField, { field: ['contractNo', '合同编码', 'readonly'], value: contract.contractNo, onChange: () => {} }), h(FormField, { field: ['contractAmountReviewCny', '合同金额（人民币）', 'number'], value: contract.contractAmountReviewCny, onChange: value => setContract(Object.assign({}, contract, { contractAmountReviewCny: value })) }), h(FormField, { field: ['signedAt', '签订日期', 'date'], value: contract.signedAt, onChange: value => setContract(Object.assign({}, contract, { signedAt: value })) })), h('div', { className: 'clause-list' }, clauses.map((clause, index) => { const analysis = (review.analyses || []).find(item => item.clauseType === clause.clauseType); return h('div', { key: clause.id, className: `clause ${String(analysis?.riskLevel || '').toLowerCase()}` }, h('b', null, clauseLabel(clause.clauseType)), h('textarea', { value: clause.reviewedText || '', rows: 4, onChange: event => { const next = clauses.slice(); next[index] = Object.assign({}, clause, { reviewedText: event.target.value }); setClauses(next) } }), analysis && h(React.Fragment, null, h('strong', null, analysis.riskMessageZh), h('small', null, analysis.suggestionZh))) }))), h('div', { className: 'source-pane' }, h('h3', null, '来源证据'), h(Button, { tone: 'muted', onClick: () => downloadBase64(ctx, 'download_source_file', { sourceFileId: contract.sourceFileId, fileName: contract.sourceFileName }) }, '下载源文件'), clauses.map(clause => h('div', { key: clause.id }, h('b', null, clause.sourceLocation || '未定位'), h('p', null, clause.sourceContent || clause.sourceText || '—')))))) }
+  function HsDetailDialog({ dialog, ctx }) { const rows = dialog.result?.items || dialog.result?.records || dialog.result?.data || (Array.isArray(dialog.result) ? dialog.result : []); return h(Modal, { title: `海关编码查询：${dialog.keywords}`, wide: true, onClose: () => ctx.setDialog(null), footer: h(Button, { onClick: () => ctx.setDialog(null) }, '关闭') }, Array.isArray(rows) && rows.length ? h(DataTable, { columns: [['code', '海关编码'], ['name', '商品名称', 'ellipsis'], ['englishName', '英文名称', 'ellipsis'], ['refundRate', '退税率']], rows }) : h('pre', { className: 'hs-result' }, JSON.stringify(dialog.result || {}, null, 2))) }
+  function HistoryDialog({ dialog, ctx }) { const row = dialog.row; const files = (ctx.data.generatedFiles.items || []).filter(file => file.customerContractId === row.customerContractId && file.purchaseOrderId === row.purchaseOrderId); return h(Modal, { title: `${row.salesOrderNo} / 历史生成`, wide: true, onClose: () => ctx.setDialog(null) }, h(DataTable, { columns: [['fileType', '文件类型', fileTypeLabel], ['documentNo', '文件编号'], ['fileName', '文件名称', 'ellipsis'], ['complianceProfitRate', '合规利润率', percent], ['exchangeCost', '换汇成本'], ['generatedAt', '生成时间', dateTime]], rows: files, actions: file => [h('button', { key: 'download', onClick: () => downloadFile(ctx, file) }, '下载'), h('button', { key: 'edit', onClick: () => editExcel(ctx, file) }, '审核'), h('button', { key: 'delete', className: 'danger-link', onClick: () => confirmDelete(ctx, 'generatedFile', file.id, file.fileName) }, '删除')] })) }
+  async function downloadFile(ctx, file) { const result = await ctx.run('download_sales_file', { id: file.id }, { silent: true, noReload: true }); const link = document.createElement('a'); link.href = `data:${result.mimeType};base64,${result.base64}`; link.download = result.fileName; link.click() }
+  async function downloadBase64(ctx, actionKey, input) { const result = await ctx.run(actionKey, input, { silent: true, noReload: true }); const link = document.createElement('a'); link.href = `data:${result.mimeType};base64,${result.base64}`; link.download = result.fileName; link.click() }
+  async function editExcel(ctx, file) { const result = await ctx.run('download_sales_file', { id: file.id }, { silent: true, noReload: true }); ctx.setDialog({ type: 'excel', file, base64: result.base64 }) }
+  function ExcelDialog({ dialog, ctx }) { const container = React.useRef(); const editor = React.useRef(); const [ready, setReady] = React.useState(false); React.useEffect(() => { let active = true; window.TradeComplianceExcelEditor.open({ container: container.current, base64: dialog.base64, onSave: base64 => ctx.run('save_edited_sales_file', { id: dialog.file.id, base64 }, { message: '工作簿已覆盖保存' }) }).then(instance => { if (active) { editor.current = instance; setReady(true) } else instance.dispose() }).catch(error => ctx.show('工作簿加载失败：' + messageOf(error), 'error')); return () => { active = false; editor.current && editor.current.dispose() } }, []); return h(Modal, { title: dialog.file.fileName, full: true, onClose: () => ctx.setDialog(null), footer: [h(Button, { key: 'close', tone: 'muted', onClick: () => ctx.setDialog(null) }, '关闭'), h(Button, { key: 'save', disabled: !ready, onClick: () => editor.current && editor.current.save() }, '保存并覆盖当前文件')] }, h('div', { ref: container, className: 'univer-container' }, !ready && h('div', { className: 'editor-loading' }, '正在加载工作簿...'))) }
+  function RichTextDialog({ dialog, ctx }) { const editor = React.useRef(); async function save() { const content = sanitizeRich(editor.current.innerHTML); await ctx.run('save_settings', { settingsType: 'risk', values: { content } }); ctx.setDialog(null) } function command(name) { document.execCommand(name, false); editor.current.focus() } return h(Modal, { title: dialog.title, wide: true, onClose: () => ctx.setDialog(null), footer: [h(Button, { key: 'cancel', tone: 'muted', onClick: () => ctx.setDialog(null) }, '取消'), h(Button, { key: 'save', onClick: save }, '保存')] }, h('div', { className: 'rich-toolbar' }, h('button', { onClick: () => command('formatBlock') }, '标题'), h('button', { onClick: () => command('bold') }, 'B'), h('button', { onClick: () => command('insertUnorderedList') }, '• 列表')), h('div', { ref: editor, className: 'rich-editor', contentEditable: true, dangerouslySetInnerHTML: { __html: sanitizeRich(dialog.values.content) } })) }
+
+  function confirmDelete(ctx, entityType, id, name) { ctx.setDialog({ type: 'confirm', title: '确认删除', message: `删除“${name}”后前端不提供恢复入口，后台将永久保留逻辑删除记录。`, danger: true, confirmText: '确认删除', onConfirm: () => ctx.run('delete_entity', { entityType, id }) }) }
+  function sourcePane(row) { return h(React.Fragment, null, h('h3', null, '来源证据（只读）'), h(KeyValues, { values: [['来源位置', row.sourceLocation], ['来源原文', row.sourceContent]] })) }
+  function partyFields(label) { return [['code', `${label}代码`], ['name', `${label}名称`, 'text', true], ['shortName', '简称'], ['address', '地址', 'textarea'], ['contactName', '联系人'], ['phone', '联系电话'], ['wechat', '微信'], ['email', '邮箱'], ['taxNumber', '税号'], ['paymentAccount', '收款账号'], ['bankName', '开户行'], ['taxpayerRating', '纳税等级'], ['website', '公司网站'], ['businessProducts', '经营产品', 'textarea']] }
+  function money(value) { const number = Number(value || 0); return Number.isFinite(number) ? `¥${number.toLocaleString('zh-CN', { minimumFractionDigits: 0, maximumFractionDigits: 2 })}` : '—' }
+  function percent(value) { const number = Number(value); return Number.isFinite(number) ? `${(number * 100).toFixed(2)}%` : '—' }
+  function sum(rows, key) { return (rows || []).reduce((total, row) => total + Number(row[key] || 0), 0) }
+  function dateTime(value) { return value ? new Date(value).toLocaleString('zh-CN', { hour12: false }) : '—' }
+  function orderKey(row) { return `${row.customerContractId}:${row.purchaseOrderId}` }
+  function topLabel(rows) { return (rows || []).slice(0, 3).map(row => row.name).join('、') || '—' }
+  function bankLabel(value) { return value === 'OVERSEAS_USD' ? '国外收款银行（美元）' : '国外收款银行（人民币）' }
+  function fileTypeLabel(value) { return value === 'CUSTOMS_DECLARATION' ? '报关单' : value }
+  function riskLabel(value) { const map = { HIGH: ['高风险', 'danger'], MEDIUM: ['中风险', 'warning'], LOW: ['低风险', 'success'] }; const item = map[value] || ['未分析', '']; return h(Status, { tone: item[1] }, item[0]) }
+  function taskStatus(value) { const labels = { QUEUED: '排队中', EXTRACTING: '提取中', AI_PARSING: 'AI解析中', VALIDATING: '校验中', AWAITING_REVIEW: '待审核', PERSISTING: '入库中', SUCCEEDED: '已完成', FAILED: '失败', TIMED_OUT: '已超时' }; return h(Status, { tone: value === 'FAILED' || value === 'TIMED_OUT' ? 'danger' : value === 'SUCCEEDED' ? 'success' : 'warning' }, labels[value] || value) }
+  function matchesLabel(value) { const labels = Array.from(new Set((value || []).map(item => item.catalogType === 'DUAL_USE' ? '军民两用物资' : '海外制裁'))); return labels.length ? labels.map(label => h(Status, { key: label, tone: 'danger' }, label)) : h(Status, null, '未命中') }
+  function clauseLabel(value) { return { CONTRACT_AMOUNT: '合同金额', TAX_RATE: '税率', PRICE_TERMS: '价格条款', TRANSPORT: '运输方式', WARRANTY: '质保条款', BREACH_LIABILITY: '违约责任', PAYMENT_TERMS: '付款条款' }[value] || value }
+  function sanitizeRich(value) { const template = document.createElement('template'); template.innerHTML = String(value || ''); template.content.querySelectorAll('*').forEach(node => { if (!['H1', 'H2', 'H3', 'P', 'STRONG', 'B', 'UL', 'OL', 'LI', 'BR'].includes(node.tagName)) node.replaceWith(...node.childNodes); else [...node.attributes].forEach(attribute => node.removeAttribute(attribute.name)) }); return template.innerHTML }
+
+  const style = document.createElement('style')
+  style.textContent = `
+:root{--primary:#1456b8;--primary-soft:#edf4ff;--text:#172033;--muted:#687386;--border:#dfe5ee;--surface:#fff;--soft:#f6f8fb;--danger:#c73737;--warning:#9a6700;--success:#237548;font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--text);background:#f7f9fc}*{box-sizing:border-box}body{margin:0;background:#f7f9fc}button,input,select,textarea{font:inherit;letter-spacing:0}.tcw-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.tcw-sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--border);padding:24px 12px}.tcw-brand{display:flex;align-items:center;gap:10px;padding:0 10px 24px;font-size:19px}.tcw-shield{display:grid;place-items:center;width:30px;height:34px;color:#fff;background:var(--primary);clip-path:polygon(50% 0,100% 15%,90% 72%,50% 100%,10% 72%,0 15%);font-size:13px}.tcw-sidebar nav{display:grid;gap:4px}.tcw-sidebar nav button{display:flex;gap:12px;align-items:center;width:100%;height:46px;border:0;background:transparent;color:#3b4658;padding:0 14px;text-align:left;cursor:pointer}.tcw-sidebar nav button span{width:22px;text-align:center;color:#758195}.tcw-sidebar nav button.active{background:var(--primary-soft);color:var(--primary);font-weight:650;border-left:3px solid var(--primary)}.tcw-main{min-width:0;padding:0 28px 42px}.tcw-topbar{height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);color:var(--muted);font-size:13px}.tcw-topbar b{margin:0 7px;color:#adb5c2}.icon-button{border:0;background:transparent;color:#526074;font-size:22px;cursor:pointer}.tcw-page-title{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:26px 0 18px}.tcw-page-title h1{margin:0;font-size:27px;line-height:1.2}.tcw-page-actions,.row-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.button{height:38px;padding:0 16px;border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:5px;cursor:pointer}.button.muted{background:#fff;border-color:#cbd3df;color:#344054}.button.danger{background:var(--danger);border-color:var(--danger)}.button:disabled{opacity:.5;cursor:not-allowed}.tcw-filterbar{display:flex;align-items:end;gap:12px;padding:16px 18px;background:#fff;border:1px solid var(--border);border-radius:6px;margin-bottom:14px}.tcw-filterbar label{display:grid;gap:7px;min-width:min(620px,75%);font-size:13px;font-weight:600}.tcw-filterbar input,.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #cfd7e4;border-radius:4px;padding:9px 11px;background:#fff;outline:none}.tcw-filterbar input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #e5efff}.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--border);border-radius:6px}.table-wrap table{border-collapse:separate;border-spacing:0;width:100%;min-width:960px;font-size:13px}.table-wrap th,.table-wrap td{height:48px;padding:9px 13px;border-bottom:1px solid #edf0f4;text-align:left;vertical-align:middle;white-space:nowrap}.table-wrap th{background:#f6f8fb;color:#475467;font-weight:650;position:sticky;top:0;z-index:1}.table-wrap tr:last-child td{border-bottom:0}.table-wrap tbody tr:hover td{background:#fafcff}.table-wrap .ellipsis{max-width:220px;overflow:hidden;text-overflow:ellipsis}.table-wrap .action-cell{position:sticky;right:0;z-index:2;background:#fff;box-shadow:-5px 0 10px rgba(16,24,40,.04)}.table-wrap th.action-cell{background:#f6f8fb;z-index:3}.row-actions button,.cell-link,.back-link{border:0;background:transparent;color:var(--primary);padding:3px;cursor:pointer}.row-actions .danger-link{color:var(--danger)}.tcw-empty{padding:48px;text-align:center;color:var(--muted);background:#fff;border:1px solid var(--border)}.status{display:inline-flex;align-items:center;min-height:23px;padding:2px 7px;border-radius:4px;background:#f0f2f5;color:#596579;font-size:12px;margin-right:4px}.status.danger{background:#fff0f0;color:var(--danger)}.status.warning{background:#fff7df;color:var(--warning)}.status.success{background:#eaf8f0;color:var(--success)}.tcw-risk-band{display:grid;grid-template-columns:42px 1fr;gap:16px;background:#fff;border:1px solid #f0c8c8;border-left:4px solid var(--danger);padding:20px;margin-bottom:18px}.tcw-risk-band h3{margin:0 0 8px}.tcw-risk-band p,.tcw-risk-band ul{margin:6px 0;color:#4b5565;line-height:1.7}.risk-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff0f0;color:var(--danger);font-weight:bold}.tcw-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.tcw-metrics.compact{grid-template-columns:repeat(5,minmax(0,1fr))}.metric{display:grid;gap:8px;background:#fff;border:1px solid var(--border);padding:16px;min-height:82px}.metric span{color:var(--muted);font-size:12px}.metric strong{font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tcw-process{display:flex;align-items:center;justify-content:center;gap:15px;background:#fff;border:1px solid var(--border);padding:28px;margin-top:18px;overflow-x:auto}.process-step{display:flex;align-items:center;gap:9px;min-width:130px}.process-step b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--primary-soft);color:var(--primary)}.process-arrow{color:#98a2b3}.import-summary{margin-top:18px}.import-summary h3{font-size:15px}.tcw-breadcrumb{margin-bottom:8px}.tcw-toast{position:fixed;right:28px;top:24px;z-index:1001;padding:12px 16px;background:#eef8f2;border:1px solid #a8d5ba;color:var(--success);box-shadow:0 8px 24px rgba(16,24,40,.12)}.tcw-toast.error{background:#fff2f2;border-color:#e7b1b1;color:var(--danger)}.tcw-busy{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(255,255,255,.64);font-weight:600}.tcw-spinner{width:22px;height:22px;border:3px solid #cdd9ea;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;inset:0;z-index:900;background:rgba(20,30,48,.48);display:grid;place-items:center;padding:24px}.modal{width:min(620px,96vw);max-height:92vh;background:#fff;border-radius:6px;box-shadow:0 24px 80px rgba(15,23,42,.25);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.modal.wide{width:min(1120px,96vw)}.modal.full{width:calc(100vw - 24px);height:calc(100vh - 24px);max-height:none}.modal>header,.modal>footer{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--border)}.modal>footer{justify-content:flex-end;gap:9px;border-top:1px solid var(--border);border-bottom:0}.modal h2{font-size:19px;margin:0}.modal-body{padding:20px;overflow:auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.one{grid-template-columns:1fr}.form-grid label{display:grid;gap:6px;font-size:13px;font-weight:600}.form-grid label.span-2{grid-column:1/-1}.form-grid label i{color:var(--danger);font-style:normal;margin-right:3px}.review-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.source-pane{border-left:1px solid var(--border);padding-left:22px;color:#4b5565}.source-pane p{white-space:pre-wrap;line-height:1.6}.danger-note{padding:12px;border:1px solid #efb1b1;background:#fff4f4;color:var(--danger);grid-column:1/-1}.danger-note.large,.confirm-message{font-size:15px;line-height:1.7}.upload-zone{display:grid;place-items:center;gap:8px;padding:44px;border:1px dashed #aeb9ca;background:#f8faff;cursor:pointer}.upload-zone span{color:var(--muted);font-size:13px}.hidden-input{display:none}.json-editor{width:100%;height:470px;border:1px solid var(--border);padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.key-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border)}.key-values>div{display:grid;gap:5px;padding:12px;background:#fff}.key-values span{font-size:12px;color:var(--muted)}.clause-list{display:grid;gap:10px;margin-top:14px}.clause{border:1px solid var(--border);border-left:3px solid #a8b2c1;padding:12px}.clause.high{border-left-color:var(--danger)}.clause.medium{border-left-color:#d79a19}.clause p{white-space:pre-wrap}.clause strong,.clause small{display:block;margin-top:7px}.clause small{color:var(--muted)}.tcw-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:14px}.tcw-tabs button{border:0;background:transparent;padding:12px 18px;color:var(--muted)}.tcw-tabs button.active{color:var(--primary);border-bottom:2px solid var(--primary)}.tcw-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ranking{background:#fff;border:1px solid var(--border);padding:18px}.ranking h3{margin:0 0 12px}.ranking>div{display:grid;grid-template-columns:28px 1fr auto;gap:8px;padding:10px 0;border-top:1px solid #edf0f4}.ranking>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-stack{display:grid;gap:14px}.setting-block{background:#fff;border:1px solid var(--border);padding:18px}.setting-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.setting-head h2{font-size:17px;margin:0}.rich-preview{line-height:1.65;color:#475467}.rich-toolbar{display:flex;gap:7px;padding:8px;border:1px solid var(--border);border-bottom:0}.rich-toolbar button{min-width:34px;height:30px;border:1px solid #ccd4df;background:#fff}.rich-editor{min-height:360px;padding:15px;border:1px solid var(--border);outline:none}.univer-container{height:100%;min-height:620px;position:relative}.editor-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted)}
+@media(max-width:1000px){.tcw-shell{grid-template-columns:82px minmax(0,1fr)}.tcw-brand strong,.tcw-sidebar nav button:not(.active){font-size:0}.tcw-sidebar nav button{justify-content:center}.tcw-sidebar nav button span{font-size:17px}.tcw-metrics,.tcw-metrics.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.review-split{grid-template-columns:1fr}.source-pane{border-left:0;border-top:1px solid var(--border);padding:18px 0 0}.tcw-analysis-grid{grid-template-columns:1fr}}@media(max-width:640px){.tcw-shell{display:block}.tcw-sidebar{position:static;width:100%;height:auto}.tcw-sidebar nav{grid-template-columns:repeat(3,1fr)}.tcw-sidebar nav button{font-size:11px!important}.tcw-main{padding:0 12px 30px}.tcw-page-title{align-items:stretch;flex-direction:column}.form-grid,.key-values{grid-template-columns:1fr}.tcw-metrics,.tcw-metrics.compact{grid-template-columns:1fr}.tcw-filterbar{align-items:stretch;flex-direction:column}.tcw-filterbar label{min-width:0}.modal-backdrop{padding:6px}.modal{max-height:98vh}.tcw-process{justify-content:flex-start}}
 `
-    document.head.appendChild(style)
-  }
+  document.head.appendChild(style)
+  style.textContent += `.clause textarea{width:100%;margin-top:9px;padding:9px 10px;border:1px solid #cfd7e4;border-radius:4px;resize:vertical}.hs-result{max-height:560px;overflow:auto;white-space:pre-wrap;background:var(--soft);border:1px solid var(--border);padding:14px}`
 
-  window.addEventListener('message', (event) => {
+  window.addEventListener('message', event => {
     const message = event.data
-    if (!isObject(message) || message.channel !== CHANNEL || message.protocolVersion !== VERSION) return
-    if (message.type === 'init') {
-      instanceId = message.instanceId
-      if (window.XpertRemoteUI && typeof window.XpertRemoteUI.applyTheme === 'function') window.XpertRemoteUI.applyTheme(message.theme)
-      if (window.__tradeComplianceSetContext) {
-        window.__tradeComplianceSetContext({ manifest: message.manifest, payload: message.payload, initialQuery: message.initialQuery || {}, locale: message.locale, theme: message.theme })
-      }
-      setTimeout(reportResize, 0)
-      return
-    }
+    if (!message || message.channel !== CHANNEL || message.protocolVersion !== VERSION) return
+    if (message.type === 'init') { instanceId = message.instanceId; if (window.XpertRemoteUI && window.XpertRemoteUI.applyTheme) window.XpertRemoteUI.applyTheme(message.theme); window.__tcwInit && window.__tcwInit({ manifest: message.manifest, payload: message.payload, initialQuery: message.initialQuery || {}, locale: message.locale, theme: message.theme }); setTimeout(reportResize, 0); return }
     if (message.instanceId !== instanceId) return
-    if (message.type === 'hostEvent') {
-      if (window.__tradeComplianceHostEvent) window.__tradeComplianceHostEvent(message.event)
-      return
-    }
-    if (message.requestId && pending.has(message.requestId)) {
-      const item = pending.get(message.requestId)
-      pending.delete(message.requestId)
-      if (message.type === 'error') item.reject(new Error(message.message || '远程请求失败'))
-      else item.resolve(message)
-    }
+    if (message.type === 'hostEvent') { window.__tcwHostEvent && window.__tcwHostEvent(message.event); return }
+    if (message.requestId && pending.has(message.requestId)) { const item = pending.get(message.requestId); pending.delete(message.requestId); if (message.type === 'error') item.reject(new Error(message.message || '远程请求失败')); else item.resolve(message) }
   })
-
   ReactDOM.render(h(App), document.getElementById('root'))
 })()