openxiangda 2.62.1 → 2.65.0

package/dist/browser/components/workflow/WorkflowDesigner.js

@@ -0,0 +1,586 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { workflowAuthoringCatalog, workflowCanvasBindingKey, createWorkflowHumanNode, pruneWorkflowCanvasBindings, validateWorkflowBusinessSteps } from 'openxiangda-contracts/browser';
+import { WorkflowBusinessStepEditor } from './WorkflowBusinessStepEditor';
+import { WorkflowParallelConfigurationEditor } from './WorkflowParallelConfigurationEditor.js';
+import { WorkflowReminderEditor } from './WorkflowReminderEditor.js';
+import { WorkflowNotificationEditor } from './WorkflowNotificationEditor.js';
+import { WorkflowReturnPolicyEditor } from './WorkflowReturnPolicyEditor.js';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Alert, App, Button, Checkbox, Collapse, Drawer, Input, Modal, Popconfirm, Radio, Segmented, Select, Skeleton, Space, Spin, Table, Tag, Tooltip } from 'antd';
+import { ArrowLeftOutlined, CheckCircleOutlined, CloseOutlined, HistoryOutlined, MenuFoldOutlined, MenuUnfoldOutlined, RedoOutlined, RobotOutlined, SafetyOutlined, UndoOutlined, UserOutlined, FormOutlined, CodeOutlined, CopyOutlined, BranchesOutlined, BellOutlined, PlayCircleOutlined } from '@ant-design/icons';
+import { workflowReturnTargets, formatWorkflowSupervisorChain, isWorkflowPlatformNotify, WORKFLOW_PLATFORM_NOTIFY_HANDLER, WORKFLOW_PLATFORM_NOTIFY_INPUT_SCHEMA, WORKFLOW_PLATFORM_NOTIFY_OUTPUT_SCHEMA, editWorkflowDesignerDefinition, projectWorkflowGraph, validateWorkflowDesignerDocument, workflowDesignerVariables } from 'openxiangda-contracts/browser';
+import { OpenXiangdaPlatformRequestError, loadWorkflowDesignerDraft, loadWorkflowNodeConfigurations, loadApplicationAdministrationContext, saveWorkflowDesignerDraft, previewWorkflowDesignerPublication, publishWorkflowDesigner, loadWorkflowDesignerPublication, listWorkflowDesignerPublications, restoreWorkflowDesignerVersion, controlWorkflowDesignerPublication, searchWorkflowDesignerHoldCandidates } from '../../platform-client';
+import { createBrowserUuid } from '../../uuid';
+import { WorkflowDiagram } from './WorkflowDiagram';
+import { workflowDesignerDisplayGraph, workflowDesignerOutlineRows, workflowDesignerStartId } from './workflow-designer-presentation';
+import { WorkflowDraftHandlingEditor } from './WorkflowDraftHandlingEditor';
+import { WorkflowNodeConfigurationEditor } from './WorkflowNodeConfigurationEditor';
+import { WorkflowDesignerAssistant } from './WorkflowDesignerAssistant';
+import { defaultWorkflowCondition } from './WorkflowConditionEditor';
+import { WorkflowConditionConfigurationEditor } from './WorkflowConditionConfigurationEditor';
+const kinds = { handle: '办理节点', approval: '审批节点', condition: '条件分支', parallel: '并行分支', join: '汇合', cc: '抄送', action: '已发布业务步骤', correction: '补正', end: '结束' };
+const id = () => `node_${createBrowserUuid().replaceAll('-', '').slice(0, 12)}`;
+const outcomeLabels = { eligible: '可更新', migrated: '已更新', deferred: '等待步骤完成', excepted: '需单独处理', held: '保留原版本', failed: '更新失败', completed: '已结束', superseded: '已替代' };
+const refused = (error) => error instanceof OpenXiangdaPlatformRequestError && error.status >= 400 && error.status < 500;
+const canonical = (value) => Array.isArray(value) ? value.map(canonical) : value && typeof value === 'object' ? Object.fromEntries(Object.keys(value).sort().map(key => [key, canonical(value[key])])) : value;
+const same = (left, right) => JSON.stringify(canonical(left)) === JSON.stringify(canonical(right));
+/** Canonical authoring. The graph is a projection; coordinates never become executable state. */
+export function WorkflowDesigner({ workflowCode, onPublished, onDirtyChange, onStateChange, onBack }) {
+    const { message } = App.useApp();
+    const [draft, setDraft] = useState();
+    const [definition, setDefinition] = useState();
+    const [stepInputInvalid, setStepInputInvalid] = useState(false);
+    const [reminderDirty, setReminderDirty] = useState(false);
+    const [binding, setBinding] = useState();
+    const [nativeHeadRevision, setNativeHeadRevision] = useState();
+    const [configurations, setConfigurations] = useState();
+    const [selected, setSelected] = useState('');
+    const [selectedEdge, setSelectedEdge] = useState();
+    const [publishedView, setPublishedView] = useState(false);
+    const [outline, setOutline] = useState(true);
+    const [detailInspector, setDetailInspector] = useState(true);
+    const [inspector, setInspector] = useState(true);
+    const [narrow, setNarrow] = useState(() => typeof matchMedia !== 'undefined' && matchMedia('(max-width: 899px)').matches);
+    const inspectorElement = useRef(null);
+    useEffect(() => { const media = matchMedia('(max-width: 899px)'); const update = () => setNarrow(media.matches); media.addEventListener('change', update); return () => media.removeEventListener('change', update); }, []);
+    const [liveState, setLiveState] = useState({ dirty: false, busy: false, unknown: false });
+    const leaveHandling = useRef(undefined);
+    const handlingGuardChanged = useCallback((guard) => { leaveHandling.current = guard; }, []);
+    const handlingStateChanged = useCallback((state) => setLiveState(state), []);
+    const [outlineKeyword, setOutlineKeyword] = useState('');
+    const [checksOpen, setChecksOpen] = useState(false);
+    const [structureKeys, setStructureKeys] = useState([]);
+    const attemptedAutosave = useRef(undefined);
+    const [error, setError] = useState();
+    const [busy, setBusy] = useState(false);
+    const [history, setHistory] = useState([]);
+    const [future, setFuture] = useState([]);
+    const [insert, setInsert] = useState();
+    const [template, setTemplate] = useState('condition');
+    const [nodeTitle, setNodeTitle] = useState('');
+    const [assistantContext, setAssistantContext] = useState('');
+    const [assistantOpen, setAssistantOpen] = useState(false);
+    const [assistantState, setAssistantState] = useState({ busy: false, unknown: false });
+    const [versionsOpen, setVersionsOpen] = useState(false);
+    const [versions, setVersions] = useState([]);
+    const [publication, setPublication] = useState(false);
+    const [holdCandidates, setHoldCandidates] = useState([]);
+    const [preview, setPreview] = useState();
+    const [scope, setScope] = useState('running_and_new');
+    const [releaseIds, setReleaseIds] = useState([]);
+    const [releaseReason, setReleaseReason] = useState('');
+    const [reason, setReason] = useState('');
+    const [holdNodeIds, setHoldNodeIds] = useState([]);
+    const [holdIds, setHoldIds] = useState([]);
+    const [holdReason, setHoldReason] = useState('');
+    const [acknowledge, setAcknowledge] = useState(false);
+    const [receipt, setReceipt] = useState();
+    const frozenSave = useRef(undefined);
+    const frozenPublish = useRef(undefined);
+    const frozenAux = useRef(undefined);
+    const alive = useRef(true);
+    const load = useCallback(async () => {
+        const [value, configuration, context] = await Promise.all([loadWorkflowDesignerDraft(workflowCode), loadWorkflowNodeConfigurations(workflowCode), loadApplicationAdministrationContext()]);
+        if (context.headRevision == null)
+            throw new Error('当前应用没有可用的办理配置版本');
+        if (!alive.current)
+            return;
+        setDraft(value);
+        setDefinition(value.definition);
+        setBinding(value.binding);
+        setConfigurations(configuration);
+        setNativeHeadRevision(context.headRevision);
+        setSelected(value.definition.startAt);
+        setHistory([]);
+        setFuture([]);
+        setError(undefined);
+    }, [workflowCode]);
+    useEffect(() => { alive.current = true; void load().catch(error => setError(String(error.message))); return () => { alive.current = false; }; }, [load]);
+    const refreshHandling = async () => {
+        const [configuration, context] = await Promise.all([loadWorkflowNodeConfigurations(workflowCode), loadApplicationAdministrationContext()]);
+        if (context.headRevision == null)
+            throw new Error('当前应用没有可用的办理配置版本');
+        setConfigurations(configuration);
+        setNativeHeadRevision(context.headRevision);
+    };
+    const dirty = !!draft && !!definition && (!same(draft.definition, definition) || !same(draft.binding, binding) || stepInputInvalid || reminderDirty);
+    useEffect(() => { const unknown = !!frozenSave.current || !!frozenPublish.current || !!frozenAux.current || assistantState.unknown || liveState.unknown; onDirtyChange?.(dirty || liveState.dirty || unknown); onStateChange?.({ dirty: dirty || liveState.dirty, busy: busy || assistantState.busy || liveState.busy, unknown }); }, [dirty, busy, assistantState, liveState, onDirtyChange, onStateChange]);
+    useEffect(() => { const guard = (event) => { if (dirty || frozenSave.current || frozenPublish.current || frozenAux.current || assistantState.unknown) {
+        event.preventDefault();
+        event.returnValue = '';
+    } }; addEventListener('beforeunload', guard); return () => removeEventListener('beforeunload', guard); }, [dirty, assistantState.unknown]);
+    useEffect(() => {
+        if (!receipt || receipt.status !== 'running' || publication)
+            return;
+        let active = true;
+        const poll = setInterval(() => { void loadWorkflowDesignerPublication(workflowCode, receipt.publicationId).then(value => { if (active)
+            setReceipt(value); }, () => { }); }, 3000);
+        return () => { active = false; clearInterval(poll); };
+    }, [workflowCode, receipt?.publicationId, receipt?.status, publication]);
+    const shown = publishedView ? draft?.publishedDefinition : definition;
+    const graph = useMemo(() => shown ? projectWorkflowGraph(shown, 'draft') : undefined, [shown]);
+    const displayGraph = useMemo(() => {
+        const activeReturn = structureKeys.includes('return') ? shown?.nodes[selected] : undefined;
+        return graph ? workflowDesignerDisplayGraph(graph, activeReturn?.id, activeReturn && ['approval', 'handle'].includes(activeReturn.kind) ? workflowReturnTargets(activeReturn) : []) : undefined;
+    }, [graph, structureKeys, selected, shown]);
+    const outlineNodes = useMemo(() => displayGraph ? workflowDesignerOutlineRows(displayGraph) : [], [displayGraph]);
+    useEffect(() => { if (shown && selected !== workflowDesignerStartId && !shown.nodes[selected])
+        setSelected(shown.startAt); }, [shown, selected]);
+    const catalog = useMemo(() => draft?.capabilities || (draft ? workflowAuthoringCatalog(draft.publishedDefinition, draft.publishedBinding) : undefined), [draft]);
+    const variables = useMemo(() => definition ? workflowDesignerVariables(definition) : [], [definition]);
+    const errors = useMemo(() => definition ? [...validateWorkflowDesignerDocument(definition), ...validateWorkflowBusinessSteps(definition), ...Object.values(definition.nodes).flatMap(node => {
+            if (!('binding' in node))
+                return [];
+            const entry = binding?.bindings[node.binding];
+            return !entry || entry.provider === 'fixed_users' && !entry.users?.length || entry.provider === 'app_role' && !entry.roleCode && !entry.roleCodes?.length ? [`WORKFLOW_DESIGNER_PEOPLE_REQUIRED:${node.id}`] : [];
+        })] : [], [definition, binding]);
+    const node = shown?.nodes[selected];
+    const liveNode = configurations?.nodes.find(item => item.nodeId === selected);
+    const disabled = busy || assistantState.busy || assistantState.unknown || publishedView || !!frozenSave.current || !!frozenPublish.current || !!frozenAux.current;
+    const mutate = (next, nextBinding = binding) => {
+        if (!definition || !binding || !nextBinding || disabled)
+            return;
+        setHistory(current => {
+            const bounded = [...current, { definition, binding }].slice(-25);
+            while (bounded.length > 1 && bounded.reduce((bytes, item) => bytes + JSON.stringify(item).length, 0) > 4 * 1024 * 1024)
+                bounded.shift();
+            return bounded;
+        });
+        setFuture([]);
+        setDefinition(next);
+        setBinding(pruneWorkflowCanvasBindings(next, nextBinding, draft.publishedBinding));
+        setError(undefined);
+    };
+    const patch = (patch) => { if (definition && node)
+        mutate(editWorkflowDesignerDefinition(definition, { type: 'node', nodeId: node.id, patch })); };
+    const save = async (quiet = false) => {
+        if (!draft || !definition)
+            return undefined;
+        if (reminderDirty && !frozenSave.current) {
+            message.warning('请先确定或取消办理提醒的修改。');
+            return undefined;
+        }
+        if (stepInputInvalid && !frozenSave.current) {
+            setError('业务步骤固定值不是有效 JSON，请修正后再保存。');
+            return undefined;
+        }
+        setBusy(true);
+        try {
+            frozenSave.current ||= { expectedRevision: draft.revision, expectedHeadRevision: draft.baseHeadRevision, operationId: createBrowserUuid(), definition, binding: binding };
+            const saved = await saveWorkflowDesignerDraft(workflowCode, frozenSave.current);
+            frozenSave.current = undefined;
+            setDraft(saved);
+            setDefinition(saved.definition);
+            setBinding(saved.binding);
+            setError(undefined);
+            if (!quiet)
+                message.success('流程草稿已保存');
+            return saved;
+        }
+        catch (error) {
+            if (refused(error))
+                frozenSave.current = undefined;
+            setError(`${String(error.message)}${refused(error) ? '。修改已保留，可修正后再次保存。' : '。结果待确认，请重试原保存请求。'}`);
+            return undefined;
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    const autosave = useRef(save);
+    autosave.current = save;
+    useEffect(() => {
+        if (!dirty || !definition || stepInputInvalid || reminderDirty || busy || publishedView || frozenSave.current || frozenPublish.current || frozenAux.current || attemptedAutosave.current === JSON.stringify({ definition, binding }))
+            return;
+        let timer;
+        const persist = () => {
+            if (inspectorElement.current?.querySelector('[role="combobox"][aria-expanded="true"]')) {
+                timer = setTimeout(persist, 300);
+                return;
+            }
+            attemptedAutosave.current = JSON.stringify({ definition, binding });
+            void autosave.current(true);
+        };
+        timer = setTimeout(persist, 900);
+        return () => clearTimeout(timer);
+    }, [dirty, definition, binding, busy, publishedView, stepInputInvalid, reminderDirty]);
+    const inspectorReady = () => {
+        if (stepInputInvalid) {
+            message.warning('业务步骤固定值不是有效 JSON，请先修正，或切换此输入来源以放弃该值。');
+            return false;
+        }
+        if (reminderDirty) {
+            message.warning('请先确定或取消办理提醒的修改。');
+            return false;
+        }
+        return true;
+    };
+    const closeInspector = () => { if (!inspectorReady())
+        return; const close = () => setInspector(false); if (leaveHandling.current)
+        leaveHandling.current(close);
+    else
+        close(); };
+    const selectNode = (value, edgeId) => {
+        if (value !== selected && !inspectorReady())
+            return;
+        const next = () => { setSelected(value); setSelectedEdge(edgeId); if (value !== selected)
+            setStructureKeys([]); setInspector(value !== workflowDesignerStartId); };
+        if (value !== selected && leaveHandling.current)
+            leaveHandling.current(next);
+        else
+            next();
+    };
+    const selectEdge = (value) => {
+        const edge = displayGraph?.edges.find(edge => edge.id === value);
+        if (edge && ['branch', 'default'].includes(edge.kind))
+            selectNode(edge.from, value);
+        else
+            setSelectedEdge(value);
+    };
+    useEffect(() => {
+        if (!narrow || !inspector)
+            return;
+        const previous = document.activeElement;
+        const element = inspectorElement.current;
+        const keydown = (event) => {
+            if (!element || !element.contains(event.target) || event.defaultPrevented)
+                return;
+            if (event.key === 'Escape' && ![...element.querySelectorAll('[aria-expanded="true"]')].some(item => item.getClientRects().length)) {
+                event.preventDefault();
+                closeInspector();
+            }
+            if (event.key === 'Tab') {
+                const focusable = [...element.querySelectorAll('button:not(:disabled),input:not(:disabled),select:not(:disabled),textarea:not(:disabled),[tabindex="0"]')].filter(item => item.getClientRects().length);
+                const target = event.shiftKey && document.activeElement === focusable[0] ? focusable.at(-1) : !event.shiftKey && document.activeElement === focusable.at(-1) ? focusable[0] : undefined;
+                if (target) {
+                    event.preventDefault();
+                    target.focus();
+                }
+            }
+        };
+        element?.querySelector('button')?.focus();
+        document.addEventListener('keydown', keydown);
+        return () => { document.removeEventListener('keydown', keydown); previous?.focus({ preventScroll: true }); };
+    }, [narrow, inspector, stepInputInvalid, reminderDirty]);
+    const switchVersion = (value) => {
+        if (!inspectorReady())
+            return;
+        const next = () => { setPublishedView(value === 'published'); };
+        if (leaveHandling.current)
+            leaveHandling.current(next);
+        else
+            next();
+    };
+    const goBack = () => {
+        if (!inspectorReady())
+            return;
+        const next = () => { if (dirty) {
+            void save(true).then(saved => { if (saved) {
+                if (onBack)
+                    onBack();
+                else {
+                    const url = new URL(location.href);
+                    url.searchParams.delete('design');
+                    location.assign(url.href);
+                }
+            } });
+            return;
+        } if (onBack)
+            onBack();
+        else {
+            const url = new URL(location.href);
+            url.searchParams.delete('design');
+            location.assign(url.href);
+        } };
+        if (leaveHandling.current)
+            leaveHandling.current(next);
+        else
+            next();
+    };
+    const holds = () => holdIds.length || holdNodeIds.length ? [{ instanceIds: holdIds, nodeIds: holdNodeIds, reason: holdReason.trim() }] : [];
+    const check = async (value = draft, selectedHolds = holds()) => {
+        if (!value)
+            return;
+        setBusy(true);
+        setPreview(undefined);
+        try {
+            const result = await previewWorkflowDesignerPublication(workflowCode, { expectedRevision: value.revision, holds: selectedHolds });
+            setPreview(result);
+            setHoldCandidates(result.items);
+            setError(undefined);
+        }
+        catch (error) {
+            setError(String(error.message));
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    const openPublication = async () => {
+        const saved = dirty || frozenSave.current ? await save() : draft;
+        if (!saved)
+            return;
+        setScope('running_and_new');
+        setHoldIds([]);
+        setHoldNodeIds([]);
+        setHoldReason('');
+        setReason('');
+        setAcknowledge(false);
+        setPublication(true);
+        setPreview(undefined);
+        await check(saved, []);
+    };
+    const publish = async () => {
+        if (!draft || !reason.trim() || scope === 'running_and_new' && (holdIds.length || holdNodeIds.length) && !holdReason.trim())
+            return;
+        setBusy(true);
+        try {
+            frozenPublish.current ||= { expectedRevision: draft.revision, expectedHeadRevision: draft.baseHeadRevision, operationId: createBrowserUuid(), reason: reason.trim(), scope, holds: scope === 'running_and_new' ? holds() : [], acknowledgeExceptions: acknowledge };
+            const result = await publishWorkflowDesigner(workflowCode, frozenPublish.current);
+            frozenPublish.current = undefined;
+            setReceipt(result);
+            setPublication(false);
+            await load();
+            onPublished?.(result);
+            message.success('流程版本已发布并启用');
+        }
+        catch (error) {
+            if (refused(error))
+                frozenPublish.current = undefined;
+            setError(`${String(error.message)}${refused(error) ? '。草稿已保留。' : '。结果待确认，重试将使用原发布请求。'}`);
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    const openAssistant = async () => {
+        if (disabled || !inspectorReady())
+            return;
+        if (dirty || frozenSave.current) {
+            const saved = await save();
+            if (!saved)
+                return;
+        }
+        setInspector(true);
+        setAssistantOpen(true);
+    };
+    const showVersions = async () => {
+        setVersionsOpen(true);
+        setBusy(true);
+        try {
+            setVersions(await listWorkflowDesignerPublications(workflowCode));
+        }
+        catch (error) {
+            setError(String(error.message));
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    const retryAux = async () => {
+        if (!frozenAux.current)
+            return;
+        setBusy(true);
+        try {
+            await frozenAux.current();
+            frozenAux.current = undefined;
+            setError(undefined);
+        }
+        catch (error) {
+            if (refused(error))
+                frozenAux.current = undefined;
+            setError(`${String(error.message)}${refused(error) ? '。输入已保留。' : '。结果待确认，请重试原操作。'}`);
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    const restore = async (version) => {
+        if (!draft || frozenAux.current)
+            return;
+        const input = { version, expectedRevision: draft.revision, expectedHeadRevision: draft.baseHeadRevision, operationId: createBrowserUuid() };
+        frozenAux.current = async () => {
+            const restored = await restoreWorkflowDesignerVersion(workflowCode, input);
+            setDraft(restored);
+            setDefinition(restored.definition);
+            setBinding(restored.binding);
+            setHistory([]);
+            setFuture([]);
+            setVersionsOpen(false);
+            message.success('历史版本已恢复到草稿，检查后可发布');
+        };
+        await retryAux();
+    };
+    const control = async (action) => {
+        if (!receipt || !draft || frozenAux.current)
+            return;
+        const publicationId = receipt.publicationId;
+        const input = { expectedHeadRevision: draft.baseHeadRevision, operationId: createBrowserUuid(), action, reason: action === 'pause' ? '管理员暂停更新' : action === 'retry_failed' ? '管理员重试更新失败的申请' : '管理员继续更新' };
+        frozenAux.current = async () => { setReceipt(await controlWorkflowDesignerPublication(workflowCode, publicationId, input)); };
+        await retryAux();
+    };
+    const searchHolds = async (keyword) => {
+        try {
+            setHoldCandidates(await searchWorkflowDesignerHoldCandidates(workflowCode, keyword));
+        }
+        catch (error) {
+            setError(String(error.message));
+        }
+    };
+    const releaseHolds = async () => {
+        if (!receipt || !draft || !releaseIds.length || !releaseReason.trim() || frozenAux.current)
+            return;
+        const publicationId = receipt.publicationId;
+        const input = { expectedHeadRevision: draft.baseHeadRevision, operationId: createBrowserUuid(), action: 'release_holds', instanceIds: releaseIds, reason: releaseReason.trim() };
+        frozenAux.current = async () => { setReceipt(await controlWorkflowDesignerPublication(workflowCode, publicationId, input)); setReleaseIds([]); setReleaseReason(''); };
+        await retryAux();
+    };
+    const insertNode = (chosenTemplate = template, chosenTitle = nodeTitle, edgeId = insert) => {
+        const edge = displayGraph?.edges.find(item => item.id === edgeId);
+        if (!edge || !definition || !chosenTitle.trim())
+            return;
+        const nodeId = id();
+        if (chosenTemplate === 'parallel') {
+            const joinId = id(), branches = [{ id: 'branch_1', title: '分支 1' }, { id: 'branch_2', title: '分支 2' }];
+            try {
+                const next = edge.from === workflowDesignerStartId ? { ...definition, startAt: nodeId, nodes: { ...definition.nodes,
+                        [nodeId]: { id: nodeId, kind: 'parallel', title: chosenTitle.trim(), join: joinId, branches: branches.map(branch => ({ ...branch, target: joinId })) },
+                        [joinId]: { id: joinId, kind: 'join', title: '全部完成后继续', parallel: nodeId, next: edge.to } } } :
+                    editWorkflowDesignerDefinition(definition, { type: 'insert_parallel', from: edge.from, target: edge.to, id: nodeId, joinId, title: chosenTitle.trim(), branches, edge: edge.kind === 'branch' ? (edge.priority || 1) - 1 : edge.kind === 'default' ? 'default' : edge.kind });
+                mutate(next);
+                setSelected(nodeId);
+                setInspector(true);
+                setStructureKeys([]);
+                setInsert(undefined);
+            }
+            catch (failure) {
+                message.error(failure instanceof Error ? failure.message : '并行分支添加失败');
+            }
+            return;
+        }
+        let next;
+        let nextBinding = binding;
+        let insertionDefinition = definition;
+        if (chosenTemplate === 'condition')
+            next = { id: nodeId, kind: 'condition', title: chosenTitle.trim(), branches: [{ label: '条件 1', when: defaultWorkflowCondition(variables), target: edge.to }], otherwise: edge.to };
+        else if (chosenTemplate === 'platform_notify')
+            next = { id: nodeId, kind: 'action', title: chosenTitle.trim(), next: edge.to,
+                handler: { code: WORKFLOW_PLATFORM_NOTIFY_HANDLER, version: 1, mode: 'reconciled-effect' },
+                inputSchema: structuredClone(WORKFLOW_PLATFORM_NOTIFY_INPUT_SCHEMA), outputSchema: structuredClone(WORKFLOW_PLATFORM_NOTIFY_OUTPUT_SCHEMA),
+                inputs: { text: { source: 'literal', value: '请关注此申请的最新进展。' } }, notification: { template: 'workflow_message', recipients: { provider: 'initiator' } } };
+        else if (['approval', 'handle', 'cc'].includes(chosenTemplate)) {
+            let reject = Object.values(definition.nodes).find(node => node.kind === 'end' && node.outcome === 'rejected')?.id;
+            if (chosenTemplate === 'approval' && !reject) {
+                reject = id();
+                insertionDefinition = { ...definition, nodes: { ...definition.nodes, [reject]: { id: reject, kind: 'end', title: '申请已拒绝', outcome: 'rejected' } } };
+            }
+            next = createWorkflowHumanNode(nodeId, chosenTemplate, chosenTitle.trim(), edge.to, undefined, catalog?.taskPages, reject);
+            nextBinding = { ...binding, bindings: { ...binding.bindings, [workflowCanvasBindingKey(nodeId)]: { provider: 'fixed_users', users: [] } } };
+        }
+        else if (chosenTemplate === 'action') {
+            const step = catalog?.steps[0];
+            if (!step) {
+                message.info('应用还没有发布可选业务步骤，请通过 AI 助手准备新能力。');
+                setAssistantContext('当前应用没有可选业务步骤。请提出需要由应用开发新增并发布的步骤能力方案，不要假设未发布代码已经可以执行。');
+                setAssistantOpen(true);
+                setInspector(true);
+                return;
+            }
+            next = { ...structuredClone(step), id: nodeId, kind: 'action', next: edge.to, inputs: {} };
+        }
+        else {
+            const source = draft?.publishedDefinition.nodes[chosenTemplate];
+            if (!source || !['approval', 'handle', 'cc', 'action'].includes(source.kind))
+                return;
+            if (source.kind === 'approval' || source.kind === 'handle' || source.kind === 'cc') {
+                next = createWorkflowHumanNode(nodeId, source.kind, chosenTitle.trim(), edge.to, 'taskPageCode' in source ? source.taskPageCode : undefined, catalog.taskPages, source.kind === 'approval' ? source.onReject : undefined);
+                if (next.kind === 'approval' || next.kind === 'handle')
+                    next.mode = source.kind === 'approval' || source.kind === 'handle' ? source.mode : 'single';
+                nextBinding = { ...binding, bindings: { ...binding.bindings, [workflowCanvasBindingKey(nodeId)]: structuredClone(draft.publishedBinding.bindings[source.binding]) } };
+            }
+            else if (source.kind === 'action')
+                next = { ...structuredClone(source), id: nodeId, title: chosenTitle.trim(), next: edge.to };
+            else
+                return;
+        }
+        try {
+            mutate(edge.from === workflowDesignerStartId ? { ...insertionDefinition, startAt: next.id, nodes: { ...insertionDefinition.nodes, [next.id]: next } } : editWorkflowDesignerDefinition(insertionDefinition, { type: 'insert', from: edge.from, target: edge.to, node: next, edge: edge.kind === 'branch' ? (edge.priority || 1) - 1 : edge.kind === 'default' ? 'default' : edge.kind }), nextBinding);
+            setSelected(nodeId);
+            setInspector(true);
+            setStructureKeys([]);
+            setInsert(undefined);
+        }
+        catch (error) {
+            setError(String(error.message));
+        }
+    };
+    if (!draft || !definition || !graph || nativeHeadRevision == null)
+        return error ? _jsx(Alert, { type: "error", title: "\u6D41\u7A0B\u8BBE\u8BA1\u672A\u80FD\u8F7D\u5165", description: error, action: _jsx(Button, { onClick: () => void load().catch(error => setError(String(error.message))), children: "\u91CD\u65B0\u8F7D\u5165" }) }) : _jsx(Skeleton, { active: true });
+    const targets = Object.values(definition.nodes).filter(item => item.id !== selected).map(item => ({ value: item.id, label: item.title || item.id }));
+    const typeIcons = { approval: UserOutlined, handle: FormOutlined, condition: BranchesOutlined, parallel: BranchesOutlined, join: CheckCircleOutlined, action: CodeOutlined, cc: CopyOutlined, correction: FormOutlined, end: CheckCircleOutlined, start: PlayCircleOutlined };
+    const NodeIcon = isWorkflowPlatformNotify(node) ? BellOutlined : typeIcons[node?.kind] || CodeOutlined;
+    const summaries = Object.fromEntries((configurations?.nodes || []).map(item => {
+        const binding = item.effective.binding;
+        const source = binding?.provider === 'fixed_users' ? `指定成员：${(binding.users || []).map(user => configurations?.principals.users.find(person => person.value === user)?.label || '成员').join('、')}` : ['app_role', 'app_role_in_scope'].includes(binding?.provider || '') ? `应用角色：${(binding?.roleCodes || (binding?.roleCode ? [binding.roleCode] : [])).map(code => configurations?.principals.roles.find(role => role.code === code)?.name || '已配置角色').join('、')}` : binding?.provider === 'supervisor_chain' ? formatWorkflowSupervisorChain(binding) : '按已配置的人员规则';
+        const mode = { single: '单人', any: '或签', all: '会签', sequence: '依次审批' }[item.effective.mode || ''] || '';
+        return [item.nodeId, `${mode}${mode ? ' · ' : ''}${source}`];
+    }));
+    const human = node?.kind === 'approval' || node?.kind === 'handle';
+    const panel = _jsxs("div", { className: "oxa-workflow-designer-inspector", children: [_jsxs("header", { children: [_jsx("span", { className: `oxa-designer-inspector-icon kind-${node?.kind || 'start'}`, children: _jsx(NodeIcon, {}) }), _jsx("h2", { children: node?.title || '流程发起' }), _jsx(Tag, { children: isWorkflowPlatformNotify(node) ? '通知节点' : kinds[node?.kind || ''] || '发起' }), _jsx(Button, { type: "text", icon: _jsx(CloseOutlined, {}), "aria-label": "\u5173\u95ED\u8282\u70B9\u8BBE\u7F6E", onClick: closeInspector })] }), node ? _jsxs(_Fragment, { children: [_jsx("div", { hidden: human && structureKeys.includes('return'), children: liveNode && configurations && ['approval', 'handle', 'cc'].includes(node.kind) ? _jsx(WorkflowNodeConfigurationEditor, { workflowCode: workflowCode, node: liveNode, principals: configurations.principals, expectedHeadRevision: nativeHeadRevision, presentation: "inline", readOnly: publishedView, compact: !detailInspector && !narrow, onExpand: () => { setDetailInspector(true); setOutline(false); }, onClose: closeInspector, onStateChange: handlingStateChanged, onLeaveGuardChange: handlingGuardChanged, returnSummary: human && (node.returnPolicy?.targets || node.returnTargets || []).length ? _jsxs("div", { children: [_jsx(Tag, { color: "gold", children: "\u968F\u8349\u7A3F\u53D1\u5E03" }), _jsx("div", { children: (node.returnPolicy?.targets || (node.returnTargets || []).map(nodeId => ({ nodeId, defaultRoute: 'replay' }))).map(target => _jsxs("p", { children: [definition.nodes[target.nodeId]?.title || '退回目标', " \u00B7 ", target.defaultRoute === 'resume' ? '重新提交后直接回到本节点' : '重新提交后重新按流程流转'] }, target.nodeId)) }), _jsx(Button, { type: "link", size: "small", onClick: () => setStructureKeys(['return']), children: "\u7F16\u8F91\u9000\u56DE\u8BBE\u7F6E" })] }) : undefined, onSaved: () => { void refreshHandling().catch(failure => setError(`办理设置已保存，重新读取失败：${String(failure.message)}`)); } }, `${liveNode.nodeId}:${liveNode.configuration.revision}`) : draft.publishedDefinition.nodes[node.id] && ['approval', 'handle', 'cc'].includes(node.kind) ? _jsx(Alert, { type: "warning", showIcon: true, title: "\u5DF2\u53D1\u5E03\u8282\u70B9\u7684\u529E\u7406\u8BBE\u7F6E\u672A\u80FD\u8F7D\u5165", description: "\u6B64\u8282\u70B9\u4E0D\u662F\u65B0\u589E\u8349\u7A3F\u8282\u70B9\uFF0C\u8BF7\u91CD\u65B0\u8BFB\u53D6\u914D\u7F6E\u540E\u4FEE\u6539\u3002", action: _jsx(Button, { onClick: () => void refreshHandling().catch(failure => setError(String(failure.message))), children: "\u91CD\u65B0\u8BFB\u53D6\u529E\u7406\u8BBE\u7F6E" }) }) : ['approval', 'handle', 'cc'].includes(node.kind) && _jsx(WorkflowDraftHandlingEditor, { node: node, baseline: node, bindingOptions: Object.keys(draft.publishedBinding.bindings).map(value => ({ value, label: value })), binding: binding?.bindings['binding' in node ? node.binding : ''], sources: catalog.peopleSources, principals: configurations?.principals || { users: [], roles: [] }, disabled: disabled, onBindingChange: entry => { if (!('binding' in node) || !binding)
+                                return; mutate({ ...definition, nodes: { ...definition.nodes, [node.id]: { ...node, ...(entry.provider === 'supervisor_chain' && entry.continuous !== false ? { mode: 'sequence' } : {}) } } }, { ...binding, bindings: { ...binding.bindings, [node.binding]: entry } }); }, onChange: patch }) }), node.kind === 'action' && !isWorkflowPlatformNotify(node) && catalog && _jsx(WorkflowBusinessStepEditor, { node: node, catalog: catalog, variables: variables, disabled: disabled, onValidityChange: setStepInputInvalid, onChange: patch, onAssistant: () => { setAssistantContext(`当前步骤：${node.title}（${node.handler.code} v${node.handler.version}）。需要新增业务能力时，请提出源代码与发布契约的改造方案，不要假设新能力已经发布。`); setAssistantOpen(true); setInspector(true); } }, `${node.id}:${node.handler.code}`), node.kind === 'parallel' && _jsx(WorkflowParallelConfigurationEditor, { node: node, selectedBranch: node.branches[(graph.edges.find(edge => edge.id === selectedEdge && edge.from === node.id)?.priority || 0) - 1]?.id, variables: variables, disabled: disabled, onChange: value => patch({ branches: value.branches }), onRemove: branchId => mutate(editWorkflowDesignerDefinition(definition, { type: 'remove_parallel_branch', nodeId: node.id, branchId })) }, node.id), node.kind === 'join' && _jsx(Alert, { type: "info", showIcon: true, title: "\u672C\u6B21\u8FDB\u5165\u7684\u5168\u90E8\u5206\u652F\u5B8C\u6210\u540E\u7EE7\u7EED", description: "\u6C47\u5408\u70B9\u4E0E\u5E76\u884C\u5206\u652F\u6210\u5BF9\u7EF4\u62A4\u3002\u82E5\u8981\u5220\u9664\u6574\u4E2A\u5E76\u884C\u533A\u57DF\uFF0C\u8BF7\u5728\u5E76\u884C\u8282\u70B9\u8BBE\u7F6E\u4E2D\u64CD\u4F5C\u3002" }), node.kind === 'condition' && _jsx(WorkflowConditionConfigurationEditor, { node: node, variables: variables, targets: targets, selectedBranch: graph.edges.find(edge => edge.id === selectedEdge && edge.from === node.id && edge.kind === 'branch')?.priority ? graph.edges.find(edge => edge.id === selectedEdge).priority - 1 : undefined, disabled: disabled, onChange: value => patch({ branches: value.branches, otherwise: value.otherwise }) }, node.id), human && structureKeys.includes('return') && _jsxs(_Fragment, { children: [_jsx(Button, { type: "link", className: "oxa-designer-return-back", icon: _jsx(ArrowLeftOutlined, {}), onClick: () => setStructureKeys([]), children: "\u8FD4\u56DE\u8282\u70B9\u914D\u7F6E" }), _jsx(WorkflowReturnPolicyEditor, { definition: definition, node: node, disabled: disabled, onChange: returnPolicy => patch({ returnPolicy, returnTargets: returnPolicy.targets.map(target => target.nodeId) }) })] }), _jsxs("section", { className: "oxa-designer-draft-band", hidden: human && structureKeys.includes('return'), children: [_jsx("h3", { children: "\u6D41\u7A0B\u7ED3\u6784 \u00B7 \u968F\u8349\u7A3F\u53D1\u5E03" }), _jsx(Collapse, { ghost: true, activeKey: structureKeys, onChange: keys => setStructureKeys(Array.isArray(keys) ? keys : [keys]), items: [
+                                    { key: 'name', label: '节点名称', extra: _jsx("span", { children: node.title || '未命名节点' }), children: _jsxs("label", { children: ["\u8282\u70B9\u540D\u79F0", _jsx(Input, { disabled: disabled, value: node.title || '', onChange: event => patch({ title: event.target.value }) })] }) },
+                                    ...(human ? [{ key: 'return', label: '退回设置', extra: _jsx("span", { children: (node.returnPolicy?.targets || node.returnTargets || []).length ? `可退回 ${(node.returnPolicy?.targets || node.returnTargets || []).length} 个节点` : '未配置退回目标' }), children: null }] : []),
+                                    ...(['approval', 'handle', 'correction'].includes(node.kind) ? [{ key: 'reminder', label: '办理提醒', extra: _jsx("span", { children: 'reminders' in node && node.reminders ? `${node.reminders.afterSeconds >= 3600 ? `${node.reminders.afterSeconds / 3600} 小时` : `${node.reminders.afterSeconds / 60} 分钟`}后提醒` : '未设置提醒' }), children: _jsx(_Fragment, { children: ['approval', 'handle', 'correction'].includes(node.kind) && _jsx(WorkflowReminderEditor, { rule: 'reminders' in node ? node.reminders : undefined, disabled: disabled, onDirtyChange: setReminderDirty, onChange: reminders => patch({ reminders }) }, node.id) }) }] : []),
+                                    ...((human || 'taskPageCode' in node) ? [{ key: 'page', label: '本节点表单', extra: _jsx("span", { children: definition.taskPages?.[node.taskPageCode || '']?.title || '应用自定义页面' }), children: _jsxs(_Fragment, { children: [human && !liveNode ? _jsx(Select, { "aria-label": "\u672C\u8282\u70B9\u8868\u5355", allowClear: true, disabled: disabled, value: node.taskPageCode, placeholder: "\u6807\u51C6\u53EA\u8BFB\u8BE6\u60C5\uFF08\u4E0D\u4FDD\u5B58\u8868\u5355\uFF09", options: Object.entries(catalog.taskPages).map(([value, page]) => ({ value, label: page.title })), onChange: pageCode => { const standard = createWorkflowHumanNode(node.id, node.kind, node.title, node.kind === 'approval' ? node.onApprove : node.next, pageCode, catalog.taskPages, node.kind === 'approval' ? node.onReject : undefined); patch({ taskPageCode: pageCode, fieldPolicy: 'fieldPolicy' in standard ? standard.fieldPolicy : undefined, administration: 'administration' in standard ? standard.administration : undefined, allowedOperations: 'allowedOperations' in standard ? standard.allowedOperations : undefined, requiredOperations: 'requiredOperations' in standard ? standard.requiredOperations : undefined, operationPolicy: 'operationPolicy' in standard ? standard.operationPolicy : undefined }); } }) : null, _jsx("p", { children: "\u9875\u9762\u5185\u5BB9\u4E0E\u53EF\u7F16\u8F91\u5B57\u6BB5\u4E0A\u9650\u6765\u81EA\u5E94\u7528\u53D1\u5E03\u7684\u9875\u9762\uFF1B\u6CA1\u6709\u4EFB\u52A1\u8868\u5355\u65F6\u4F7F\u7528\u6807\u51C6\u53EA\u8BFB\u8BE6\u60C5\uFF0C\u4E0D\u63D0\u4F9B\u8868\u5355\u4FDD\u5B58\u3002" })] }) }] : []),
+                                    { key: 'advanced', label: human ? '人员规则与流转路径' : '节点配置', children: _jsxs(_Fragment, { children: [_jsxs("label", { children: ["\u8282\u70B9\u540D\u79F0", _jsx(Input, { disabled: disabled, value: node.title || '', onChange: event => patch({ title: event.target.value }) })] }), (node.kind === 'approval' || node.kind === 'handle') && _jsxs(_Fragment, { children: [_jsxs("label", { children: [node.kind === "handle" ? "办理完成后" : "通过后", _jsx(Select, { disabled: disabled, value: node.kind === "handle" ? node.next : node.onApprove, options: targets, onChange: target => patch(node.kind === "handle" ? { next: target } : { onApprove: target }) })] }), node.kind === "approval" && _jsxs("label", { children: ["\u62D2\u7EDD\u540E", _jsx(Select, { disabled: disabled, value: node.onReject, options: targets, onChange: onReject => patch({ onReject }) })] })] }), node.kind === 'action' && isWorkflowPlatformNotify(node) && _jsx(WorkflowNotificationEditor, { node: node, variables: variables, roles: configurations?.principals.roles || [], users: configurations?.principals.users || [], disabled: disabled, onChange: patch }), 'next' in node && _jsxs("label", { children: ["\u5B8C\u6210\u540E", _jsx(Select, { disabled: disabled, value: node.next, options: targets, onChange: next => patch({ next }) })] }), 'taskPageCode' in node && _jsxs("p", { children: ["\u672C\u8282\u70B9\u9875\u9762\uFF1A", definition.taskPages?.[node.taskPageCode || '']?.title || '按应用页面规则填写' || '标准审批页面'] }), !['end', 'correction', 'join'].includes(node.kind) && _jsx(Popconfirm, { title: node.kind === 'parallel' ? '删除并行区域及其中的所有节点？' : '删除节点并连接后续路径？', onConfirm: () => { if (!inspectorReady())
+                                                        return; try {
+                                                        const next = editWorkflowDesignerDefinition(definition, { type: 'remove', nodeId: node.id, ...(node.kind === 'condition' ? { reconnectTo: node.otherwise } : {}) });
+                                                        mutate(next);
+                                                        setSelected(next.startAt);
+                                                    }
+                                                    catch {
+                                                        message.error('此节点有多个出口，请先选择明确的后续节点。');
+                                                    } }, children: _jsx(Button, { danger: true, disabled: disabled, children: "\u5220\u9664\u8282\u70B9" }) })] }) },
+                                ] })] })] }) : _jsx("p", { children: "\u53D1\u8D77\u540E\u6309\u6D41\u7A0B\u7ED3\u6784\u8FDB\u5165\u7B2C\u4E00\u4E2A\u8282\u70B9\u3002" })] });
+    const diagnostic = (error) => {
+        const [code, nodeId] = error.split(':');
+        const title = nodeId ? definition.nodes[nodeId]?.title || '节点' : '流程';
+        const messages = { WORKFLOW_DESIGNER_CYCLE: '后续路径形成循环', WORKFLOW_DESIGNER_TARGET_MISSING: '后续节点不存在', WORKFLOW_DESIGNER_UNREACHABLE: '尚未连接到流程', WORKFLOW_DESIGNER_CONDITION_TYPE: '条件变量与比较值类型不一致', WORKFLOW_DESIGNER_VARIABLE_UNKNOWN: '条件变量来源无法确认', WORKFLOW_DESIGNER_CONDITION_BOOLEAN: '条件需要产生满足或不满足的判断', WORKFLOW_DESIGNER_BRANCH_LIMIT: '条件分支数量超出限制' };
+        return `${title}：${messages[code || ''] || '配置需要调整'}`;
+    };
+    return _jsxs("section", { className: "oxa-workflow-designer", "aria-label": "\u6D41\u7A0B\u8BBE\u8BA1\u5668", children: [_jsxs("header", { className: "oxa-designer-toolbar", children: [_jsxs("div", { className: "oxa-designer-toolbar-identity", children: [_jsx(Tooltip, { title: "\u8FD4\u56DE\u6D41\u7A0B\u56FE", children: _jsx(Button, { icon: _jsx(ArrowLeftOutlined, {}), "aria-label": "\u8FD4\u56DE\u6D41\u7A0B\u56FE", disabled: busy || assistantState.unknown || liveState.busy || liveState.unknown, onClick: goBack }) }), _jsx("span", { className: "oxa-designer-toolbar-label", children: "\u6D41\u7A0B\u8BBE\u8BA1" }), _jsx("strong", { children: definition.title }), _jsx(Tag, { color: "blue", children: draft.environmentKey === 'production' ? '正式环境' : '测试环境' }), _jsx(Segmented, { "aria-label": "\u6D41\u7A0B\u8BBE\u8BA1\u67E5\u770B\u7248\u672C", value: publishedView ? 'published' : 'draft', onChange: switchVersion, options: [{ value: 'published', label: `已发布 v${draft.definitionVersion}` }, { value: 'draft', label: '草稿' }] }), _jsx("span", { className: "oxa-designer-save-state", children: busy && frozenSave.current ? '正在保存…' : dirty ? errors.length ? '修改待检查' : '草稿未保存' : `${draft.updatedAt ? '草稿已自动保存' : '草稿与已发布版本一致'}${draft.updatedAt ? ` ${new Date(draft.updatedAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}` : ''}` }), (frozenSave.current || dirty && error) && _jsx(Button, { type: "link", disabled: busy, onClick: () => void save(), children: frozenSave.current ? '重试原保存请求' : '重试保存' })] }), _jsxs(Space, { size: 8, className: "oxa-designer-toolbar-actions", children: [_jsx(Tooltip, { title: "\u64A4\u9500", children: _jsx(Button, { icon: _jsx(UndoOutlined, {}), "aria-label": "\u64A4\u9500", disabled: disabled || stepInputInvalid || reminderDirty || !history.length, onClick: () => { const previous = history.at(-1); if (previous) {
+                                        setFuture(current => [...current, { definition, binding: binding }]);
+                                        setHistory(current => current.slice(0, -1));
+                                        setDefinition(previous.definition);
+                                        setBinding(previous.binding);
+                                    } }, children: "\u64A4\u9500" }) }), _jsx(Tooltip, { title: "\u91CD\u505A", children: _jsx(Button, { icon: _jsx(RedoOutlined, {}), "aria-label": "\u91CD\u505A", disabled: disabled || stepInputInvalid || reminderDirty || !future.length, onClick: () => { const next = future.at(-1); if (next) {
+                                        setHistory(current => [...current, { definition, binding: binding }]);
+                                        setFuture(current => current.slice(0, -1));
+                                        setDefinition(next.definition);
+                                        setBinding(next.binding);
+                                    } }, children: "\u91CD\u505A" }) }), _jsx(Button, { icon: _jsx(SafetyOutlined, {}), onClick: () => setChecksOpen(true), children: "\u7ED3\u6784\u68C0\u67E5" }), _jsx(Button, { icon: _jsx(HistoryOutlined, {}), onClick: () => void showVersions(), children: "\u7248\u672C\u8BB0\u5F55" }), _jsx(Button, { icon: _jsx(RobotOutlined, {}), disabled: disabled || liveState.busy || liveState.unknown, onClick: () => { const open = () => void openAssistant(); if (leaveHandling.current)
+                                    leaveHandling.current(open);
+                                else
+                                    open(); }, children: "AI \u52A9\u624B" }), _jsx(Button, { type: "primary", disabled: disabled || stepInputInvalid || reminderDirty || errors.length > 0 || liveState.dirty || liveState.busy || liveState.unknown, onClick: () => void openPublication(), children: "\u53D1\u5E03\u5E76\u542F\u7528" })] })] }), error && _jsx(Alert, { type: "error", title: error, action: frozenSave.current ? _jsx(Button, { onClick: () => void save(), children: "\u91CD\u8BD5\u4FDD\u5B58" }) : frozenAux.current ? _jsx(Button, { onClick: () => void retryAux(), children: "\u91CD\u8BD5\u539F\u64CD\u4F5C" }) : undefined }), receipt && _jsxs(_Fragment, { children: [_jsx(Alert, { type: receipt.counts.failed || receipt.counts.excepted ? 'warning' : 'success', title: `已发布 v${receipt.definitionVersion} · ${receipt.status === 'running' ? '正在更新进行中的申请' : '更新处理结束'}`, description: Object.entries(receipt.counts).map(([key, count]) => `${outcomeLabels[key] || key} ${count}`).join(' · '), action: _jsxs(Space, { children: [receipt.status === 'running' && _jsx(Button, { disabled: busy, onClick: () => void control('pause'), children: "\u6682\u505C\u66F4\u65B0" }), receipt.status === 'paused' && _jsx(Button, { disabled: busy, onClick: () => void control('resume'), children: "\u7EE7\u7EED\u66F4\u65B0" }), !!receipt.counts.failed && _jsx(Button, { disabled: busy, onClick: () => void control('retry_failed'), children: "\u91CD\u8BD5\u5931\u8D25\u7684\u7533\u8BF7" })] }) }), receipt.items?.length ? _jsxs("details", { children: [_jsx("summary", { children: "\u67E5\u770B\u7533\u8BF7\u66F4\u65B0\u8BB0\u5F55" }), _jsx(Table, { size: "small", rowKey: "instanceId", dataSource: receipt.items, pagination: { pageSize: 5 }, columns: [{ title: '申请', dataIndex: 'business_key' }, { title: '结果', render: (_, item) => outcomeLabels[item.outcome] || item.outcome }, { title: '原因', dataIndex: 'reason' }] }), receipt.items.some(item => item.outcome === 'held') && _jsxs("div", { style: { padding: 12 }, children: [_jsxs("label", { children: ["\u89E3\u9664\u539F\u7248\u672C\u4FDD\u7559", _jsx(Select, { mode: "multiple", style: { width: '100%' }, value: releaseIds, disabled: busy || !!frozenAux.current, options: receipt.items.filter(item => item.outcome === 'held').map(item => ({ value: item.instanceId, label: item.business_key })), onChange: setReleaseIds })] }), _jsx(Input, { "aria-label": "\u89E3\u9664\u4FDD\u7559\u8BF4\u660E", maxLength: 1000, value: releaseReason, disabled: busy || !!frozenAux.current, onChange: event => setReleaseReason(event.target.value), placeholder: "\u8BF4\u660E\u4E3A\u4EC0\u4E48\u5C06\u8FD9\u4E9B\u7533\u8BF7\u66F4\u65B0\u5230\u5F53\u524D\u7248\u672C" }), _jsx(Button, { disabled: busy || !!frozenAux.current || !releaseIds.length || !releaseReason.trim(), onClick: () => void releaseHolds(), children: "\u89E3\u9664\u4FDD\u7559\u5E76\u66F4\u65B0" })] })] }) : null] }), _jsxs("div", { className: `oxa-designer-workspace ${outline ? '' : 'without-outline'} ${inspector ? '' : 'without-inspector'} ${detailInspector ? 'detail-inspector' : ''}`, children: [_jsxs("aside", { className: "oxa-designer-outline", "aria-label": "\u6D41\u7A0B\u5927\u7EB2", children: [_jsxs("div", { className: "oxa-designer-outline-heading", children: [outline && _jsx("strong", { children: "\u6D41\u7A0B\u5927\u7EB2" }), _jsx(Button, { type: "text", icon: outline ? _jsx(MenuFoldOutlined, {}) : _jsx(MenuUnfoldOutlined, {}), "aria-label": outline ? '收起流程大纲' : '展开流程大纲', onClick: () => { const toggle = () => { if (!outline)
+                                            setDetailInspector(false); setOutline(value => !value); }; if (!outline && leaveHandling.current)
+                                            leaveHandling.current(toggle);
+                                        else
+                                            toggle(); } })] }), outline && _jsx(Input.Search, { size: "small", "aria-label": "\u641C\u7D22\u6D41\u7A0B\u8282\u70B9", placeholder: "\u641C\u7D22\u8282\u70B9", value: outlineKeyword, allowClear: true, onChange: event => setOutlineKeyword(event.target.value) }), _jsx("nav", { children: outlineNodes.filter(item => !outlineKeyword || item.title.includes(outlineKeyword)).map(item => {
+                                    const Icon = item.presentation === 'notification' ? BellOutlined : typeIcons[item.kind] || CodeOutlined;
+                                    return _jsx(Tooltip, { title: !outline ? item.title : undefined, placement: "right", children: _jsxs("button", { type: "button", className: `kind-${item.kind}`, "aria-label": item.title, "aria-pressed": item.edgeId ? selectedEdge === item.edgeId : selected === item.nodeId, style: outline && item.depth ? { paddingLeft: 14 + item.depth * 16 } : undefined, onClick: () => item.edgeId ? selectEdge(item.edgeId) : selectNode(item.nodeId), children: [_jsx(Icon, {}), outline && _jsx("span", { children: item.title })] }) }, item.id);
+                                }) }), outline && _jsxs("footer", { children: [_jsx("strong", { children: "\u68C0\u67E5\u7ED3\u679C" }), _jsxs("button", { type: "button", onClick: () => setChecksOpen(true), children: [_jsx(CheckCircleOutlined, {}), " ", errors.length ? `发现 ${errors.length} 项问题` : '未发现问题'] })] })] }), _jsxs("main", { children: [_jsxs("div", { className: "oxa-designer-banner", children: [publishedView ? `正在查看已发布 v${draft.definitionVersion}` : '正在编辑草稿', " \u00B7 \u53D1\u5E03\u5E76\u542F\u7528\u65F6\u53EF\u66F4\u65B0\u8FDB\u884C\u4E2D\u7684\u7533\u8BF7"] }), _jsx(WorkflowDiagram, { graph: displayGraph, summaries: summaries, selectedNodeId: selected, selectedEdgeId: selectedEdge, onSelectEdge: selectEdge, onSelectNode: selectNode, presentation: "designer", insertionOptions: [{ value: 'approval', label: '审批', kind: 'approval' }, { value: 'handle', label: '办理', kind: 'handle' }, { value: 'cc', label: '抄送', kind: 'cc' }, ...(variables.length ? [{ value: 'condition', label: '条件分支', kind: 'condition' }] : []), { value: 'parallel', label: '并行分支', kind: 'parallel' }, { value: 'action', label: '业务步骤', kind: 'action' }, { value: 'platform_notify', label: '发送通知', kind: 'notification' }], onInsertEdge: disabled || stepInputInvalid || reminderDirty ? undefined : (value, chosenTemplate) => { const open = () => { if (chosenTemplate) {
+                                    const title = chosenTemplate === 'parallel' ? '并行分支' : chosenTemplate === 'condition' ? '条件分支' : chosenTemplate === 'platform_notify' ? '发送通知' : kinds[chosenTemplate] || draft.publishedDefinition.nodes[chosenTemplate]?.title || '新增节点';
+                                    insertNode(chosenTemplate, title, value);
+                                }
+                                else {
+                                    setInsert(value);
+                                    setNodeTitle('');
+                                    setTemplate('approval');
+                                } }; if (leaveHandling.current)
+                                    leaveHandling.current(open);
+                                else
+                                    open(); } }), !inspector && _jsx(Button, { className: "oxa-designer-show-inspector", onClick: () => setInspector(true), children: "\u8282\u70B9\u8BBE\u7F6E" }), _jsxs(Button, { className: "oxa-designer-mobile-inspector", onClick: () => setInspector(true), children: ["\u7F16\u8F91 ", node?.title || '节点'] })] }), inspector && narrow && _jsx("button", { type: "button", className: "oxa-designer-inspector-backdrop", "aria-label": "\u5173\u95ED\u8282\u70B9\u8BBE\u7F6E", onClick: closeInspector }), _jsxs("aside", { style: { display: inspector ? undefined : 'none' }, ref: inspectorElement, className: "oxa-designer-desktop-inspector", role: narrow ? 'dialog' : undefined, "aria-modal": narrow ? true : undefined, "aria-label": assistantOpen ? 'AI 助手' : '节点设置', children: [_jsx("div", { hidden: assistantOpen, children: panel }), _jsx(WorkflowDesignerAssistant, { presentation: "panel", workflowCode: workflowCode, draft: draft, context: assistantContext, open: assistantOpen, canApply: !dirty && !busy && !liveState.dirty && !liveState.busy && !liveState.unknown && !frozenSave.current && !frozenPublish.current && !frozenAux.current, onClose: () => setAssistantOpen(false), onApplied: value => { setPublishedView(false); setDraft(value); setDefinition(value.definition); setBinding(value.binding); setHistory(current => { const snapshots = [...current, { definition, binding: binding }].slice(-25); while (snapshots.length > 1 && snapshots.reduce((bytes, item) => bytes + JSON.stringify(item).length, 0) > 4 * 1024 * 1024)
+                                    snapshots.shift(); return snapshots; }); setFuture([]); setError(undefined); }, onStateChange: setAssistantState })] })] }), _jsx(Drawer, { open: checksOpen, title: "\u6D41\u7A0B\u7ED3\u6784\u68C0\u67E5", width: 440, onClose: () => setChecksOpen(false), children: _jsx(Alert, { showIcon: true, type: errors.length ? 'warning' : 'success', title: errors.length ? `发现 ${errors.length} 项待修正的问题` : '未发现结构问题', description: errors.length ? errors.map(diagnostic).join('；') : '节点与流转路径已通过结构校验。发布时还会检查当前应用的人员规则、页面和业务步骤。' }) }), _jsxs(Modal, { open: !!insert, title: "\u65B0\u589E\u8282\u70B9", onCancel: () => setInsert(undefined), onOk: () => insertNode(), okText: "\u6DFB\u52A0", okButtonProps: { disabled: !nodeTitle.trim() || !template }, children: [_jsx("p", { children: "\u65B0\u589E\u7A7A\u767D\u8282\u70B9\u540E\u81EA\u884C\u914D\u7F6E\u4EBA\u5458\u3001\u6309\u94AE\u548C\u63D0\u9192\u3002\u4E1A\u52A1\u6B65\u9AA4\u4F7F\u7528\u5E94\u7528\u5DF2\u53D1\u5E03\u7684\u80FD\u529B\u3002" }), _jsxs("label", { children: ["\u8282\u70B9\u7C7B\u578B", _jsx(Select, { style: { width: '100%' }, value: template, onChange: setTemplate, options: [{ value: 'approval', label: '审批（空白）' }, { value: 'handle', label: '办理（空白）' }, { value: 'cc', label: '抄送（空白）' }, { value: 'action', label: '已发布业务步骤' }, { value: 'parallel', label: '并行分支' }, { value: 'platform_notify', label: '发送通知' }, ...(variables.length ? [{ value: 'condition', label: '条件分支' }] : []), ...Object.values(draft.publishedDefinition.nodes).filter(node => ['approval', 'handle', 'cc', 'action'].includes(node.kind)).map(node => ({ value: node.id, label: `复制已有配置 · ${node.title}` }))] })] }), _jsxs("label", { children: ["\u8282\u70B9\u540D\u79F0", _jsx(Input, { value: nodeTitle, onChange: event => setNodeTitle(event.target.value) })] })] }), _jsx(Drawer, { open: versionsOpen, title: "\u6D41\u7A0B\u7248\u672C\u8BB0\u5F55", width: 620, onClose: () => setVersionsOpen(false), children: _jsx(Table, { loading: busy, rowKey: "publicationId", dataSource: versions, pagination: { pageSize: 10 }, columns: [{ title: '版本', render: (_, item) => `v${item.definitionVersion}` }, { title: '说明', dataIndex: 'reason' }, { title: '发布时间', dataIndex: 'createdAt', render: value => new Date(value).toLocaleString() }, { title: '操作', render: (_, item) => _jsx(Popconfirm, { title: "\u5C06\u8BE5\u7248\u672C\u6062\u590D\u5230\u5171\u4EAB\u8349\u7A3F\uFF1F", description: "\u5F53\u524D\u8349\u7A3F\u5C06\u88AB\u66FF\u6362\uFF1B\u53D1\u5E03\u540E\u624D\u4F1A\u751F\u6548\u3002", onConfirm: () => void restore(item.definitionVersion), children: _jsx(Button, { disabled: busy || dirty || liveState.dirty || liveState.busy || liveState.unknown || !!frozenSave.current || !!frozenPublish.current || !!frozenAux.current, children: "\u6062\u590D\u5230\u8349\u7A3F" }) }) }] }) }), _jsxs(Modal, { open: publication, title: "\u53D1\u5E03\u5E76\u542F\u7528", width: 648, className: "oxa-designer-publish-modal", cancelText: "\u7EE7\u7EED\u7F16\u8F91", onCancel: () => { if (!frozenPublish.current)
+                    setPublication(false); }, onOk: () => void publish(), confirmLoading: busy, okText: frozenPublish.current ? '重试原发布请求' : '发布并启用', okButtonProps: { disabled: !reason.trim() || scope === 'running_and_new' && (holdIds.length > 0 || holdNodeIds.length > 0) && !holdReason.trim() || !preview || preview.truncated || scope === 'running_and_new' && !!preview.counts.excepted && !acknowledge }, children: [_jsxs("p", { children: ["\u5C06\u5F53\u524D\u8349\u7A3F\u53D1\u5E03\u5230", draft.environmentKey === 'production' ? '正式环境' : '测试环境', "\u3002\u68C0\u67E5\u901A\u8FC7\u540E\u7ACB\u5373\u751F\u6548\u3002"] }), _jsxs(Spin, { spinning: busy, children: [_jsxs("div", { className: "oxa-designer-publish-checks", children: [_jsx(CheckCircleOutlined, {}), _jsx("span", { children: preview ? '流程与应用能力检查已完成' : '正在检查流程与应用能力' })] }), _jsxs("fieldset", { disabled: busy || !!frozenPublish.current, children: [_jsx("h3", { children: "\u751F\u6548\u8303\u56F4" }), _jsxs(Radio.Group, { value: scope, disabled: busy || !!frozenPublish.current, onChange: event => setScope(event.target.value), className: "oxa-designer-publish-scope", children: [_jsxs(Radio, { value: "running_and_new", children: [_jsxs("strong", { children: ["\u8FDB\u884C\u4E2D\u7684\u7533\u8BF7\u548C\u65B0\u53D1\u8D77\u7684\u7533\u8BF7\u90FD\u4F7F\u7528\u65B0\u7248\u672C", _jsx(Tag, { color: "blue", children: "\u9ED8\u8BA4" })] }), _jsx("small", { children: "\u5DF2\u8FDB\u5165\u7684\u4EFB\u52A1\u4FDD\u7559\u539F\u6709\u4EBA\u9009\u3001\u6309\u94AE\u548C\u9875\u9762\uFF0C\u540E\u7EED\u6D41\u8F6C\u4F7F\u7528\u65B0\u7248\u672C\u3002" })] }), _jsxs(Radio, { value: "new_only", children: [_jsx("strong", { children: "\u4EC5\u65B0\u53D1\u8D77\u7684\u7533\u8BF7\u4F7F\u7528\u65B0\u7248\u672C" }), _jsx("small", { children: "\u8FDB\u884C\u4E2D\u7684\u7533\u8BF7\u7EE7\u7EED\u6309\u539F\u7248\u672C\u529E\u7406\u3002" })] })] }), scope === 'running_and_new' && _jsxs("details", { className: "oxa-designer-publish-holds", children: [_jsxs("summary", { children: ["\u6307\u5B9A\u4FDD\u7559\u5728\u539F\u7248\u672C\u7684\u7533\u8BF7", (holdIds.length > 0 || holdNodeIds.length > 0) && _jsx(Tag, { children: "\u5DF2\u6307\u5B9A" })] }), _jsxs("label", { children: ["\u4FDD\u7559\u539F\u7248\u672C\u7684\u7533\u8BF7", _jsx(Select, { mode: "multiple", showSearch: true, filterOption: false, onSearch: keyword => void searchHolds(keyword), disabled: busy || !!frozenPublish.current, value: holdIds, onChange: value => { setHoldIds(value); setPreview(undefined); }, options: holdCandidates.map(item => ({ value: item.instanceId, label: `${item.businessKey} · ${item.nodeTitle}` })) })] }), _jsxs("label", { children: ["\u4FDD\u7559\u5F53\u524D\u505C\u5728\u8FD9\u4E9B\u8282\u70B9\u7684\u7533\u8BF7", _jsx(Select, { mode: "multiple", disabled: busy || !!frozenPublish.current, value: holdNodeIds, options: Object.values(definition.nodes).filter(node => ['approval', 'handle', 'correction', 'action'].includes(node.kind)).map(node => ({ value: node.id, label: node.title || '流程节点' })), onChange: value => { setHoldNodeIds(value); setPreview(undefined); } })] }), (holdIds.length > 0 || holdNodeIds.length > 0) && _jsxs("label", { children: ["\u4FDD\u7559\u539F\u56E0", _jsx(Input, { disabled: busy || !!frozenPublish.current, value: holdReason, maxLength: 1000, onChange: event => setHoldReason(event.target.value) })] }), _jsx(Button, { disabled: busy || !!frozenPublish.current, onClick: () => void check(), children: "\u91CD\u65B0\u68C0\u67E5\u5F71\u54CD" })] }), preview && scope === 'running_and_new' && _jsxs(_Fragment, { children: [_jsx("h3", { children: "\u8FDB\u884C\u4E2D\u7684\u7533\u8BF7" }), _jsx("dl", { className: "oxa-designer-publish-counts", children: Object.entries(preview.counts).map(([key, count]) => _jsxs("div", { className: `outcome-${key}`, children: [_jsx("dt", { children: outcomeLabels[key] || key }), _jsx("dd", { children: count })] }, key)) }), preview.items.some(item => item.outcome !== 'eligible') && _jsxs("details", { className: "oxa-designer-publish-exceptions", children: [_jsx("summary", { children: "\u67E5\u770B\u9700\u5355\u72EC\u5904\u7406\u7684\u7533\u8BF7" }), _jsx(Table, { size: "small", rowKey: "instanceId", dataSource: preview.items.filter(item => item.outcome !== 'eligible'), pagination: { pageSize: 5 }, columns: [{ title: '申请', dataIndex: 'businessKey' }, { title: '处理', render: (_, item) => outcomeLabels[item.outcome] }, { title: '原因', dataIndex: 'reason' }] })] }), !!preview.counts.excepted && _jsx(Checkbox, { disabled: !!frozenPublish.current || busy, checked: acknowledge, onChange: event => setAcknowledge(event.target.checked), children: "\u6211\u5DF2\u4E86\u89E3\u4E0D\u80FD\u66F4\u65B0\u7684\u7533\u8BF7\u5C06\u4FDD\u7559\u539F\u7248\u672C\uFF0C\u5E76\u5728\u66F4\u65B0\u8BB0\u5F55\u4E2D\u5355\u72EC\u5217\u51FA\u3002" })] }), scope === 'new_only' && _jsx("p", { children: "\u65B0\u53D1\u8D77\u7684\u7533\u8BF7\u4F7F\u7528\u6B64\u7248\u672C\uFF0C\u8FDB\u884C\u4E2D\u7684\u7533\u8BF7\u4FDD\u6301\u5F53\u524D\u7248\u672C\u3002" }), _jsxs("label", { className: "oxa-designer-publish-reason", children: ["\u7248\u672C\u8BF4\u660E", _jsx(Input, { "aria-label": "\u6D41\u7A0B\u7248\u672C\u8BF4\u660E", disabled: busy || !!frozenPublish.current, value: reason, maxLength: 1000, onChange: event => setReason(event.target.value), placeholder: "\u8BF4\u660E\u672C\u6B21\u6D41\u7A0B\u7684\u8C03\u6574" })] })] })] })] })] });
+}
+//# sourceMappingURL=WorkflowDesigner.js.map