@republicroad/seal-editor 1.1.0 → 1.2.0

package/README.md

@@ -1,4 +1,4 @@
-# `@republicroad/jdm-editor`
+# `@republicroad/seal-editor`
 
 React components for authoring [JDM](https://gorules.io/docs) (JSON Decision
 Model) documents: a decision graph canvas, decision tables, expression and
@@ -9,12 +9,12 @@ end-to-end with shadcn/ReUI + Tailwind.
 > significant divergence (ReactFlow 12, shadcn/ReUI stack, seed-derived
 > theming, i18n, pooled editors). Will not track upstream merges.
 >
-> **Live storybook:** https://republicroad.github.io/jdm-editor/
+> **Live storybook:** https://republicroad.github.io/seal-editor/storybook/
 
 ## Installation
 
 ```bash
-npm i @republicroad/jdm-editor
+npm i @republicroad/seal-editor
 ```
 
 **Heads-up (0.3.0+):** `monaco-editor` is a peer dependency — install it
@@ -23,8 +23,8 @@ explicitly: `npm i monaco-editor`.
 ## Quick start
 
 ```tsx
-import { DecisionGraph, JdmConfigProvider } from '@republicroad/jdm-editor';
-import '@republicroad/jdm-editor/dist/style.css';
+import { DecisionGraph, JdmConfigProvider } from '@republicroad/seal-editor';
+import '@republicroad/seal-editor/dist/style.css';
 
 <JdmConfigProvider
   seeds={{ primary: '#6366f1' }} // one seed → full light + dark palettes

package/dist/index.d.ts

@@ -1398,6 +1398,11 @@ export declare type GraphDecisionNodeProps = {
         micros?: number;
         code?: string;
     } | null;
+    traceError?: {
+        code?: string | null;
+        title?: string | null;
+        message?: string | null;
+    } | null;
     diffStatus?: 'removed' | 'added' | 'modified' | 'moved';
     noBodyPadding?: boolean;
     color?: 'primary' | 'secondary' | string;
@@ -2129,6 +2134,7 @@ export declare type Simulation = {
 export declare type SimulationError = {
     title?: string;
     message?: string;
+    code?: string;
     data: {
         nodeId?: string;
     };

package/dist/index.js

@@ -69,7 +69,14 @@ var Br = Object.create, Vr = Object.defineProperty, Hr = Object.getOwnPropertyDe
 }, Yr = (e, t, n) => (n = e == null ? {} : Br(Wr(e)), Jr(t || !e || !e.__esModule || !Gr.call(e, "default") ? Vr(n, "default", {
 	value: e,
 	enumerable: !0
-}) : n, e)), Xr = {
+}) : n, e));
+(() => {
+	let e = globalThis.crypto;
+	e && typeof e.randomUUID != "function" && typeof e.getRandomValues == "function" && (e.randomUUID = () => "10000000-1000-4000-8000-100000000000".replace(/[018]/g, (t) => (Number(t) ^ e.getRandomValues(/* @__PURE__ */ new Uint8Array(1))[0] & 15 >> Number(t) / 4).toString(16)));
+})();
+//#endregion
+//#region src/helpers/dnd-overlay.tsx
+var Xr = {
 	display: "inline-flex",
 	alignItems: "center",
 	gap: 8,
@@ -2419,6 +2426,7 @@ var Io = {
 		"simulator.readyTitle": "准备就绪,可以开始模拟!",
 		"simulator.readyHint": "运行一次请求即可查看节点执行轨迹。",
 		"simulator.learnMore": "了解更多",
+		"common.clear": "清空",
 		"misc.delete": "删除"
 	}
 }, Ro = M.createContext(void 0);
@@ -8391,21 +8399,21 @@ var xd = ({ className: e, ...t }) => /* @__PURE__ */ z("div", {
 	...t
 }), Sd = /* @__PURE__ */ function(e) {
 	return e.Blue = "var(--node-color-blue)", e.Purple = "var(--node-color-purple)", e.Orange = "var(--node-color-orange)", e.Green = "var(--node-color-green)", e;
-}({}), Cd = ({ icon: e, name: t, type: n, children: r, actions: i = [], disabled: a = !1, isSelected: o = !1, noBodyPadding: s = !1, color: c = "primary", onNameChange: l, menuItems: u = [], status: d, trace: f, diffStatus: p, compactMode: m, listMode: h, helper: g, details: _, detailsOpen: v = !1, detailsTitle: y = "Details", onDetailsClose: b }) => {
-	let x = G(c).with("primary", () => Sd.Blue).otherwise((e) => e), S = p === "added" ? "border-[var(--seal-color-success)] group-hover/dn:border-[var(--seal-color-success)]" : p === "moved" ? "border-[var(--seal-color-info)] group-hover/dn:border-[var(--seal-color-info)]" : p === "modified" ? "border-[var(--seal-color-warning)] group-hover/dn:border-[var(--seal-color-warning)]" : p === "removed" ? "border-[var(--destructive)] group-hover/dn:border-[var(--destructive)]" : o ? "border-[var(--seal-color-primary-active)] group-hover/dn:border-[var(--seal-color-primary-active)]" : "", C = h ? "rounded-none border-0 border-b border-b-[var(--seal-color-border-fade)]" : "";
+}({}), Cd = ({ icon: e, name: t, type: n, children: r, actions: i = [], disabled: a = !1, isSelected: o = !1, noBodyPadding: s = !1, color: c = "primary", onNameChange: l, menuItems: u = [], status: d, trace: f, traceError: p, diffStatus: m, compactMode: h, listMode: g, helper: _, details: v, detailsOpen: y = !1, detailsTitle: b = "Details", onDetailsClose: x }) => {
+	let S = G(c).with("primary", () => Sd.Blue).otherwise((e) => e), C = m === "added" ? "border-[var(--seal-color-success)] group-hover/dn:border-[var(--seal-color-success)]" : m === "moved" ? "border-[var(--seal-color-info)] group-hover/dn:border-[var(--seal-color-info)]" : m === "modified" ? "border-[var(--seal-color-warning)] group-hover/dn:border-[var(--seal-color-warning)]" : m === "removed" ? "border-[var(--destructive)] group-hover/dn:border-[var(--destructive)]" : o ? "border-[var(--seal-color-primary-active)] group-hover/dn:border-[var(--seal-color-primary-active)]" : "", w = g ? "rounded-none border-0 border-b border-b-[var(--seal-color-border-fade)]" : "";
 	return /* @__PURE__ */ B("div", {
 		className: H("group/dn flex flex-col gap-2", "[--node-border-radius:8px] [--node-horizontal-padding:8px] [--node-small-text:12px]", "[--node-color:var(--primary)] [--node-background:var(--seal-color-bg-container)]", d === "success" ? "[--node-background:var(--seal-color-success-bg)]" : d === "error" ? "[--node-background:var(--seal-color-error-bg)]" : d === "warning" ? "[--node-background:var(--seal-color-warning-bg)]" : ""),
-		style: { "--node-color": x },
+		style: { "--node-color": S },
 		onKeyDown: (e) => e.stopPropagation(),
-		"data-diff": p,
-		"data-compact": m || void 0,
+		"data-diff": m,
+		"data-compact": h || void 0,
 		children: [/* @__PURE__ */ B(xd, {
-			className: H(S, C),
+			className: H(C, w),
 			children: [
 				/* @__PURE__ */ B("div", {
 					className: "absolute -top-5 w-full h-4 text-[10px] font-bold flex justify-end items-center gap-1",
 					children: [
-						Array.isArray(g) && g.filter((e) => !!e).map((e, t) => /* @__PURE__ */ z("div", {
+						Array.isArray(_) && _.filter((e) => !!e).map((e, t) => /* @__PURE__ */ z("div", {
 							className: "flex justify-center items-center rounded-2xl w-4 h-4 text-[10px] font-bold text-[var(--muted-foreground)]",
 							children: e
 						}, t)),
@@ -8414,7 +8422,7 @@ var xd = ({ className: e, ...t }) => /* @__PURE__ */ z("div", {
 							children: /* @__PURE__ */ z(gs, {})
 						}),
 						/* @__PURE__ */ z(iu, {
-							status: p,
+							status: m,
 							style: { fontSize: 16 }
 						})
 					]
@@ -8468,14 +8476,22 @@ var xd = ({ className: e, ...t }) => /* @__PURE__ */ z("div", {
 						children: i
 					})
 				}),
-				f && /* @__PURE__ */ B("div", {
+				(f || p) && /* @__PURE__ */ B("div", {
 					"data-slot": "node-run-strip",
 					className: "nodrag flex items-center justify-between gap-2 px-2 py-0.5 text-[10px] font-medium border-t border-t-[var(--grl-color-border-fade)] bg-[var(--grl-color-primary-bg-fade)] text-[var(--muted-foreground)]",
-					children: [/* @__PURE__ */ z("span", { children: "TRACE" }), f.performance != null && /* @__PURE__ */ z("span", { children: f.performance })]
+					children: [/* @__PURE__ */ z("span", { children: "TRACE" }), /* @__PURE__ */ B("span", {
+						className: "flex min-w-0 items-center gap-1.5",
+						children: [p && /* @__PURE__ */ z("span", {
+							"data-slot": "node-run-strip-error",
+							className: "max-w-36 truncate rounded-sm bg-[var(--seal-color-error)] px-1 py-px font-semibold text-white",
+							title: [p.title, p.message].filter(Boolean).join("\n") || void 0,
+							children: p.code || p.title
+						}), f?.performance != null && /* @__PURE__ */ z("span", { children: f.performance })]
+					})]
 				})
 			]
 		}), /* @__PURE__ */ z(Td, {
-			state: v,
+			state: y,
 			timeout: 100,
 			children: (e, t) => t && /* @__PURE__ */ z(xd, {
 				className: "nodrag",
@@ -8490,17 +8506,17 @@ var xd = ({ className: e, ...t }) => /* @__PURE__ */ z("div", {
 						className: "flex items-center justify-between pl-2.5 bg-[var(--seal-color-primary-bg-fade)] rounded-t-[var(--node-border-radius)] border-b border-b-[var(--border)]",
 						children: [/* @__PURE__ */ z(X.Text, {
 							className: "text-xs! text-[var(--muted-foreground)]",
-							children: y
+							children: b
 						}), /* @__PURE__ */ z(J, {
 							type: "text",
 							size: "small",
 							className: "text-[var(--muted-foreground)] [font-size:0]!",
 							icon: /* @__PURE__ */ z(gs, { style: { fontSize: 8 } }),
-							onClick: b
+							onClick: x
 						})]
 					}), /* @__PURE__ */ z("div", {
 						className: "flex flex-col p-2.5 gap-0.5 [&_.settings-form_.seal-ce]:text-xs",
-						children: _
+						children: v
 					})]
 				})
 			})
@@ -8522,7 +8538,7 @@ var xd = ({ className: e, ...t }) => /* @__PURE__ */ z("div", {
 	let f = Z(), [p, m] = N.useState(!1), [h, g] = gd(`node:details:${e}`, 0), [_, v] = gd(`node:detailsOpen:${e}`, !1), y = Ju(), { modal: b } = Ci.useApp(), { nodeError: x, nodeTrace: S, disabled: C, compactMode: w } = $(({ simulate: t, disabled: n, compactMode: r }) => ({
 		disabled: n,
 		nodeTrace: G(t).with({ result: W._ }, ({ result: t }) => t?.trace?.[e]).otherwise(() => null),
-		nodeError: G(t).with({ error: { data: { nodeId: e } } }, ({ error: e }) => e).otherwise(() => null),
+		nodeError: t?.error?.data?.nodeId === e ? t.error : null,
 		compactMode: r
 	})), { diff: T } = Xu(e), E = i.renderSettings, D = () => {
 		v(h !== 0 || !_), g(0);
@@ -8685,6 +8701,11 @@ var xd = ({ className: e, ...t }) => /* @__PURE__ */ z("div", {
 					W._
 				], () => "success").otherwise(() => void 0),
 				trace: S,
+				traceError: x ? {
+					code: x.code ?? null,
+					title: x.title ?? null,
+					message: x.message ?? null
+				} : null,
 				diffStatus: G([T]).with([{ status: "added" }], () => "added").with([{ status: "modified" }], () => "modified").with([{ status: "removed" }], () => "removed").with([{ status: "moved" }], () => "moved").otherwise(() => void 0),
 				onNameChange: (t) => {
 					y.updateNode(e, (e) => (e.name = t, e));
@@ -14524,7 +14545,7 @@ var im = () => N.useContext(em), am = () => {
 			className: "mx-1 h-4 w-px bg-[var(--border)]"
 		}), n.filter((t) => (t.group ?? "") === e).map((e) => /* @__PURE__ */ z(Yo, {
 			fallback: null,
-			onError: (t) => console.error(`[jdm-editor] toolbar item "${e.id}" crashed:`, t),
+			onError: (t) => console.error(`[seal-editor] toolbar item "${e.id}" crashed:`, t),
 			children: /* @__PURE__ */ z(Dm, {
 				item: e,
 				disabled: t
@@ -14541,7 +14562,7 @@ var im = () => N.useContext(em), am = () => {
 				let r = await e();
 				!n && r && t.setState({ user: r.user ?? "" });
 			} catch (e) {
-				console.warn("[jdm-editor] userResolver failed:", e), n || t.setState({ user: "" });
+				console.warn("[seal-editor] userResolver failed:", e), n || t.setState({ user: "" });
 			}
 		})(), () => {
 			n = !0;