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

package/dist/lib/remote-ui/app-source.js

@@ -0,0 +1,796 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { createRemoteBridge } from './bridge.js';
+import { createBlobUrlOwner, createLatestCommittedRequest, createLatestRequestGate, normalizeWorkbenchData, routeDataRequest, unwrapResponse } from './model.js';
+import { InfoNotice } from './components/data-grid.js';
+import { LoadingBlocker, Toast } from './components/forms.js';
+import { buildBreadcrumbs, WorkbenchShell } from './components/layout.js';
+import { CatalogCommands, CatalogImportError, ControlledGoodsPage, findActiveCatalogImportTask, findLatestFailedCatalogImportTask, runCatalogImportOrchestration, SanctionedCompaniesPage } from './pages/catalogs.js';
+import { HomePage } from './pages/home.js';
+import { ProcurementPage } from './pages/procurement.js';
+import { CustomerContractsPage, adaptCustomerContractReview } from './pages/contracts.js';
+import { SalesPage } from './pages/sales.js';
+import { SalesFilesPage } from './pages/files.js';
+import { AnalyticsPage } from './pages/analytics.js';
+import { SettingsPage } from './pages/settings.js';
+import { ContractImportError, findRecoverableContractImport, findResumableContractImport, runContractImportOrchestration, runCustomerContractReanalysis } from './contract-import.js';
+import './styles.css';
+const pageMeta = {
+    home: { title: '首页', subtitle: '查看系统风险操作提示与外贸合规业务流程。' },
+    'controlled-goods': { title: '管控商品目录', subtitle: '维护军民两用物资和海外制裁商品目录。' },
+    'sanctioned-companies': { title: '公司制裁目录', subtitle: '维护被制裁公司信息并支持供应商、客户风险校验。' },
+    procurement: { title: '采购合规管理', subtitle: '管理供应商、采购订单及采购商品合规信息。' },
+    'customer-contract-review': { title: '客户合同审核', subtitle: '审核客户合同关键条款及 AI 风险建议。' },
+    sales: { title: '销售合规管理', subtitle: '查看客户、销售订单及派生销售商品。' },
+    'sales-files': { title: '销售文件管理', subtitle: '校验并生成销售业务文件，管理历史工作簿。' },
+    analytics: { title: '数据分析', subtitle: '按采购和销售维度实时统计订单数据。' },
+    settings: { title: '系统设置', subtitle: '维护企业、银行、汇率、风险提示和利润规则。' }
+};
+const bridge = createRemoteBridge();
+const initialAnalyticsQuery = { mode: 'PURCHASE', dimension: 'SUPPLIER', filters: {}, page: 1, pageSize: 20 };
+let excelEditorRuntimePromise = null;
+function App() {
+    const [route, setRoute] = React.useState({ type: 'page', page: 'home' });
+    const routeRef = React.useRef(route);
+    const contextRef = React.useRef(null);
+    const requestGateRef = React.useRef(createLatestRequestGate());
+    const routeRequestGateRef = React.useRef(createLatestRequestGate());
+    const analyticsRequestsRef = React.useRef(createLatestCommittedRequest(initialAnalyticsQuery));
+    const [analyticsCommittedQuery, setAnalyticsCommittedQuery] = React.useState(initialAnalyticsQuery);
+    const [data, setData] = React.useState(() => normalizeWorkbenchData(null));
+    const [busy, setBusy] = React.useState(false);
+    const [actionBusy, setActionBusy] = React.useState(false);
+    const [catalogCommand, setCatalogCommand] = React.useState(null);
+    const [importCompletion, setImportCompletion] = React.useState(null);
+    const [importFailures, setImportFailures] = React.useState({ CONTROLLED_CATALOG: null, SANCTION_CATALOG: null });
+    const runningImportTaskRef = React.useRef(null);
+    const runningContractTasksRef = React.useRef(new Set());
+    const handledContractTasksRef = React.useRef({ PURCHASE_CONTRACT: null, CUSTOMER_CONTRACT: null });
+    const blobUrlOwnerRef = React.useRef(createBlobUrlOwner());
+    const changeRouteRef = React.useRef(() => undefined);
+    const [procurementContext, setProcurementContext] = React.useState({ supplier: null, order: null, metrics: null });
+    const [purchaseImportTask, setPurchaseImportTask] = React.useState(null);
+    const [purchaseReviewDraft, setPurchaseReviewDraft] = React.useState(null);
+    const [customerImportState, setCustomerImportState] = React.useState({ status: 'IDLE' });
+    const [customerReanalysisState, setCustomerReanalysisState] = React.useState({ status: 'IDLE' });
+    const [activeSalesFileOrder, setActiveSalesFileOrder] = React.useState(null);
+    const [editingSalesFile, setEditingSalesFile] = React.useState(null);
+    const [toast, setToast] = React.useState(null);
+    const [analyticsError, setAnalyticsError] = React.useState(null);
+    const loadRoute = React.useCallback(async (targetRoute, page = 1, pageSize = 20, filters = {}) => {
+        const request = routeDataRequest(targetRoute, page, pageSize, filters);
+        if (!request)
+            return;
+        const collection = String(asRecord(request.parameters).collection);
+        const requests = collection === 'analytics' ? analyticsRequestsRef.current : routeRequestGateRef.current;
+        const analyticsCandidate = collection === 'analytics' ? analyticsQueryFromRoute(page, pageSize, filters) : null;
+        const requestId = analyticsCandidate ? analyticsRequestsRef.current.begin(analyticsCandidate) : routeRequestGateRef.current.begin();
+        setBusy(true);
+        try {
+            const payload = asRecord(unwrapResponse(await bridge.requestData(request)));
+            if (!requests.commit(requestId))
+                return;
+            if (routeRef.current !== targetRoute && JSON.stringify(routeRef.current) !== JSON.stringify(targetRoute))
+                return;
+            if (collection === 'analytics') {
+                setAnalyticsCommittedQuery(analyticsRequestsRef.current.committed());
+                setData(current => ({ ...current, analytics: normalizeWorkbenchData({ summary: { analytics: payload } }).analytics }));
+            }
+            else if (collection === 'settings')
+                setData(current => ({ ...current, settings: normalizeWorkbenchData({ summary: { settings: payload } }).settings }));
+            else
+                setData(current => ({
+                    ...current,
+                    [collection]: {
+                        ...payload,
+                        items: Array.isArray(payload.items) ? payload.items : [],
+                        total: numberValue(payload.total, 0), page: numberValue(payload.page, page), pageSize: numberValue(payload.pageSize, pageSize)
+                    }
+                }));
+            if (targetRoute.type === 'procurement')
+                setProcurementContext(current => ({
+                    supplier: payload.supplier && typeof payload.supplier === 'object' ? payload.supplier : targetRoute.level === 'suppliers' ? null : current.supplier,
+                    order: payload.order && typeof payload.order === 'object' ? payload.order : null,
+                    metrics: payload.metrics && typeof payload.metrics === 'object' ? payload.metrics : targetRoute.level === 'orders' ? null : current.metrics
+                }));
+        }
+        catch (error) {
+            if (requests.isLatest(requestId)) {
+                if (collection === 'analytics')
+                    setAnalyticsCommittedQuery({ ...analyticsRequestsRef.current.committed() });
+                setToast({ message: error instanceof Error ? `页面加载失败：${error.message}` : '页面加载失败', tone: 'error' });
+            }
+        }
+        finally {
+            requests.finish(requestId);
+            setBusy(routeRequestGateRef.current.activeCount() + requestGateRef.current.activeCount() + analyticsRequestsRef.current.activeCount() > 0);
+        }
+    }, []);
+    const load = React.useCallback(async (nextContext) => {
+        const active = nextContext ?? contextRef.current;
+        if (!active)
+            return;
+        const gate = requestGateRef.current;
+        const requestId = gate.begin();
+        setBusy(true);
+        try {
+            const response = await bridge.requestData({ page: 1, pageSize: 200, parameters: active.initialQuery?.parameters ?? {} });
+            if (gate.isLatest(requestId)) {
+                const normalized = normalizeWorkbenchData(response);
+                bridge.configure({ uploadPolicy: normalized.uploadPolicy });
+                setData(normalized);
+                await loadRoute(routeRef.current);
+            }
+        }
+        catch (error) {
+            if (gate.isLatest(requestId))
+                setToast({ message: error instanceof Error ? `刷新失败：${error.message}` : '刷新失败', tone: 'error' });
+        }
+        finally {
+            gate.finish(requestId);
+            setBusy(gate.activeCount() + routeRequestGateRef.current.activeCount() + analyticsRequestsRef.current.activeCount() > 0);
+        }
+    }, [loadRoute]);
+    React.useEffect(() => {
+        bridge.start({
+            onInit(nextContext) {
+                contextRef.current = nextContext;
+                const normalized = normalizeWorkbenchData(nextContext.payload);
+                bridge.configure({ uploadPolicy: normalized.uploadPolicy });
+                setData(normalized);
+                void load(nextContext);
+            },
+            onHostEvent() {
+                void load();
+            }
+        });
+        return () => { blobUrlOwnerRef.current.dispose(); bridge.destroy(); };
+    }, [load]);
+    React.useEffect(() => {
+        const timer = window.setTimeout(() => bridge.reportResize(), 0);
+        return () => window.clearTimeout(timer);
+    }, [route, data, busy]);
+    React.useEffect(() => {
+        if (!toast)
+            return;
+        const timer = window.setTimeout(() => setToast(null), 4200);
+        return () => window.clearTimeout(timer);
+    }, [toast]);
+    const executeAction = React.useCallback(async (actionKey, input) => {
+        setActionBusy(true);
+        try {
+            const result = asActionResult(unwrapResponse(await bridge.executeAction(actionKey, input)));
+            if (result.success === false)
+                throw new Error(resolveActionMessage(result) || '操作失败');
+            if (actionKey === 'download_import_issues')
+                downloadActionFile(result.data);
+            if (result.refresh && shouldRefreshAfterAction(actionKey))
+                await load();
+            setToast({ message: resolveActionMessage(result) || '操作成功', tone: 'success' });
+            return result;
+        }
+        catch (error) {
+            setToast({ message: error instanceof Error ? error.message : '操作失败', tone: 'error' });
+            throw error;
+        }
+        finally {
+            setActionBusy(false);
+        }
+    }, [load]);
+    const executeSalesFileAction = React.useCallback((actionKey, input) => executeAction(actionKey, input), [executeAction]);
+    const orchestrateImport = React.useCallback(async (start) => {
+        const taskId = start.data?.task.id;
+        if (!taskId)
+            throw new Error('解析响应缺少任务标识');
+        if (runningImportTaskRef.current === taskId)
+            throw new Error('该目录任务正在解析中');
+        runningImportTaskRef.current = taskId;
+        setActionBusy(true);
+        const documentType = start.data?.task.documentType;
+        if (documentType)
+            setImportFailures((current) => ({ ...current, [documentType]: null }));
+        try {
+            const completion = await runCatalogImportOrchestration({
+                start,
+                invokeClientCommand: (commandKey, payload) => bridge.invokeClientCommand(commandKey, payload),
+                markCommandDispatched: async (taskId) => {
+                    const result = asActionResult(unwrapResponse(await bridge.executeAction('mark_import_command_dispatched', { taskId })));
+                    if (result.success === false)
+                        throw new Error(resolveActionMessage(result) || '记录解析命令状态失败');
+                },
+                pollTask: async (taskId) => asImportCompletion(unwrapResponse(await bridge.requestData({ parameters: { collection: 'importTask', taskId } }))),
+                refresh: load
+            });
+            setImportCompletion(completion);
+            setToast({ message: '目录导入完成', tone: 'success' });
+            return completion;
+        }
+        catch (error) {
+            if (error instanceof CatalogImportError)
+                setImportFailures((current) => ({ ...current, [error.task.documentType]: error.task }));
+            setToast({ message: error instanceof Error ? error.message : '目录解析失败', tone: 'error' });
+            throw error;
+        }
+        finally {
+            runningImportTaskRef.current = null;
+            setActionBusy(false);
+        }
+    }, [load]);
+    const orchestrateContractImport = React.useCallback(async (start) => {
+        const task = start.data?.task;
+        if (!task)
+            throw new Error('解析响应缺少合同任务标识');
+        if (runningContractTasksRef.current.has(task.id))
+            throw new Error('该合同任务正在解析中');
+        runningContractTasksRef.current.add(task.id);
+        setActionBusy(true);
+        if (task.documentType === 'PURCHASE_CONTRACT') {
+            blobUrlOwnerRef.current.clear('purchase');
+            setPurchaseImportTask(task);
+            setPurchaseReviewDraft(null);
+        }
+        else {
+            blobUrlOwnerRef.current.clear('customer');
+            setCustomerImportState({ status: 'PROCESSING', importTaskId: task.id, sourceFileName: task.sourceFileName ?? '客户合同' });
+        }
+        try {
+            const completion = await runContractImportOrchestration({
+                start,
+                invokeClientCommand: (commandKey, payload) => bridge.invokeClientCommand(commandKey, payload),
+                markCommandDispatched: async (taskId) => {
+                    const result = asActionResult(unwrapResponse(await bridge.executeAction('mark_import_command_dispatched', { taskId })));
+                    if (result.success === false)
+                        throw new Error(resolveActionMessage(result) || '记录解析命令状态失败');
+                },
+                pollTask: async (taskId) => asContractCompletion(unwrapResponse(await bridge.requestData({ parameters: { collection: 'importTask', taskId } })))
+            });
+            handledContractTasksRef.current[task.documentType] = task.id;
+            if (completion.task.status === 'AWAITING_REVIEW') {
+                if (completion.task.documentType === 'PURCHASE_CONTRACT') {
+                    const draft = adaptPurchaseReview(completion.task);
+                    setPurchaseImportTask(completion.task);
+                    setPurchaseReviewDraft(await attachPurchaseSource(draft, completion.task, blobUrlOwnerRef.current));
+                }
+                else {
+                    const review = adaptCustomerContractReview(completion.task.resultPayload, { reviewSource: 'IMPORT_DRAFT', importTaskId: completion.task.id, sourceFileId: completion.task.sourceFileId ?? '', sourceFileName: completion.task.sourceFileName ?? '' });
+                    setCustomerImportState({ status: 'AWAITING_REVIEW', importTaskId: completion.task.id, review: await attachCustomerSource(review, blobUrlOwnerRef.current) });
+                }
+            }
+            return completion;
+        }
+        catch (error) {
+            const failed = error instanceof ContractImportError ? error.task : task;
+            if (task.documentType === 'PURCHASE_CONTRACT') {
+                setPurchaseImportTask({ ...failed, status: failed.status === 'TIMED_OUT' ? 'TIMED_OUT' : 'FAILED', errorMessage: error instanceof Error ? error.message : '采购合同解析失败' });
+                setPurchaseReviewDraft(null);
+            }
+            else
+                setCustomerImportState({ status: 'FAILED', importTaskId: failed.id, message: error instanceof Error ? error.message : '客户合同解析失败' });
+            setToast({ message: error instanceof Error ? error.message : '合同解析失败', tone: 'error' });
+            throw error;
+        }
+        finally {
+            runningContractTasksRef.current.delete(task.id);
+            setActionBusy(false);
+        }
+    }, []);
+    const executeFileAction = React.useCallback(async (actionKey, file, input) => {
+        try {
+            const start = asActionResult(unwrapResponse(await bridge.executeFileAction(actionKey, file, input)));
+            if (start.success === false)
+                throw new Error(resolveActionMessage(start) || '上传失败');
+            if (actionKey === 'upload_purchase_contract' || actionKey === 'upload_customer_contract') {
+                const completion = await orchestrateContractImport(start);
+                return { success: true, data: completion, message: '合同解析完成，等待审核', refresh: false };
+            }
+            const completion = await orchestrateImport(start);
+            return { success: true, data: completion, message: '目录导入完成', refresh: true };
+        }
+        catch (error) {
+            if (!(error instanceof CatalogImportError))
+                setToast({ message: error instanceof Error ? error.message : '上传失败', tone: 'error' });
+            throw error;
+        }
+    }, [orchestrateContractImport, orchestrateImport]);
+    React.useEffect(() => {
+        const tasks = data.importTasks.items;
+        setImportFailures({
+            CONTROLLED_CATALOG: findLatestFailedCatalogImportTask(tasks, 'CONTROLLED_CATALOG'),
+            SANCTION_CATALOG: findLatestFailedCatalogImportTask(tasks, 'SANCTION_CATALOG')
+        });
+        const active = findActiveCatalogImportTask(tasks);
+        if (active && runningImportTaskRef.current !== active.id && active.executionCommand) {
+            void orchestrateImport({ success: true, data: { task: active, commands: [active.executionCommand], polling: { intervalMs: 2000, timeoutMs: 1200000 } } }).catch(() => undefined);
+            return;
+        }
+    }, [data.importTasks.items, orchestrateImport]);
+    React.useEffect(() => {
+        const tasks = data.importTasks.items;
+        for (const documentType of ['PURCHASE_CONTRACT', 'CUSTOMER_CONTRACT']) {
+            const resumable = findResumableContractImport(tasks, documentType);
+            const failed = findRecoverableContractImport(tasks, documentType);
+            if (resumable && handledContractTasksRef.current[documentType] !== resumable.id && !runningContractTasksRef.current.has(resumable.id)) {
+                if (resumable.status === 'AWAITING_REVIEW' || resumable.executionCommand) {
+                    void orchestrateContractImport({ success: true, data: { task: resumable, commands: resumable.executionCommand ? [resumable.executionCommand] : [], polling: { intervalMs: 2000, timeoutMs: 1200000 } } }).catch(() => undefined);
+                }
+                continue;
+            }
+            if (!resumable && failed) {
+                if (documentType === 'PURCHASE_CONTRACT')
+                    setPurchaseImportTask(failed);
+                else
+                    setCustomerImportState({ status: 'FAILED', importTaskId: failed.id, message: failed.errorMessage || '客户合同解析失败，请重新解析' });
+            }
+            if (!resumable && !failed && tasks.some(item => item.documentType === documentType && item.status === 'SUCCEEDED')) {
+                if (documentType === 'PURCHASE_CONTRACT') {
+                    setPurchaseImportTask(null);
+                    setPurchaseReviewDraft(null);
+                }
+                else
+                    setCustomerImportState({ status: 'IDLE' });
+            }
+        }
+    }, [data.importTasks.items, orchestrateContractImport]);
+    const retryImport = React.useCallback(async (taskId) => {
+        try {
+            const start = asActionResult(unwrapResponse(await bridge.executeAction('retry_import_task', { taskId })));
+            if (start.success === false)
+                throw new Error(resolveActionMessage(start) || '重新解析失败');
+            await orchestrateImport(start);
+        }
+        catch (error) {
+            if (!(error instanceof CatalogImportError))
+                setToast({ message: error instanceof Error ? error.message : '重新解析失败', tone: 'error' });
+            throw error;
+        }
+    }, [orchestrateImport]);
+    const retryContractImport = React.useCallback(async (taskId) => {
+        const start = asActionResult(unwrapResponse(await bridge.executeAction('retry_import_task', { taskId })));
+        if (start.success === false)
+            throw new Error(resolveActionMessage(start) || '重新解析失败');
+        const documentType = start.data?.task.documentType;
+        if (documentType === 'PURCHASE_CONTRACT' || documentType === 'CUSTOMER_CONTRACT')
+            handledContractTasksRef.current[documentType] = null;
+        await orchestrateContractImport(start);
+    }, [orchestrateContractImport]);
+    const reanalyzeCustomerContract = React.useCallback(async (input) => {
+        setCustomerReanalysisState({ status: 'RUNNING', message: 'AI 重新分析中' });
+        try {
+            const response = asActionResult(unwrapResponse(await bridge.executeAction('reanalyze_customer_contract', { reviewSource: input.reviewSource, ...(input.customerContractId ? { id: input.customerContractId } : {}), ...(input.importTaskId ? { importTaskId: input.importTaskId } : {}) })));
+            if (response.success === false || !response.data)
+                throw new Error(resolveActionMessage(response) || 'AI 重新分析启动失败');
+            const result = await runCustomerContractReanalysis({
+                start: response.data,
+                invokeClientCommand: (commandKey, payload) => bridge.invokeClientCommand(commandKey, payload),
+                markCommandDispatched: async (runId) => {
+                    const marked = asActionResult(unwrapResponse(await bridge.executeAction('mark_customer_contract_reanalysis_dispatched', { runId })));
+                    if (marked.success === false)
+                        throw new Error(resolveActionMessage(marked) || '记录重新分析命令状态失败');
+                },
+                markFailed: async (runId, failure) => {
+                    const marked = asActionResult(unwrapResponse(await bridge.executeAction('mark_customer_contract_reanalysis_failed', { runId, ...failure })));
+                    if (marked.success === false)
+                        throw new Error(resolveActionMessage(marked) || '记录重新分析失败状态失败');
+                },
+                poll: async (runId) => asCustomerContractReanalysisResult(unwrapResponse(await bridge.requestData({ parameters: { collection: 'customerContractAnalysis', runId } })))
+            });
+            let review;
+            if (result.review) {
+                review = adaptCustomerContractReview(result.review, { reviewSource: 'EXISTING_CONTRACT' });
+            }
+            else if (result.task) {
+                review = adaptCustomerContractReview(result.task.resultPayload, { reviewSource: 'IMPORT_DRAFT', importTaskId: result.task.id, sourceFileId: result.task.sourceFileId ?? '', sourceFileName: result.task.sourceFileName ?? '' });
+            }
+            else {
+                throw new Error('重新分析结果缺少合同审核数据');
+            }
+            setCustomerReanalysisState({ status: 'IDLE' });
+            return review;
+        }
+        catch (error) {
+            setCustomerReanalysisState({ status: 'FAILED', message: error instanceof Error ? error.message : 'AI 重新分析失败' });
+            throw error;
+        }
+    }, []);
+    const loadCustomerContractReview = React.useCallback(async (customerContractId) => {
+        const result = asActionResult(unwrapResponse(await bridge.executeAction('get_customer_contract_review', { id: customerContractId })));
+        if (result.success === false || !result.data)
+            throw new Error(resolveActionMessage(result) || '客户合同审核加载失败');
+        const raw = asRecord(result.data);
+        const review = 'reviewSource' in raw ? raw : adaptCustomerContractReview(raw, { reviewSource: 'EXISTING_CONTRACT' });
+        return attachCustomerSource(review, blobUrlOwnerRef.current);
+    }, []);
+    const closePurchaseReview = React.useCallback(() => {
+        blobUrlOwnerRef.current.clear('purchase');
+        setPurchaseReviewDraft(null);
+    }, []);
+    const closeCustomerReview = React.useCallback(() => {
+        blobUrlOwnerRef.current.clear('customer');
+        setCustomerImportState({ status: 'IDLE' });
+    }, []);
+    const queryImportIssues = React.useCallback(async (query) => {
+        const payload = asRecord(unwrapResponse(await bridge.requestData({ page: query.page, pageSize: query.pageSize, parameters: { collection: 'importIssues', documentType: query.documentType, batchId: query.batchId, issueType: query.issueType } })));
+        return { items: Array.isArray(payload.items) ? payload.items : [], total: numberValue(payload.total, 0), page: numberValue(payload.page, query.page), pageSize: numberValue(payload.pageSize, query.pageSize) };
+    }, []);
+    const queryCatalog = React.useCallback(async (collection, query) => {
+        const gate = requestGateRef.current;
+        const requestId = gate.begin();
+        setBusy(true);
+        try {
+            const payload = asRecord(unwrapResponse(await bridge.requestData({ page: query.page, pageSize: query.pageSize, parameters: { collection, filters: query.filters } })));
+            if (!gate.isLatest(requestId))
+                return;
+            setData((current) => ({
+                ...current,
+                [collection]: {
+                    ...current[collection],
+                    items: Array.isArray(payload.items) ? payload.items : [],
+                    total: numberValue(payload.total, 0),
+                    page: numberValue(payload.page, query.page),
+                    pageSize: numberValue(payload.pageSize, query.pageSize)
+                }
+            }));
+        }
+        catch (error) {
+            if (gate.isLatest(requestId))
+                setToast({ message: error instanceof Error ? `查询失败：${error.message}` : '查询失败', tone: 'error' });
+        }
+        finally {
+            gate.finish(requestId);
+            setBusy(gate.activeCount() > 0);
+        }
+    }, []);
+    const queryProcurement = React.useCallback(async (_collection, query) => {
+        await loadRoute(routeRef.current, query.page, query.pageSize, query.filters);
+    }, [loadRoute]);
+    const queryCustomerContracts = React.useCallback(async (query) => {
+        await loadRoute(routeRef.current, query.page, query.pageSize, query.filters);
+    }, [loadRoute]);
+    const querySales = React.useCallback(async (_collection, query) => {
+        await loadRoute(routeRef.current, query.page, query.pageSize, query.filters);
+    }, [loadRoute]);
+    const querySalesFiles = React.useCallback(async (collection, query) => {
+        if (collection === 'salesFileOrders') {
+            await loadRoute({ type: 'page', page: 'sales-files' }, query.page, query.pageSize, query.filters);
+            return;
+        }
+        const payload = asRecord(unwrapResponse(await bridge.requestData({ page: query.page, pageSize: query.pageSize, parameters: { collection, ...query.parameters, filters: query.filters } })));
+        setData(current => ({ ...current, generatedFiles: { ...payload, items: Array.isArray(payload.items) ? payload.items : [], total: numberValue(payload.total, 0), page: numberValue(payload.page, query.page), pageSize: numberValue(payload.pageSize, query.pageSize) } }));
+    }, [loadRoute]);
+    const queryAnalytics = React.useCallback(async (query) => {
+        const requests = analyticsRequestsRef.current;
+        const requestId = requests.begin(query);
+        setBusy(true);
+        setAnalyticsError(null);
+        try {
+            const payload = asRecord(unwrapResponse(await bridge.requestData({ page: query.page, pageSize: query.pageSize, parameters: { collection: 'analytics', mode: query.mode, dimension: query.dimension, filters: query.filters } })));
+            if (!requests.commit(requestId))
+                return;
+            setAnalyticsCommittedQuery(requests.committed());
+            setData(current => ({ ...current, analytics: normalizeWorkbenchData({ summary: { analytics: payload } }).analytics }));
+        }
+        catch (error) {
+            if (!requests.isLatest(requestId))
+                return;
+            const message = error instanceof Error ? error.message : '统计查询失败';
+            setAnalyticsCommittedQuery({ ...requests.committed() });
+            setAnalyticsError(message);
+            setToast({ message: `统计查询失败：${message}`, tone: 'error' });
+        }
+        finally {
+            requests.finish(requestId);
+            setBusy(requests.activeCount() + requestGateRef.current.activeCount() + routeRequestGateRef.current.activeCount() > 0);
+        }
+    }, []);
+    const exportAnalytics = React.useCallback(async (_request) => {
+        setActionBusy(true);
+        try {
+            const committed = analyticsRequestsRef.current.committed();
+            const request = committed.mode === 'PURCHASE'
+                ? { mode: committed.mode, dimension: committed.dimension, filters: committed.filters, format: 'XLSX' }
+                : { mode: committed.mode, dimension: committed.dimension, filters: committed.filters, format: 'XLSX' };
+            const result = asActionResult(unwrapResponse(await bridge.executeAction('export_analytics', request)));
+            if (result.success === false)
+                throw new Error(resolveActionMessage(result) || '分析导出失败');
+            downloadActionFile(result.data);
+            setToast({ message: '分析数据导出成功', tone: 'success' });
+        }
+        catch (error) {
+            setToast({ message: error instanceof Error ? error.message : '分析导出失败', tone: 'error' });
+            throw error;
+        }
+        finally {
+            setActionBusy(false);
+        }
+    }, []);
+    const saveSettings = React.useCallback(async (request) => {
+        const result = asActionResult(unwrapResponse(await bridge.executeAction('save_settings', request)));
+        if (result.success === false)
+            throw new Error(resolveActionMessage(result) || '设置保存失败');
+        await loadRoute({ type: 'page', page: 'settings' });
+    }, [loadRoute]);
+    const restoreSettings = React.useCallback(async (request) => {
+        const result = asActionResult(unwrapResponse(await bridge.executeAction('restore_settings_default', request)));
+        if (result.success === false)
+            throw new Error(resolveActionMessage(result) || '恢复系统默认失败');
+        await loadRoute({ type: 'page', page: 'settings' });
+    }, [loadRoute]);
+    const deleteSettingsRate = React.useCallback(async (request) => {
+        const result = asActionResult(unwrapResponse(await bridge.executeAction('delete_settings_rate', request)));
+        if (result.success === false)
+            throw new Error(resolveActionMessage(result) || '月度汇率删除失败');
+        await loadRoute({ type: 'page', page: 'settings' });
+    }, [loadRoute]);
+    const uploadCompanyLogo = React.useCallback(async (file) => {
+        const result = asActionResult(unwrapResponse(await bridge.executeFileAction('upload_company_logo', file, {})));
+        if (result.success === false || !result.data?.logoFileId)
+            throw new Error(resolveActionMessage(result) || '公司 Logo 上传失败');
+        setToast({ message: '公司 Logo 上传成功', tone: 'success' });
+        return result.data.logoFileId;
+    }, []);
+    const discardCompanyLogo = React.useCallback(async (logoFileId) => {
+        const result = asActionResult(unwrapResponse(await bridge.executeAction('discard_company_logo', { logoFileId })));
+        if (result.success === false)
+            throw new Error(resolveActionMessage(result) || '公司 Logo 草稿清理失败');
+    }, []);
+    const openSalesFiles = React.useCallback((order) => {
+        setActiveSalesFileOrder(order);
+        if (order)
+            changeRouteRef.current({ type: 'page', page: 'sales-files' });
+    }, []);
+    const changeRoute = React.useCallback((nextRoute) => {
+        routeRef.current = nextRoute;
+        setRoute(nextRoute);
+        void loadRoute(nextRoute);
+    }, [loadRoute]);
+    changeRouteRef.current = changeRoute;
+    const page = routePage(route);
+    const meta = pageMeta[page];
+    const contractCommands = page === 'procurement'
+        ? _jsx(ContractUploadCommand, { label: "\u4E0A\u4F20\u91C7\u8D2D\u5408\u540C", busy: busy || actionBusy, onFile: file => executeFileAction('upload_purchase_contract', file, { documentType: 'PURCHASE_CONTRACT' }) })
+        : page === 'customer-contract-review'
+            ? _jsx(ContractUploadCommand, { label: "\u4E0A\u4F20\u5BA2\u6237\u5408\u540C", busy: busy || actionBusy, onFile: file => executeFileAction('upload_customer_contract', file, { documentType: 'CUSTOMER_CONTRACT' }) })
+            : undefined;
+    return (_jsxs(_Fragment, { children: [_jsxs(WorkbenchShell, { route: route, breadcrumbs: buildBreadcrumbs(route), title: meta.title, subtitle: meta.subtitle, commands: (page === 'controlled-goods' || page === 'sanctioned-companies') ? _jsx(CatalogCommands, { busy: busy || actionBusy, onUpload: () => setCatalogCommand('upload'), onCreate: () => setCatalogCommand('create') }) : contractCommands, busy: busy || actionBusy, onRouteChange: changeRoute, onRefresh: () => void load(), children: [page === 'home' && _jsx(HomePage, { dashboard: data.dashboard }), page === 'controlled-goods' && _jsx(ControlledGoodsPage, { collection: data.controlledGoods, batches: data.controlledBatches.items, busy: busy || actionBusy, onAction: executeAction, onFileAction: executeFileAction, onRefresh: load, onQuery: (query) => queryCatalog('controlledGoods', query), onIssueQuery: queryImportIssues, importCompletion: importCompletion, importFailure: importFailures.CONTROLLED_CATALOG, onRetryImport: retryImport, command: catalogCommand, onCommandHandled: () => setCatalogCommand(null) }), page === 'sanctioned-companies' && _jsx(SanctionedCompaniesPage, { collection: data.sanctionedCompanies, batches: data.sanctionBatches.items, busy: busy || actionBusy, onAction: executeAction, onFileAction: executeFileAction, onRefresh: load, onQuery: (query) => queryCatalog('sanctionedCompanies', query), onIssueQuery: queryImportIssues, importCompletion: importCompletion, importFailure: importFailures.SANCTION_CATALOG, onRetryImport: retryImport, command: catalogCommand, onCommandHandled: () => setCatalogCommand(null) }), page === 'procurement' && route.type === 'procurement' && _jsx(ProcurementPage, { route: route, suppliers: data.suppliers, purchaseOrders: data.purchaseOrders, purchaseLines: data.purchaseLines, supplier: procurementContext.supplier, order: procurementContext.order, metrics: procurementContext.metrics, importTask: purchaseImportTask, reviewDraft: purchaseReviewDraft, busy: busy || actionBusy, onQuery: queryProcurement, onAction: executeAction, onFileAction: executeFileAction, onRouteChange: changeRoute, onRetryImport: retryContractImport, onReviewClose: closePurchaseReview }), page === 'customer-contract-review' && _jsx(CustomerContractsPage, { collection: data.customerContracts, busy: busy || actionBusy, importReviewState: customerImportState, onQuery: queryCustomerContracts, onAction: executeAction, onFileAction: executeFileAction, onReanalyze: reanalyzeCustomerContract, onLoadReview: loadCustomerContractReview, onReviewClose: closeCustomerReview, reanalysisState: customerReanalysisState, onRetryImport: retryContractImport }), page === 'sales' && route.type === 'sales' && _jsx(SalesPage, { route: route, customers: data.salesCustomers, orders: data.salesOrders, lines: data.salesLines, busy: busy || actionBusy, onQuery: querySales, onAction: executeAction, onRouteChange: changeRoute, onOpenFiles: openSalesFiles }), page === 'sales-files' && _jsx(SalesFilesPage, { orders: data.salesFileOrders, history: data.generatedFiles, activeOrder: activeSalesFileOrder, banks: data.settings.banks, busy: busy || actionBusy, onQuery: querySalesFiles, onAction: executeSalesFileAction, onOpenSalesOrder: setActiveSalesFileOrder, onDownload: async (file) => { const result = await executeAction('download_sales_file', { id: file.id }); downloadActionFile(result.data); }, onEdit: async (file) => setEditingSalesFile(file) }), page === 'analytics' && _jsx(AnalyticsPage, { data: data.analytics, committedQuery: analyticsCommittedQuery, busy: busy || actionBusy, error: analyticsError, onQuery: queryAnalytics, onExportXlsx: exportAnalytics }), page === 'settings' && _jsx(SettingsPage, { data: data.settings, busy: busy || actionBusy, onSave: saveSettings, onRestoreDefault: restoreSettings, onDeleteRate: deleteSettingsRate, onUploadLogo: uploadCompanyLogo, onDiscardLogo: discardCompanyLogo }), !['home', 'controlled-goods', 'sanctioned-companies', 'procurement', 'customer-contract-review', 'sales', 'sales-files', 'analytics', 'settings'].includes(page) && _jsxs("section", { className: "tcw-page-placeholder", "data-page": page, children: [_jsx(InfoNotice, { children: "\u9875\u9762\u57FA\u7840\u7ED3\u6784\u5DF2\u5C31\u7EEA\uFF0C\u4E1A\u52A1\u5185\u5BB9\u5C06\u5728\u5BF9\u5E94\u9875\u9762\u6A21\u5757\u4E2D\u52A0\u8F7D\u3002" }), _jsx("div", { className: "tcw-placeholder-body", "aria-label": `${meta.title}页面内容` })] })] }), _jsx(LoadingBlocker, { visible: busy || actionBusy, label: actionBusy ? '操作处理中' : '数据加载中' }), toast && _jsx(Toast, { message: toast.message, tone: toast.tone, onClose: () => setToast(null) }), editingSalesFile && _jsx(SalesFileEditor, { file: editingSalesFile, onClose: () => setEditingSalesFile(null), onSaved: () => { setEditingSalesFile(null); if (activeSalesFileOrder)
+                    void querySalesFiles('generatedFiles', { page: 1, pageSize: 20, filters: {}, parameters: { customerContractId: activeSalesFileOrder.customerContractId, purchaseOrderId: activeSalesFileOrder.purchaseOrderId } }); } })] }));
+}
+function routePage(route) {
+    if (route.type === 'procurement')
+        return 'procurement';
+    if (route.type === 'sales')
+        return 'sales';
+    return route.page;
+}
+function analyticsQueryFromRoute(page, pageSize, values) {
+    const dateValue = values.orderDate;
+    const date = dateValue && typeof dateValue === 'object' && !Array.isArray(dateValue) ? dateValue : null;
+    const orderDate = date ? { from: optionalText(date.from), to: optionalText(date.to) } : undefined;
+    const common = {
+        ...(orderDate?.from || orderDate?.to ? { orderDate } : {}),
+        ...(optionalText(values.productName) ? { productName: optionalText(values.productName) } : {}),
+        ...(optionalText(values.hsCode) ? { hsCode: optionalText(values.hsCode) } : {})
+    };
+    if (values.mode === 'SALES')
+        return {
+            mode: 'SALES', dimension: values.dimension === 'PRODUCT' ? 'PRODUCT' : 'CUSTOMER', page, pageSize,
+            filters: { ...common, ...(optionalText(values.customer) ? { customer: optionalText(values.customer) } : {}), ...(enabled(values.unreceivedOnly) ? { unreceivedOnly: true } : {}) }
+        };
+    return {
+        mode: 'PURCHASE', dimension: values.dimension === 'PRODUCT' ? 'PRODUCT' : 'SUPPLIER', page, pageSize,
+        filters: { ...common, ...(optionalText(values.supplier) ? { supplier: optionalText(values.supplier) } : {}), ...(enabled(values.unpaidOnly) ? { unpaidOnly: true } : {}), ...(enabled(values.unrefundedOnly) ? { unrefundedOnly: true } : {}) }
+    };
+}
+function optionalText(value) { const text = typeof value === 'string' ? value.trim() : ''; return text || undefined; }
+function enabled(value) { return value === true || value === 'true'; }
+function asActionResult(value) {
+    return value && typeof value === 'object' && !Array.isArray(value) ? value : { success: true, data: value };
+}
+function resolveActionMessage(result) {
+    if (typeof result.message === 'string')
+        return result.message;
+    if (result.message && typeof result.message === 'object') {
+        const localized = result.message;
+        return String(localized.zh_Hans ?? localized.en_US ?? '');
+    }
+    return '';
+}
+function asRecord(value) {
+    return value && typeof value === 'object' && !Array.isArray(value) ? value : {};
+}
+function numberValue(value, fallback) {
+    const result = Number(value);
+    return Number.isFinite(result) ? result : fallback;
+}
+function asImportCompletion(value) {
+    const payload = asRecord(value);
+    if (!payload.task || typeof payload.task !== 'object')
+        throw new Error('轮询响应缺少导入任务');
+    return payload;
+}
+function downloadActionFile(value) {
+    const file = asRecord(value);
+    if (typeof file.base64 !== 'string' || typeof file.fileName !== 'string')
+        throw new Error('下载响应缺少文件内容');
+    const binary = atob(file.base64);
+    const bytes = Uint8Array.from(binary, (character) => character.charCodeAt(0));
+    const url = URL.createObjectURL(new Blob([bytes], { type: typeof file.mimeType === 'string' ? file.mimeType : 'application/octet-stream' }));
+    const anchor = document.createElement('a');
+    anchor.href = url;
+    anchor.download = file.fileName;
+    anchor.click();
+    setTimeout(() => URL.revokeObjectURL(url), 0);
+}
+function ContractUploadCommand({ label, busy, onFile }) {
+    return _jsxs("label", { className: "tcw-button tcw-button--primary", children: [_jsx("i", { className: "ri-upload-cloud-2-line", "aria-hidden": "true" }), label, _jsx("input", { className: "tcw-procurement-file-input", type: "file", accept: ".pdf,.doc,.docx,.xls,.xlsx,.png,.jpg,.jpeg,.webp", disabled: busy, onChange: event => { const file = event.target.files?.[0]; event.currentTarget.value = ''; if (file)
+                    void onFile(file).catch(() => undefined); } })] });
+}
+function adaptPurchaseReview(task) {
+    const payload = asRecord(task.resultPayload);
+    const supplier = asRecord(payload.supplier);
+    const order = asRecord(payload.order);
+    const lines = Array.isArray(payload.lines) ? payload.lines.map(value => {
+        const line = asRecord(value);
+        return { ...line, sourceType: line.sourceType === 'MANUAL_ENTRY' ? 'MANUAL_ENTRY' : 'CONTRACT_EXTRACTED', hsCodeStatus: line.hsCodeStatus === 'AI_CONFIRMED' || line.hsCodeStatus === 'MANUALLY_CONFIRMED' ? line.hsCodeStatus : 'UNCONFIRMED' };
+    }) : [];
+    return {
+        supplier: { ...supplier, name: String(supplier.name ?? '') },
+        order: { ...order, supplierId: String(order.supplierId ?? ''), contractNo: String(order.contractNo ?? ''), orderDate: String(order.orderDate ?? ''), contractAmountCny: String(order.contractAmountCny ?? '0') },
+        lines,
+        sourceFileName: task.sourceFileName ?? null
+    };
+}
+async function attachPurchaseSource(draft, task, owner) {
+    if (draft.sourceFileUrl || !task.sourceFileId)
+        return draft;
+    const preview = await loadSourcePreview(task.sourceFileId, 'purchase', owner);
+    if (preview.previewKind === 'URL')
+        return { ...draft, sourceFileUrl: preview.url };
+    if (preview.previewKind === 'TEXT')
+        return { ...draft, sourceFileUrl: textPreviewUrl(task.sourceFileName ?? '采购合同源文件', preview.content) };
+    return draft;
+}
+async function attachCustomerSource(review, owner) {
+    if (review.sourcePreview.kind === 'URL' || !review.sourceFileId)
+        return review;
+    const preview = await loadSourcePreview(review.sourceFileId, 'customer', owner);
+    if (preview.previewKind === 'URL')
+        return { ...review, sourcePreview: { kind: 'URL', url: preview.url } };
+    if (preview.previewKind === 'TEXT')
+        return { ...review, sourcePreview: { kind: 'TEXT', content: preview.content } };
+    return { ...review, sourcePreview: { kind: 'UNAVAILABLE', message: preview.message } };
+}
+async function loadSourcePreview(sourceFileId, slot, owner) {
+    const result = asActionResult(unwrapResponse(await bridge.executeAction('preview_source_file', { sourceFileId })));
+    if (result.success === false)
+        throw new Error(resolveActionMessage(result) || '源文件加载失败');
+    const file = asRecord(result.data);
+    if (file.previewKind === 'TEXT' && typeof file.content === 'string')
+        return { previewKind: 'TEXT', content: file.content };
+    if (file.previewKind === 'URL' && typeof file.base64 === 'string' && typeof file.mimeType === 'string') {
+        const binary = atob(file.base64);
+        const bytes = Uint8Array.from(binary, character => character.charCodeAt(0));
+        return { previewKind: 'URL', url: owner.replace(slot, URL.createObjectURL(new Blob([bytes], { type: file.mimeType }))) };
+    }
+    if (file.previewKind === 'UNAVAILABLE')
+        return { previewKind: 'UNAVAILABLE', message: typeof file.message === 'string' ? file.message : '源文件暂无法在线预览' };
+    throw new Error('源文件预览响应类型无效');
+}
+function textPreviewUrl(title, content) {
+    const html = `<!doctype html><html lang="zh-Hans"><head><meta charset="utf-8"><title>${escapeHtml(title)}</title><style>body{margin:0;padding:24px;font:14px/1.7 system-ui,sans-serif;color:#1f2937;background:#fff}pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}</style></head><body><pre>${escapeHtml(content)}</pre></body></html>`;
+    return `data:text/html;charset=utf-8,${encodeURIComponent(html)}`;
+}
+function escapeHtml(value) { return value.replace(/[&<>"']/g, character => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' })[character] ?? character); }
+function asContractCompletion(value) {
+    const payload = asRecord(value);
+    if (!payload.task || typeof payload.task !== 'object')
+        throw new Error('轮询响应缺少合同导入任务');
+    return payload;
+}
+function asCustomerContractReanalysisResult(value) {
+    const payload = asRecord(value);
+    if (!payload.run || typeof payload.run !== 'object')
+        throw new Error('轮询响应缺少重新分析任务');
+    return payload;
+}
+function shouldRefreshAfterAction(actionKey) {
+    return new Set(['save_controlled_goods', 'update_controlled_goods', 'save_sanctioned_company', 'update_sanctioned_company', 'save_purchase_review', 'save_customer_contract_review', 'update_supplier', 'update_purchase_order', 'add_purchase_line', 'update_purchase_line', 'update_customer_contract_review', 'delete_entity']).has(actionKey);
+}
+async function ensureExcelEditorRuntime() {
+    const runtimeWindow = window;
+    if (runtimeWindow.TradeComplianceExcelEditor?.open)
+        return runtimeWindow.TradeComplianceExcelEditor;
+    if (excelEditorRuntimePromise)
+        return excelEditorRuntimePromise;
+    excelEditorRuntimePromise = (async () => {
+        const result = asActionResult(unwrapResponse(await bridge.executeAction('load_excel_editor_runtime', {})));
+        if (result.success === false)
+            throw new Error(resolveActionMessage(result) || 'Excel 编辑器运行时加载失败');
+        const script = result.data?.script;
+        const css = result.data?.css;
+        if (typeof script !== 'string' || !script.trim() || typeof css !== 'string')
+            throw new Error('Excel 编辑器运行时响应不完整');
+        let styleElement = document.head.querySelector('style[data-trade-compliance-editor-styles]');
+        if (!styleElement) {
+            styleElement = document.createElement('style');
+            styleElement.dataset.tradeComplianceEditorStyles = 'true';
+            styleElement.textContent = css;
+            document.head.appendChild(styleElement);
+        }
+        let scriptElement = document.body.querySelector('script[data-trade-compliance-editor-runtime]');
+        if (!scriptElement) {
+            scriptElement = document.createElement('script');
+            scriptElement.dataset.tradeComplianceEditorRuntime = 'true';
+            scriptElement.textContent = script;
+            document.body.appendChild(scriptElement);
+        }
+        const runtime = runtimeWindow.TradeComplianceExcelEditor;
+        if (!runtime?.open)
+            throw new Error('Excel 编辑器运行时初始化失败');
+        return runtime;
+    })().catch((error) => {
+        document.querySelector('script[data-trade-compliance-editor-runtime]')?.remove();
+        document.querySelector('style[data-trade-compliance-editor-styles]')?.remove();
+        excelEditorRuntimePromise = null;
+        throw error;
+    });
+    return excelEditorRuntimePromise;
+}
+function SalesFileEditor({ file, onClose, onSaved }) {
+    const containerRef = React.useRef(null);
+    const editorRef = React.useRef(null);
+    const [error, setError] = React.useState('');
+    const [saving, setSaving] = React.useState(false);
+    const [editorReady, setEditorReady] = React.useState(false);
+    React.useEffect(() => {
+        let cancelled = false;
+        setEditorReady(false);
+        void (async () => {
+            try {
+                const result = asActionResult(unwrapResponse(await bridge.executeAction('download_sales_file', { id: file.id })));
+                if (result.success === false)
+                    throw new Error(resolveActionMessage(result) || '销售文件加载失败');
+                const payload = asRecord(result.data);
+                if (typeof payload.base64 !== 'string' || typeof payload.storageFileId !== 'string' || !Number.isInteger(payload.editVersion) || !containerRef.current)
+                    throw new Error('销售文件响应缺少工作簿内容或版本信息');
+                const runtime = await ensureExcelEditorRuntime();
+                const container = containerRef.current;
+                if (cancelled || !container)
+                    return;
+                const editor = await runtime.open({ container, base64: payload.base64, onSave: async (base64) => {
+                        const saved = asActionResult(unwrapResponse(await bridge.executeAction('save_edited_sales_file', { id: file.id, base64, editVersion: payload.editVersion, expectedStorageFileId: payload.storageFileId })));
+                        if (saved.success === false)
+                            throw new Error(resolveActionMessage(saved) || '工作簿保存失败');
+                    } });
+                if (cancelled)
+                    editor.dispose();
+                else {
+                    editorRef.current = editor;
+                    setEditorReady(true);
+                }
+            }
+            catch (cause) {
+                if (!cancelled)
+                    setError(cause instanceof Error ? cause.message : 'Excel 编辑器加载失败');
+            }
+        })();
+        return () => { cancelled = true; editorRef.current?.dispose(); editorRef.current = null; };
+    }, [file.id]);
+    const save = async () => { if (!editorRef.current)
+        return; setSaving(true); setError(''); try {
+        await editorRef.current.save();
+        onSaved();
+    }
+    catch (cause) {
+        setError(cause instanceof Error ? cause.message : '工作簿保存失败');
+    }
+    finally {
+        setSaving(false);
+    } };
+    return _jsxs("section", { className: "tcw-excel-editor", "aria-label": "\u9500\u552E\u6587\u4EF6\u5168\u5C4F\u5BA1\u6838", children: [_jsxs("header", { children: [_jsx("strong", { children: file.fileName }), _jsxs("div", { children: [_jsx("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onClose, children: "\u5173\u95ED" }), _jsx("button", { type: "button", className: "tcw-button tcw-button--primary", disabled: saving || !editorReady, onClick: () => void save(), children: "\u4FDD\u5B58\u5F53\u524D\u6587\u4EF6" })] })] }), error && _jsx("div", { className: "tcw-editor-error", role: "alert", children: error }), _jsx("div", { ref: containerRef, className: "tcw-excel-editor-canvas" })] });
+}
+const root = document.getElementById('root');
+if (!root)
+    throw new Error('缺少远程组件挂载节点');
+createRoot(root).render(_jsx(App, {}));
+//# sourceMappingURL=app-source.js.map