-
-
-
-
+ {/*
+ * 你点的就是它:选中的节点以**画布同款皮肤**摆在卡顶(活动蓝 / 审批琥珀,
+ * 左上角标同画布)—— 属性改的是哪一件,一眼对上,不用回图上找。
+ */}
+
+ {node.id}
+ {node.label || '(未命名)'}
+ {node.flavor === 'approval' ? '审批点' : '活动点'}
+
+
+ {/* 图签行:字段名住左格(mono 竖签),值住右格 —— 与图框的图签同一形制 */}
+
+ ID
+ {node.id}
+
+
+ 名称
patch((n) => ({ ...n, label: e.target.value }))}
/>
-
+
{node.kind === 'activity' && (
- <>
-
- patch((n) => ({ ...n, flavor: k === 'approval' ? ('approval' as const) : undefined }))}
- />
-
-
+
+ 类型
+ patch((n) => ({ ...n, flavor: k === 'approval' ? ('approval' as const) : undefined }))}
+ />
+
)}
-
{node.kind === 'activity' && node.flavor !== 'approval' && (
- <>
-
+
+ 实现
+
-
- {refAct === undefined ? (
- 还没链接活动库里已安装的实现 —— 图可以照画照存,激活前链上即可。
- ) : (
- /* 数据契约归活动自己 —— 要看它吃什么吐什么,去活动库看 */
-
- )}
-
+ {refAct !== undefined ? (
+ /* 数据契约归活动自己 —— 要看它吃什么吐什么,去活动库看 */
+
+ ) : (
+ 图可以照画照存,激活前链上即可
+ )}
+
+
)}
- {outEdges.map(({ edge, index }) => (
- /*
- * 出边条件:**分支归发起它的这个节点管**(Mastra 的 `.branch([[条件, 下一步], …])`
- * 就挂在上一步上)—— 边本身不是可编辑对象,它只是画布上的一条线。
- */
-
- patchEdge(index, (x) => ({ ...x, condition: e.target.value }))}
- />
-
- ))}
+ {outEdges.length > 0 && (
+ <>
+ {/*
+ * 出边 = 路由小表:**分支归发起它的这个节点管**(Mastra 的
+ * `.branch([[条件, 下一步], …])` 挂在上一步上)。三条重复的长提示收成一句;
+ * 条件留空即默认兜底(placeholder 说),边本身只是画布上的一条线。
+ */}
+
+ 出边 · {outEdges.length === 1 ? '直连' : '命中即走'}
+
+ {node.kind === 'activity' && node.flavor === 'approval'
+ ? '条件读审批裁决 verdict'
+ : '条件读本节点的输出字段'}
+
+
+ {outEdges.map(({ edge, index }) => {
+ const target = nodes.find((n) => n.id === edge.to);
+ return (
+
+
+ {edge.code ?? `边${index + 1}`}
+
+ {edge.to}
+ {target !== undefined && target.label !== '' && {target.label}}
+
+ patchEdge(index, (x) => ({ ...x, condition: e.target.value }))}
+ />
+
+ );
+ })}
+
+ )}
-
-
-
-