@aranzatech/diagrams-bpmn 0.1.3 → 0.2.1

package/dist/index.cjs

@@ -4,6 +4,8 @@ var react = require('@xyflow/react');
 var jsxRuntime = require('react/jsx-runtime');
 var routing = require('@aranzatech/diagrams-core/routing');
 var bpmnModdle = require('bpmn-moddle');
+var diagramsCore = require('@aranzatech/diagrams-core');
+var serialization = require('@aranzatech/diagrams-core/serialization');
 
 // src/elements/catalog.ts
 var BPMN_ELEMENT_CATALOG = {
@@ -41,7 +43,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   IntermediateCatchEvent: {
     label: "Intermediate Catch Event",
-    icon: "Clock",
+    icon: "Clock3",
     category: "event",
     defaultWidth: 36,
     defaultHeight: 36,
@@ -55,7 +57,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   IntermediateThrowEvent: {
     label: "Intermediate Throw Event",
-    icon: "Zap",
+    icon: "Send",
     category: "event",
     defaultWidth: 36,
     defaultHeight: 36,
@@ -69,7 +71,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   BoundaryEvent: {
     label: "Boundary Event",
-    icon: "AlertCircle",
+    icon: "AlarmClock",
     category: "event",
     defaultWidth: 36,
     defaultHeight: 36,
@@ -85,7 +87,7 @@ var BPMN_ELEMENT_CATALOG = {
   // ─── Tasks ───────────────────────────────────────────────────────────────────
   Task: {
     label: "Task",
-    icon: "Square",
+    icon: "CheckSquare",
     category: "task",
     defaultWidth: 120,
     defaultHeight: 60,
@@ -99,7 +101,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   UserTask: {
     label: "User Task",
-    icon: "User",
+    icon: "UserRound",
     category: "task",
     defaultWidth: 120,
     defaultHeight: 60,
@@ -113,7 +115,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   ServiceTask: {
     label: "Service Task",
-    icon: "Settings",
+    icon: "Cog",
     category: "task",
     defaultWidth: 120,
     defaultHeight: 60,
@@ -155,7 +157,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   BusinessRuleTask: {
     label: "Business Rule Task",
-    icon: "Scale",
+    icon: "Table2",
     category: "task",
     defaultWidth: 120,
     defaultHeight: 60,
@@ -169,7 +171,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   ReceiveTask: {
     label: "Receive Task",
-    icon: "Mail",
+    icon: "Inbox",
     category: "task",
     defaultWidth: 120,
     defaultHeight: 60,
@@ -212,7 +214,7 @@ var BPMN_ELEMENT_CATALOG = {
   // ─── Gateways ────────────────────────────────────────────────────────────────
   ExclusiveGateway: {
     label: "Exclusive Gateway",
-    icon: "GitBranch",
+    icon: "X",
     category: "gateway",
     defaultWidth: 50,
     defaultHeight: 50,
@@ -225,7 +227,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   InclusiveGateway: {
     label: "Inclusive Gateway",
-    icon: "GitMerge",
+    icon: "Circle",
     category: "gateway",
     defaultWidth: 50,
     defaultHeight: 50,
@@ -238,7 +240,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   ParallelGateway: {
     label: "Parallel Gateway",
-    icon: "GitFork",
+    icon: "Plus",
     category: "gateway",
     defaultWidth: 50,
     defaultHeight: 50,
@@ -279,7 +281,7 @@ var BPMN_ELEMENT_CATALOG = {
   // ─── Containers ───────────────────────────────────────────────────────────────
   SubProcess: {
     label: "Sub-Process",
-    icon: "Layout",
+    icon: "PlusSquare",
     category: "container",
     defaultWidth: 350,
     defaultHeight: 200,
@@ -294,7 +296,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   Transaction: {
     label: "Transaction",
-    icon: "CreditCard",
+    icon: "Receipt",
     category: "container",
     defaultWidth: 350,
     defaultHeight: 200,
@@ -309,7 +311,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   EventSubProcess: {
     label: "Event Sub-Process",
-    icon: "Workflow",
+    icon: "CircleDotDashed",
     category: "container",
     defaultWidth: 350,
     defaultHeight: 200,
@@ -324,7 +326,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   AdHocSubProcess: {
     label: "Ad-Hoc Sub-Process",
-    icon: "Shuffle",
+    icon: "Waves",
     category: "container",
     defaultWidth: 350,
     defaultHeight: 200,
@@ -339,7 +341,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   Pool: {
     label: "Pool",
-    icon: "Columns",
+    icon: "Rows3",
     category: "container",
     defaultWidth: 600,
     defaultHeight: 200,
@@ -354,7 +356,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   Lane: {
     label: "Lane",
-    icon: "AlignJustify",
+    icon: "PanelTop",
     category: "container",
     defaultWidth: 600,
     defaultHeight: 120,
@@ -573,6 +575,67 @@ var BPMN_ELEMENT_CATALOG = {
 function getElementMeta(type) {
   return BPMN_ELEMENT_CATALOG[type];
 }
+var BPMN_RESIZABLE_ELEMENT_TYPES = [
+  "Task",
+  "UserTask",
+  "ServiceTask",
+  "ScriptTask",
+  "ManualTask",
+  "BusinessRuleTask",
+  "ReceiveTask",
+  "SendTask",
+  "CallActivity",
+  "SubProcess",
+  "Transaction",
+  "EventSubProcess",
+  "AdHocSubProcess",
+  "Pool",
+  "Lane",
+  "Annotation",
+  "Group",
+  "SubConversation",
+  "ChoreographyTask",
+  "SubChoreography",
+  "CallChoreography"
+];
+var BPMN_MIN_SIZE_OVERRIDES = {
+  Task: { minWidth: 80, minHeight: 48 },
+  UserTask: { minWidth: 80, minHeight: 48 },
+  ServiceTask: { minWidth: 80, minHeight: 48 },
+  ScriptTask: { minWidth: 80, minHeight: 48 },
+  ManualTask: { minWidth: 80, minHeight: 48 },
+  BusinessRuleTask: { minWidth: 80, minHeight: 48 },
+  ReceiveTask: { minWidth: 80, minHeight: 48 },
+  SendTask: { minWidth: 80, minHeight: 48 },
+  CallActivity: { minWidth: 80, minHeight: 48 },
+  SubProcess: { minWidth: 160, minHeight: 100 },
+  Transaction: { minWidth: 160, minHeight: 100 },
+  EventSubProcess: { minWidth: 160, minHeight: 100 },
+  AdHocSubProcess: { minWidth: 160, minHeight: 100 },
+  Pool: { minWidth: 240, minHeight: 120 },
+  Lane: { minWidth: 240, minHeight: 80 },
+  Annotation: { minWidth: 80, minHeight: 40 },
+  Group: { minWidth: 120, minHeight: 80 },
+  SubConversation: { minWidth: 60, minHeight: 52 },
+  ChoreographyTask: { minWidth: 100, minHeight: 70 },
+  SubChoreography: { minWidth: 100, minHeight: 70 },
+  CallChoreography: { minWidth: 100, minHeight: 70 }
+};
+var resizableTypes = new Set(BPMN_RESIZABLE_ELEMENT_TYPES);
+function isBpmnElementResizable(type) {
+  return resizableTypes.has(type);
+}
+function getBpmnElementSize(type) {
+  const meta = getElementMeta(type);
+  const min = BPMN_MIN_SIZE_OVERRIDES[type];
+  return {
+    width: meta.defaultWidth,
+    height: meta.defaultHeight,
+    minWidth: meta.minWidth ?? min?.minWidth ?? meta.defaultWidth,
+    minHeight: meta.minHeight ?? min?.minHeight ?? meta.defaultHeight,
+    resizable: meta.resizable ?? isBpmnElementResizable(type)
+  };
+}
 
 // src/elements/guards.ts
 var TASK_TYPES = /* @__PURE__ */ new Set([
@@ -696,13 +759,19 @@ function BpmnHandles({ variant = "all" }) {
 // src/nodes/shared/theme.ts
 var BPMN_THEME = {
   fill: "#ffffff",
-  stroke: "#404040",
-  strokeSelected: "#1a56db",
+  fillSoft: "#f8fbff",
+  fillSubtle: "#eef6ff",
+  stroke: "#334155",
+  strokeSelected: "#2563eb",
   strokeWidth: 1.5,
   strokeWidthSelected: 2.5,
   fontFamily: "Inter, system-ui, sans-serif",
   fontSize: 11,
-  labelColor: "#1a1a1a"};
+  labelColor: "#0f172a",
+  shadow: "0 4px 12px rgba(15, 23, 42, 0.08)",
+  shadowSelected: "0 0 0 4px rgba(37, 99, 235, 0.14), 0 8px 18px rgba(15, 23, 42, 0.12)",
+  transition: "box-shadow 140ms ease, filter 140ms ease, transform 140ms ease"
+};
 function resolveStroke(selected, override) {
   if (selected) return BPMN_THEME.strokeSelected;
   return override ?? BPMN_THEME.stroke;
@@ -710,6 +779,12 @@ function resolveStroke(selected, override) {
 function resolveStrokeWidth(selected) {
   return selected ? BPMN_THEME.strokeWidthSelected : BPMN_THEME.strokeWidth;
 }
+function resolveShapeFilter(selected) {
+  return selected ? "drop-shadow(0 0 0 rgba(37,99,235,0.2)) drop-shadow(0 8px 14px rgba(15,23,42,0.12))" : "drop-shadow(0 4px 10px rgba(15,23,42,0.08))";
+}
+function resolveNodeShadow(selected) {
+  return selected ? BPMN_THEME.shadowSelected : BPMN_THEME.shadow;
+}
 var EXTERNAL_STYLE = {
   position: "absolute",
   top: "100%",
@@ -862,7 +937,7 @@ function StartEventNode({ data, selected }) {
   const trigger = d.trigger ?? "none";
   const dashArray = d.isNonInterrupting ? "4 2" : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: SIZE, height: SIZE, position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE, height: SIZE, style: { overflow: "visible", display: "block" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE, height: SIZE, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "circle",
         {
@@ -891,7 +966,7 @@ function EndEventNode({ data, selected }) {
   const fill = d.color?.fill ?? BPMN_THEME.fill;
   const trigger = d.trigger ?? "none";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: SIZE2, height: SIZE2, position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE2, height: SIZE2, style: { overflow: "visible", display: "block" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE2, height: SIZE2, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "circle",
         {
@@ -919,9 +994,9 @@ function IntermediateCatchEventNode({ data, selected }) {
   const stroke = resolveStroke(selected, d.color?.stroke);
   const sw = resolveStrokeWidth(selected);
   const fill = d.color?.fill ?? BPMN_THEME.fill;
-  const trigger = d.trigger ?? "none";
+  const trigger = d.trigger && d.trigger !== "none" ? d.trigger : "timer";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: SIZE3, height: SIZE3, position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE3, height: SIZE3, style: { overflow: "visible", display: "block" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE3, height: SIZE3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: CX3, cy: CX3, r: R_OUTER, fill, stroke, strokeWidth: sw }),
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: CX3, cy: CX3, r: R_INNER, fill: "none", stroke, strokeWidth: sw }),
       /* @__PURE__ */ jsxRuntime.jsx(EventMarker, { cx: CX3, cy: CX3, trigger, filled: false, stroke, bg: fill, r: ICON_R })
@@ -935,9 +1010,9 @@ function IntermediateThrowEventNode({ data, selected }) {
   const stroke = resolveStroke(selected, d.color?.stroke);
   const sw = resolveStrokeWidth(selected);
   const fill = d.color?.fill ?? BPMN_THEME.fill;
-  const trigger = d.trigger ?? "none";
+  const trigger = d.trigger && d.trigger !== "none" ? d.trigger : "message";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: SIZE3, height: SIZE3, position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE3, height: SIZE3, style: { overflow: "visible", display: "block" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE3, height: SIZE3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: CX3, cy: CX3, r: R_OUTER, fill, stroke, strokeWidth: sw }),
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: CX3, cy: CX3, r: R_INNER, fill: stroke, stroke, strokeWidth: sw }),
       /* @__PURE__ */ jsxRuntime.jsx(EventMarker, { cx: CX3, cy: CX3, trigger, filled: true, stroke: fill, bg: stroke, r: ICON_R })
@@ -951,10 +1026,10 @@ function BoundaryEventNode({ data, selected }) {
   const stroke = resolveStroke(selected, d.color?.stroke);
   const sw = resolveStrokeWidth(selected);
   const fill = d.color?.fill ?? BPMN_THEME.fill;
-  const trigger = d.trigger ?? "none";
+  const trigger = d.trigger && d.trigger !== "none" ? d.trigger : "timer";
   const dashArray = d.isNonInterrupting ? "4 2" : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: SIZE3, height: SIZE3, position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE3, height: SIZE3, style: { overflow: "visible", display: "block" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE3, height: SIZE3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "circle",
         {
@@ -989,6 +1064,11 @@ function TaskIcon({ type, size = 14, color = "#404040" }) {
   const s = size;
   const c = color;
   switch (type) {
+    case "Task":
+      return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: s, height: s, viewBox: "0 0 16 16", fill: "none", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "10", height: "10", rx: "1.5", stroke: c, strokeWidth: "1.5" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5.5 8.2 7.2 10 10.8 6", stroke: c, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+      ] });
     case "UserTask":
       return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: s, height: s, viewBox: "0 0 16 16", fill: "none", children: [
         /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "5", r: "3", stroke: c, strokeWidth: "1.5" }),
@@ -1131,20 +1211,22 @@ function TaskNode({ data, selected }) {
       style: {
         width: "100%",
         height: "100%",
-        background: d.color?.fill ?? BPMN_THEME.fill,
+        background: d.color?.fill ?? `linear-gradient(180deg, ${BPMN_THEME.fill} 0%, ${BPMN_THEME.fillSoft} 100%)`,
         border: `${borderWidth}px solid ${stroke}`,
-        borderRadius: 6,
+        borderRadius: 7,
         boxSizing: "border-box",
+        boxShadow: resolveNodeShadow(selected),
         display: "flex",
         flexDirection: "column",
         alignItems: "center",
         justifyContent: "center",
         padding: hasMarkers ? "4px 8px 22px" : "4px 8px",
         position: "relative",
-        fontFamily: BPMN_THEME.fontFamily
+        fontFamily: BPMN_THEME.fontFamily,
+        transition: BPMN_THEME.transition
       },
       children: [
-        d.elementType && d.elementType !== "Task" && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "absolute", top: 5, left: 5 }, children: /* @__PURE__ */ jsxRuntime.jsx(TaskIcon, { type: d.elementType, size: 14, color: stroke }) }),
+        d.elementType && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "absolute", top: 5, left: 5 }, children: /* @__PURE__ */ jsxRuntime.jsx(TaskIcon, { type: d.elementType, size: 14, color: stroke }) }),
         /* @__PURE__ */ jsxRuntime.jsx(BpmnLabel, { style: { width: "100%" }, children: d.label ?? d.elementType }),
         d.priority && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
@@ -1222,7 +1304,7 @@ function GatewayNode({ data, selected }) {
   const stroke = resolveStroke(selected, d.color?.stroke);
   const sw = resolveStrokeWidth(selected);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: SIZE4, height: SIZE4, position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE4, height: SIZE4, style: { overflow: "visible", display: "block" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE4, height: SIZE4, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "polygon",
         {
@@ -1238,11 +1320,24 @@ function GatewayNode({ data, selected }) {
     /* @__PURE__ */ jsxRuntime.jsx(BpmnLabel, { external: true, children: d.label })
   ] });
 }
+function resolveVariant(d) {
+  if (d.subProcessVariant) return d.subProcessVariant;
+  switch (d.elementType) {
+    case "Transaction":
+      return "transaction";
+    case "EventSubProcess":
+      return "event";
+    case "AdHocSubProcess":
+      return "adhoc";
+    default:
+      return "embedded";
+  }
+}
 function SubProcessNode({ data, selected }) {
   const d = data;
   const stroke = resolveStroke(selected, d.color?.stroke);
   const sw = resolveStrokeWidth(selected);
-  const variant = d.subProcessVariant ?? "embedded";
+  const variant = resolveVariant(d);
   const isExpanded = d.isExpanded ?? true;
   const hasMarkers = d.markers && d.markers.length > 0;
   const borderStyle = variant === "event" ? "dashed" : "solid";
@@ -1252,12 +1347,14 @@ function SubProcessNode({ data, selected }) {
       style: {
         width: "100%",
         height: "100%",
-        background: d.color?.fill ?? "#f8faff",
+        background: d.color?.fill ?? `linear-gradient(180deg, ${BPMN_THEME.fill} 0%, ${BPMN_THEME.fillSubtle} 100%)`,
         border: `${sw}px ${borderStyle} ${stroke}`,
         borderRadius: 6,
         boxSizing: "border-box",
+        boxShadow: resolveNodeShadow(selected),
         position: "relative",
-        fontFamily: BPMN_THEME.fontFamily
+        fontFamily: BPMN_THEME.fontFamily,
+        transition: BPMN_THEME.transition
       },
       children: [
         variant === "transaction" && /* @__PURE__ */ jsxRuntime.jsx(
@@ -1311,8 +1408,8 @@ function PoolNode({ data, selected }) {
   const stroke = resolveStroke(selected, d.color?.stroke);
   const sw = resolveStrokeWidth(selected);
   const orientation = d.orientation ?? "horizontal";
-  const fill = d.color?.fill ?? "#f5f7ff";
-  const headerFill = d.color?.fill ?? "#edf0ff";
+  const fill = d.color?.fill ?? "#f8fbff";
+  const headerFill = d.color?.fill ?? "#eaf2ff";
   if (orientation === "vertical") {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -1326,14 +1423,17 @@ function PoolNode({ data, selected }) {
           borderRadius: 4,
           boxSizing: "border-box",
           background: fill,
+          boxShadow: resolveNodeShadow(selected),
           overflow: "hidden",
-          fontFamily: BPMN_THEME.fontFamily
+          fontFamily: BPMN_THEME.fontFamily,
+          transition: BPMN_THEME.transition
         },
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
               "aria-label": "pool-header",
+              className: "pool-drag-handle",
               style: {
                 height: HEADER_HEIGHT,
                 minHeight: HEADER_HEIGHT,
@@ -1342,7 +1442,8 @@ function PoolNode({ data, selected }) {
                 alignItems: "center",
                 justifyContent: "center",
                 background: headerFill,
-                padding: "0 8px"
+                padding: "0 8px",
+                cursor: "grab"
               },
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
@@ -1376,14 +1477,17 @@ function PoolNode({ data, selected }) {
         borderRadius: 4,
         boxSizing: "border-box",
         background: fill,
+        boxShadow: resolveNodeShadow(selected),
         overflow: "hidden",
-        fontFamily: BPMN_THEME.fontFamily
+        fontFamily: BPMN_THEME.fontFamily,
+        transition: BPMN_THEME.transition
       },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             "aria-label": "pool-header",
+            className: "pool-drag-handle",
             style: {
               width: HEADER_WIDTH,
               minWidth: HEADER_WIDTH,
@@ -1391,7 +1495,8 @@ function PoolNode({ data, selected }) {
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
-              background: headerFill
+              background: headerFill,
+              cursor: "grab"
             },
             children: /* @__PURE__ */ jsxRuntime.jsx(
               "span",
@@ -1424,8 +1529,8 @@ function LaneNode({ data, selected }) {
   const stroke = resolveStroke(selected, d.color?.stroke);
   const sw = resolveStrokeWidth(selected);
   const orientation = d.orientation ?? "horizontal";
-  const fill = d.color?.fill ?? "#fafbff";
-  const headerFill = d.color?.fill ?? "#f0f3ff";
+  const fill = d.color?.fill ?? "#fbfdff";
+  const headerFill = d.color?.fill ?? "#eef6ff";
   if (orientation === "vertical") {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -1438,14 +1543,17 @@ function LaneNode({ data, selected }) {
           borderRadius: 2,
           boxSizing: "border-box",
           background: fill,
+          boxShadow: resolveNodeShadow(selected),
           overflow: "hidden",
-          fontFamily: BPMN_THEME.fontFamily
+          fontFamily: BPMN_THEME.fontFamily,
+          transition: BPMN_THEME.transition
         },
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
               "aria-label": "lane-header",
+              className: "lane-drag-handle",
               style: {
                 width: HEADER_WIDTH2,
                 minWidth: HEADER_WIDTH2,
@@ -1454,7 +1562,8 @@ function LaneNode({ data, selected }) {
                 alignItems: "center",
                 justifyContent: "center",
                 background: headerFill,
-                padding: "6px 0"
+                padding: "6px 0",
+                cursor: "grab"
               },
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
@@ -1492,14 +1601,17 @@ function LaneNode({ data, selected }) {
         borderRadius: 2,
         boxSizing: "border-box",
         background: fill,
+        boxShadow: resolveNodeShadow(selected),
         overflow: "hidden",
-        fontFamily: BPMN_THEME.fontFamily
+        fontFamily: BPMN_THEME.fontFamily,
+        transition: BPMN_THEME.transition
       },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             "aria-label": "lane-header",
+            className: "lane-drag-handle",
             style: {
               height: HEADER_HEIGHT2,
               minHeight: HEADER_HEIGHT2,
@@ -1510,7 +1622,8 @@ function LaneNode({ data, selected }) {
               background: headerFill,
               fontSize: BPMN_THEME.fontSize,
               fontWeight: 500,
-              color: BPMN_THEME.labelColor
+              color: BPMN_THEME.labelColor,
+              cursor: "grab"
             },
             children: d.label
           }
@@ -1627,7 +1740,7 @@ function DataObjectNode({ data, selected }) {
     `L ${W} ${FOLD}`
   ].join(" ");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: W, height: H2, position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: W, height: H2, style: { overflow: "visible", display: "block" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: W, height: H2, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: path, fill, stroke, strokeWidth: sw }),
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: foldPath2, fill: "none", stroke, strokeWidth: sw })
     ] }),
@@ -1645,7 +1758,7 @@ function DataStoreNode({ data, selected }) {
   const sw = resolveStrokeWidth(selected);
   const fill = d.color?.fill ?? BPMN_THEME.fill;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: DS_W, height: DS_H, position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: DS_W, height: DS_H, style: { overflow: "visible", display: "block" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: DS_W, height: DS_H, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
@@ -1691,7 +1804,7 @@ function DataObjectReferenceNode({ data, selected }) {
   const sw = resolveStrokeWidth(selected);
   const fill = d.color?.fill ?? BPMN_THEME.fill;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: W2, height: H3, position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: W2, height: H3, style: { overflow: "visible", display: "block" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: W2, height: H3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: documentPath(), fill, stroke, strokeWidth: sw }),
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: foldPath(), fill: "none", stroke, strokeWidth: sw }),
       d.isCollection && collectionLines(stroke, sw)
@@ -1706,7 +1819,7 @@ function DataInputNode({ data, selected }) {
   const sw = resolveStrokeWidth(selected);
   const fill = d.color?.fill ?? BPMN_THEME.fill;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: W2, height: H3, position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: W2, height: H3, style: { overflow: "visible", display: "block" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: W2, height: H3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: documentPath(), fill, stroke, strokeWidth: sw }),
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: foldPath(), fill: "none", stroke, strokeWidth: sw }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -1730,7 +1843,7 @@ function DataOutputNode({ data, selected }) {
   const sw = resolveStrokeWidth(selected);
   const fill = d.color?.fill ?? BPMN_THEME.fill;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: W2, height: H3, position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: W2, height: H3, style: { overflow: "visible", display: "block" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: W2, height: H3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: documentPath(), fill, stroke, strokeWidth: sw }),
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: foldPath(), fill: "none", stroke, strokeWidth: sw }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -1758,7 +1871,7 @@ function DataStoreReferenceNode({ data, selected }) {
   const sw = resolveStrokeWidth(selected);
   const fill = d.color?.fill ?? BPMN_THEME.fill;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: DS_W2, height: DS_H2, position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: DS_W2, height: DS_H2, style: { overflow: "visible", display: "block" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: DS_W2, height: DS_H2, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
@@ -2084,8 +2197,11 @@ var BPMN_NODE_TYPES = {
   ParallelGateway: GatewayNode,
   EventBasedGateway: GatewayNode,
   ComplexGateway: GatewayNode,
-  // Containers
+  // Containers — Transaction, EventSubProcess, AdHocSubProcess derive their visual variant from elementType
   SubProcess: SubProcessNode,
+  Transaction: SubProcessNode,
+  EventSubProcess: SubProcessNode,
+  AdHocSubProcess: SubProcessNode,
   Pool: PoolNode,
   Lane: LaneNode,
   // Artifacts
@@ -2408,8 +2524,8 @@ var MODDLE_TO_ELEMENT_TYPE = {
   "bpmn:EventBasedGateway": "EventBasedGateway",
   "bpmn:ComplexGateway": "ComplexGateway",
   "bpmn:SubProcess": "SubProcess",
-  "bpmn:AdHocSubProcess": "SubProcess",
-  "bpmn:Transaction": "SubProcess",
+  "bpmn:AdHocSubProcess": "AdHocSubProcess",
+  "bpmn:Transaction": "Transaction",
   "bpmn:TextAnnotation": "Annotation",
   "bpmn:Group": "Group",
   "bpmn:DataObject": "DataObject",
@@ -2447,6 +2563,9 @@ var ELEMENT_TYPE_TO_MODDLE = {
   EventBasedGateway: "bpmn:EventBasedGateway",
   ComplexGateway: "bpmn:ComplexGateway",
   SubProcess: "bpmn:SubProcess",
+  Transaction: "bpmn:Transaction",
+  EventSubProcess: "bpmn:SubProcess",
+  AdHocSubProcess: "bpmn:AdHocSubProcess",
   Pool: "bpmn:Participant",
   Lane: "bpmn:Lane",
   Annotation: "bpmn:TextAnnotation",
@@ -2511,6 +2630,10 @@ function asElements(v) {
 function asString(v) {
   return typeof v === "string" && v.trim() ? v.trim() : void 0;
 }
+function extractDocumentation(el) {
+  const [doc] = asElements(el.documentation);
+  return asString(doc?.text);
+}
 function extractDiagramInfo(definitions) {
   const shapes = /* @__PURE__ */ new Map();
   const waypoints = /* @__PURE__ */ new Map();
@@ -2566,6 +2689,7 @@ function extractTrigger(el) {
 function extractSubProcessVariant(el) {
   if (el.$type === "bpmn:Transaction") return "transaction";
   if (el.$type === "bpmn:AdHocSubProcess") return "adhoc";
+  if (el.$type === "bpmn:SubProcess" && el.triggeredByEvent === true) return "event";
   if (el.triggeredByEvent === true) return "event";
   return "embedded";
 }
@@ -2579,7 +2703,7 @@ function walkFlowElements(elements, parentId, ctx, nodes, edges) {
       continue;
     }
     if ($type === "bpmn:LaneSet") continue;
-    const elementType = MODDLE_TO_ELEMENT_TYPE[$type];
+    const elementType = $type === "bpmn:SubProcess" && el.triggeredByEvent === true ? "EventSubProcess" : MODDLE_TO_ELEMENT_TYPE[$type];
     if (!elementType) {
       ctx.warnings.push(`Unknown element type "${$type}" (id=${id}) \u2014 skipped.`);
       continue;
@@ -2600,22 +2724,26 @@ function buildNode(el, elementType, parentId, ctx, nodes) {
   const y = shape?.y ?? 100;
   if (!shape) ctx.autoX.value += (meta?.defaultWidth ?? 120) + 20;
   const label = asString(el.name);
+  const documentation = extractDocumentation(el);
   const trigger = extractTrigger(el);
   const isNonInterrupting = el.cancelActivity === false;
+  const attachedToRef = el.attachedToRef?.id;
   const data = {
     elementType,
     ...label ? { label } : {},
+    ...documentation ? { documentation } : {},
     ...trigger ? { trigger } : {},
-    ...isNonInterrupting ? { isNonInterrupting: true } : {}
+    ...isNonInterrupting ? { isNonInterrupting: true } : {},
+    ...attachedToRef ? { attachedToRef } : {}
   };
-  if (elementType === "SubProcess") {
+  if (elementType === "SubProcess" || elementType === "Transaction" || elementType === "EventSubProcess" || elementType === "AdHocSubProcess") {
     const variant = extractSubProcessVariant(el);
     if (variant) data.subProcessVariant = variant;
     const isExpanded = shape?.isExpanded ?? true;
     data.isExpanded = isExpanded;
   }
   const laneId = ctx.laneMembership.get(id);
-  const effectiveParentId = laneId ?? parentId;
+  const effectiveParentId = attachedToRef ?? laneId ?? parentId;
   const node = {
     id,
     type: elementType,
@@ -2636,10 +2764,12 @@ function buildEdge(el, edgeType, ctx, edges) {
     return;
   }
   const label = asString(el.name);
+  const documentation = extractDocumentation(el);
   const condExpr = el.conditionExpression;
   const data = {
     edgeType,
     ...label ? { label } : {},
+    ...documentation ? { documentation } : {},
     ...condExpr?.body ? { conditionExpression: condExpr.body } : {}
   };
   const waypoints = ctx.waypoints.get(id);
@@ -2740,7 +2870,46 @@ async function parseBpmnXml(xml) {
       );
     }
   }
-  return { nodes, edges, warnings };
+  const defaultFlowById = /* @__PURE__ */ new Set();
+  const nodeIds = new Set(nodes.map((node) => node.id));
+  for (const rootEl of asElements(rootElement.rootElements)) {
+    collectDefaultFlows(rootEl, defaultFlowById);
+  }
+  const normalizedEdges = edges.map((edge) => {
+    if (!defaultFlowById.has(edge.id)) return edge;
+    const data = {
+      edgeType: edge.data?.edgeType ?? edge.type,
+      ...edge.data ?? {},
+      isDefault: true
+    };
+    return { ...edge, data };
+  });
+  return {
+    nodes: normalizeChildPositions(nodes, nodeIds),
+    edges: normalizedEdges,
+    warnings
+  };
+}
+function collectDefaultFlows(el, defaultFlowById) {
+  const defaultRef = el.default;
+  if (defaultRef?.id) defaultFlowById.add(defaultRef.id);
+  for (const child of asElements(el.rootElements)) collectDefaultFlows(child, defaultFlowById);
+  for (const child of asElements(el.flowElements)) collectDefaultFlows(child, defaultFlowById);
+}
+function normalizeChildPositions(nodes, nodeIds) {
+  const absoluteById = new Map(nodes.map((node) => [node.id, node.position]));
+  return nodes.map((node) => {
+    if (!node.parentId || !nodeIds.has(node.parentId)) return node;
+    const parentPosition = absoluteById.get(node.parentId);
+    if (!parentPosition) return node;
+    return {
+      ...node,
+      position: {
+        x: node.position.x - parentPosition.x,
+        y: node.position.y - parentPosition.y
+      }
+    };
+  });
 }
 function uid(prefix, id) {
   return `${prefix}_${id}`;
@@ -2748,19 +2917,6 @@ function uid(prefix, id) {
 function asNodes(nodes, types) {
   return nodes.filter((n) => types.includes(n.data.elementType));
 }
-function buildFlowableAttrs(data) {
-  const attrs = {};
-  if (data.flowableAssignee) attrs["flowable:assignee"] = data.flowableAssignee;
-  if (data.flowableCandidateGroups) attrs["flowable:candidateGroups"] = data.flowableCandidateGroups;
-  if (data.flowableCandidateUsers) attrs["flowable:candidateUsers"] = data.flowableCandidateUsers;
-  if (data.flowableFormKey) attrs["flowable:formKey"] = data.flowableFormKey;
-  if (data.flowableDueDate) attrs["flowable:dueDate"] = data.flowableDueDate;
-  if (data.flowableType) attrs["flowable:type"] = data.flowableType;
-  if (data.flowableExpression) attrs["flowable:expression"] = data.flowableExpression;
-  if (data.flowableClass) attrs["flowable:class"] = data.flowableClass;
-  if (data.flowableDelegateExpression) attrs["flowable:delegateExpression"] = data.flowableDelegateExpression;
-  return attrs;
-}
 function buildSemanticModel(moddle, nodes, edges, opts) {
   const defId = opts.id ?? "Definitions_1";
   const defName = opts.name;
@@ -2819,13 +2975,32 @@ function buildSemanticModel(moddle, nodes, edges, opts) {
   return definitions;
 }
 function buildProcess(moddle, allNodes, allEdges, poolId, laneNodes, processId) {
-  const myNodes = poolId ? allNodes.filter(
-    (n) => n.parentId === poolId || laneNodes.some((l) => l.id === n.parentId && l.parentId === poolId)
-  ) : allNodes.filter((n) => n.data.elementType !== "Pool" && n.data.elementType !== "Lane");
+  const subProcessIds = new Set(
+    allNodes.filter(
+      (n) => n.data.elementType === "SubProcess" || n.data.elementType === "Transaction" || n.data.elementType === "EventSubProcess" || n.data.elementType === "AdHocSubProcess"
+    ).map((n) => n.id)
+  );
+  const isInsideSubProcess = (node) => {
+    let parentId = node.parentId;
+    while (parentId) {
+      if (subProcessIds.has(parentId)) return true;
+      parentId = allNodes.find((candidate) => candidate.id === parentId)?.parentId;
+    }
+    return false;
+  };
+  const belongsToPool = (node) => {
+    let parentId = node.parentId;
+    while (parentId) {
+      if (parentId === poolId) return true;
+      parentId = allNodes.find((candidate) => candidate.id === parentId)?.parentId;
+    }
+    return false;
+  };
+  const myNodes = (poolId ? allNodes.filter((n) => belongsToPool(n)) : allNodes.filter((n) => n.data.elementType !== "Pool" && n.data.elementType !== "Lane")).filter((n) => !isInsideSubProcess(n));
   const myLanes = laneNodes.filter((l) => poolId ? l.parentId === poolId : true);
   const flowElements = [];
   for (const node of myNodes) {
-    const el = buildFlowElement(moddle, node);
+    const el = buildFlowElement(moddle, node, allNodes, allEdges);
     if (el) flowElements.push(el);
   }
   const myNodeIds = new Set(myNodes.map((n) => n.id));
@@ -2836,6 +3011,17 @@ function buildProcess(moddle, allNodes, allEdges, poolId, laneNodes, processId)
     const edgeMeta = buildEdgeElement(moddle, edge);
     if (edgeMeta) flowElements.push(edgeMeta);
   }
+  const elementById = new Map(
+    flowElements.filter((element) => typeof element.id === "string").map((element) => [element.id, element])
+  );
+  for (const edge of myEdges) {
+    if (!edge.data?.isDefault) continue;
+    const sourceElement = elementById.get(edge.source);
+    const edgeElement = elementById.get(edge.id);
+    if (sourceElement && edgeElement) {
+      sourceElement.default = edgeElement;
+    }
+  }
   const process = moddle.create("bpmn:Process", {
     id: processId,
     isExecutable: true,
@@ -2856,7 +3042,7 @@ function buildProcess(moddle, allNodes, allEdges, poolId, laneNodes, processId)
   }
   return process;
 }
-function buildFlowElement(moddle, node, _allNodes, _allEdges) {
+function buildFlowElement(moddle, node, allNodes, allEdges) {
   const { elementType, label, trigger } = node.data;
   if (elementType === "Pool" || elementType === "Lane") return null;
   const moddleType = ELEMENT_TYPE_TO_MODDLE[elementType];
@@ -2865,25 +3051,46 @@ function buildFlowElement(moddle, node, _allNodes, _allEdges) {
     id: node.id,
     name: label ?? ""
   };
+  if (node.data.documentation) {
+    attrs.documentation = [
+      moddle.create("bpmn:Documentation", { text: node.data.documentation })
+    ];
+  }
   if (trigger && trigger !== "none") {
     const defType = TRIGGER_TO_EVENT_DEF[trigger];
     if (defType) {
       attrs.eventDefinitions = [moddle.create(defType, { id: uid("EventDef", node.id) })];
     }
   }
-  if (elementType === "SubProcess" && node.data.subProcessVariant === "transaction") {
-    return moddle.create("bpmn:Transaction", attrs);
+  if (elementType === "BoundaryEvent") {
+    attrs.attachedToRef = { id: node.data.attachedToRef ?? node.parentId };
+    attrs.cancelActivity = node.data.isNonInterrupting ? false : true;
   }
-  if (elementType === "SubProcess" && node.data.subProcessVariant === "adhoc") {
-    return moddle.create("bpmn:AdHocSubProcess", attrs);
+  const isSubProcess3 = elementType === "SubProcess" || elementType === "Transaction" || elementType === "EventSubProcess" || elementType === "AdHocSubProcess";
+  if (isSubProcess3) {
+    attrs.flowElements = buildNestedFlowElements(moddle, node, allNodes, allEdges);
+    if (elementType === "EventSubProcess" || node.data.subProcessVariant === "event") {
+      attrs.triggeredByEvent = true;
+    }
   }
   const element = moddle.create(moddleType, attrs);
-  const flowableAttrs = buildFlowableAttrs(node.data);
-  if (Object.keys(flowableAttrs).length > 0) {
-    element.$attrs = flowableAttrs;
-  }
   return element;
 }
+function buildNestedFlowElements(moddle, parent, allNodes, allEdges) {
+  const childNodes = allNodes.filter((node) => node.parentId === parent.id);
+  const childNodeIds = new Set(childNodes.map((node) => node.id));
+  const flowElements = [];
+  for (const child of childNodes) {
+    const element = buildFlowElement(moddle, child, allNodes, allEdges);
+    if (element) flowElements.push(element);
+  }
+  for (const edge of allEdges) {
+    if (!childNodeIds.has(edge.source) || !childNodeIds.has(edge.target)) continue;
+    const element = buildEdgeElement(moddle, edge);
+    if (element) flowElements.push(element);
+  }
+  return flowElements;
+}
 function buildEdgeElement(moddle, edge) {
   if (!edge.data) return null;
   const moddleType = EDGE_TYPE_TO_MODDLE[edge.data.edgeType];
@@ -2894,6 +3101,11 @@ function buildEdgeElement(moddle, edge) {
     sourceRef: { id: edge.source },
     targetRef: { id: edge.target }
   };
+  if (edge.data.documentation) {
+    attrs.documentation = [
+      moddle.create("bpmn:Documentation", { text: edge.data.documentation })
+    ];
+  }
   if (edge.data.conditionExpression) {
     attrs.conditionExpression = moddle.create("bpmn:FormalExpression", {
       body: edge.data.conditionExpression
@@ -2904,13 +3116,14 @@ function buildEdgeElement(moddle, edge) {
 function buildBpmnDI(moddle, definitions, nodes, edges) {
   const shapes = [];
   const edgeShapes = [];
+  const absolutePositionById = buildAbsolutePositionMap(nodes);
   for (const node of nodes) {
     const meta = BPMN_ELEMENT_CATALOG[node.data.elementType];
     const w = node.width ?? meta?.defaultWidth ?? 120;
     const h = node.height ?? meta?.defaultHeight ?? 60;
     const bounds = moddle.create("dc:Bounds", {
-      x: node.position.x,
-      y: node.position.y,
+      x: absolutePositionById.get(node.id)?.x ?? node.position.x,
+      y: absolutePositionById.get(node.id)?.y ?? node.position.y,
       width: w,
       height: h
     });
@@ -2925,9 +3138,9 @@ function buildBpmnDI(moddle, definitions, nodes, edges) {
     shapes.push(shape);
   }
   for (const edge of edges) {
-    const waypoints = edge.data?.routingPoints?.map(
+    const waypoints = resolveEdgeWaypoints(edge, nodes, absolutePositionById).map(
       (p) => moddle.create("dc:Point", { x: p.x, y: p.y })
-    ) ?? [];
+    );
     edgeShapes.push(
       moddle.create("bpmndi:BPMNEdge", {
         id: uid("BPMNEdge", edge.id),
@@ -2949,6 +3162,46 @@ function buildBpmnDI(moddle, definitions, nodes, edges) {
   });
   definitions.diagrams = [diagram];
 }
+function resolveEdgeWaypoints(edge, nodes, absolutePositionById) {
+  if (edge.data?.routingPoints && edge.data.routingPoints.length >= 2) {
+    return edge.data.routingPoints;
+  }
+  const source = nodes.find((node) => node.id === edge.source);
+  const target = nodes.find((node) => node.id === edge.target);
+  if (!source || !target) return [];
+  const sourceMeta = BPMN_ELEMENT_CATALOG[source.data.elementType];
+  const targetMeta = BPMN_ELEMENT_CATALOG[target.data.elementType];
+  const sourcePosition = absolutePositionById.get(source.id) ?? source.position;
+  const targetPosition = absolutePositionById.get(target.id) ?? target.position;
+  return [
+    {
+      x: sourcePosition.x + (source.width ?? sourceMeta.defaultWidth) / 2,
+      y: sourcePosition.y + (source.height ?? sourceMeta.defaultHeight) / 2
+    },
+    {
+      x: targetPosition.x + (target.width ?? targetMeta.defaultWidth) / 2,
+      y: targetPosition.y + (target.height ?? targetMeta.defaultHeight) / 2
+    }
+  ];
+}
+function buildAbsolutePositionMap(nodes) {
+  const nodeById2 = new Map(nodes.map((node) => [node.id, node]));
+  const absoluteById = /* @__PURE__ */ new Map();
+  function resolve(node) {
+    const cached = absoluteById.get(node.id);
+    if (cached) return cached;
+    const parent = node.parentId ? nodeById2.get(node.parentId) : void 0;
+    const parentPosition = parent ? resolve(parent) : { x: 0, y: 0 };
+    const absolute = {
+      x: parentPosition.x + node.position.x,
+      y: parentPosition.y + node.position.y
+    };
+    absoluteById.set(node.id, absolute);
+    return absolute;
+  }
+  for (const node of nodes) resolve(node);
+  return absoluteById;
+}
 async function serializeBpmnXml(nodes, edges, opts = {}) {
   const moddle = new bpmnModdle.BpmnModdle();
   const definitions = buildSemanticModel(moddle, nodes, edges, opts);
@@ -3431,45 +3684,761 @@ function isCompleted(state) {
 function setVariable(state, key, value) {
   return { ...state, variables: { ...state.variables, [key]: value } };
 }
-
-// src/flowable/adapter.ts
-var PreviewAdapter = class {
-  constructor(diagram, initialVariables = {}) {
-    this.diagram = diagram;
-    this.mode = "preview";
-    this.state = createSimulation(diagram, initialVariables);
+function createBpmnNode(options) {
+  const size = getBpmnElementSize(options.elementType);
+  const meta = BPMN_ELEMENT_CATALOG[options.elementType];
+  const orientation = options.data?.orientation ?? meta.orientation;
+  const dragHandle = getBpmnDragHandleSelector(options.elementType);
+  return {
+    id: options.id,
+    type: options.elementType,
+    position: options.position,
+    data: {
+      elementType: options.elementType,
+      orientation,
+      ...options.label ? { label: options.label } : {},
+      ...options.data ?? {}
+    },
+    width: options.width ?? size.width,
+    height: options.height ?? size.height,
+    ...options.parentId ? { parentId: options.parentId } : {},
+    ...dragHandle ? { dragHandle } : {}
+  };
+}
+var BPMN_POOL_LANE_LAYOUT = {
+  poolHeaderSize: 30,
+  laneHeaderSize: 24,
+  laneGap: 0
+};
+function getBpmnDragHandleSelector(elementType) {
+  if (elementType === "Pool") return ".pool-drag-handle";
+  if (elementType === "Lane") return ".lane-drag-handle";
+  return void 0;
+}
+var BPMN_SELECTION_STYLE = {
+  nodeOutline: "#2563eb",
+  edgeStroke: "#2563eb",
+  handleFill: "#ffffff",
+  handleStroke: "#2563eb",
+  resizeHandleSize: 8,
+  routingPointRadius: 5
+};
+var BPMN_ROUTABLE_EDGE_TYPES = [
+  "sequenceFlow",
+  "messageFlow",
+  "association",
+  "dataAssociation",
+  "conversationLink"
+];
+var BPMN_EDGE_CONNECTION_RULES = {
+  sequenceFlow: {
+    edgeType: "sequenceFlow",
+    sourceCategories: ["flowNode"],
+    targetCategories: ["flowNode"],
+    allowSameParent: true,
+    allowDifferentParent: false
+  },
+  messageFlow: {
+    edgeType: "messageFlow",
+    sourceCategories: ["flowNode"],
+    targetCategories: ["flowNode"],
+    allowSameParent: false,
+    allowDifferentParent: true
+  },
+  association: {
+    edgeType: "association",
+    sourceCategories: ["flowNode", "artifact", "data"],
+    targetCategories: ["flowNode", "artifact", "data"],
+    allowSameParent: true,
+    allowDifferentParent: true
+  },
+  dataAssociation: {
+    edgeType: "dataAssociation",
+    sourceCategories: ["flowNode", "data"],
+    targetCategories: ["flowNode", "data"],
+    allowSameParent: true,
+    allowDifferentParent: true
+  },
+  conversationLink: {
+    edgeType: "conversationLink",
+    sourceCategories: ["conversation", "flowNode"],
+    targetCategories: ["conversation", "flowNode"],
+    allowSameParent: true,
+    allowDifferentParent: true
   }
-  async start(variables) {
-    this.state = tick(this.diagram, createSimulation(this.diagram, variables ?? {}));
-    return this.state;
+};
+function inferBpmnEdgeType(state, sourceId, targetId) {
+  const source = diagramsCore.getNode(state, sourceId);
+  const target = diagramsCore.getNode(state, targetId);
+  if (!source || !target) return "sequenceFlow";
+  if (isDataType(source.data.elementType) || isDataType(target.data.elementType)) {
+    return "dataAssociation";
   }
-  async tick() {
-    this.state = tick(this.diagram, this.state);
-    return this.state;
+  if (source.data.elementType === "Annotation" || target.data.elementType === "Annotation" || source.data.elementType === "Group" || target.data.elementType === "Group") {
+    return "association";
   }
-  async fire(elementId, variables) {
-    this.state = fire(this.diagram, this.state, elementId, variables);
-    return this.state;
+  if (source.data.elementType === "Conversation" || source.data.elementType === "SubConversation" || source.data.elementType === "CallConversation" || target.data.elementType === "Conversation" || target.data.elementType === "SubConversation" || target.data.elementType === "CallConversation") {
+    return "conversationLink";
   }
-  async getFireable() {
-    return getFireable(this.diagram, this.state);
+  if (source.parentId && target.parentId && source.parentId !== target.parentId) {
+    return "messageFlow";
   }
-  getState() {
-    return this.state;
+  return "sequenceFlow";
+}
+function canUseSequenceFlow(type) {
+  const meta = BPMN_ELEMENT_CATALOG[type];
+  return meta.handlePolicy !== "none" && !isDataType(type) && type !== "Annotation" && type !== "Group" && meta.category !== "conversation";
+}
+function matchesConnectionCategory(type, categories) {
+  return categories.some((category) => {
+    if (category === type) return true;
+    if (category === "flowNode") return canUseSequenceFlow(type);
+    if (category === "data") return isDataType(type);
+    if (category === "artifact") return type === "Annotation" || type === "Group";
+    if (category === "conversation") return BPMN_ELEMENT_CATALOG[type].category === "conversation";
+    return false;
+  });
+}
+function isBpmnEdgeRoutingEditable(edgeType) {
+  return BPMN_ROUTABLE_EDGE_TYPES.includes(edgeType);
+}
+function isBpmnProcessNode(type) {
+  return isEventType(type) || isGatewayType(type) || type.includes("Task") || type === "CallActivity" || type === "SubProcess" || type === "Transaction" || type === "EventSubProcess" || type === "AdHocSubProcess";
+}
+function canContainBpmnElement(parentType, childType) {
+  if (!parentType) return true;
+  if (parentType === "Pool") {
+    return childType === "Lane" || isBpmnProcessNode(childType) ? true : "Pools can contain lanes or BPMN process nodes.";
   }
-  isCompleted() {
-    return isCompleted(this.state);
+  if (parentType === "Lane") {
+    return isBpmnProcessNode(childType) ? true : "Lanes can only contain BPMN process nodes.";
   }
-};
-function createPreviewAdapter(diagram, initialVariables) {
-  return new PreviewAdapter(diagram, initialVariables);
+  if (parentType === "SubProcess" || parentType === "Transaction" || parentType === "EventSubProcess" || parentType === "AdHocSubProcess") {
+    return isBpmnProcessNode(childType) ? true : "Subprocesses can only contain BPMN process nodes.";
+  }
+  return `${parentType} cannot contain BPMN child elements.`;
+}
+function getDirectBpmnChildren(state, parentId) {
+  return state.nodes.filter((node) => node.parentId === parentId);
+}
+function getBpmnPoolLanes(state, poolId) {
+  return getDirectBpmnChildren(state, poolId).filter(
+    (node) => node.data.elementType === "Lane"
+  );
+}
+function getNodeDimension(node, axis) {
+  return node[axis] ?? node.measured?.[axis] ?? getBpmnElementSize(node.data.elementType)[axis];
+}
+function resolvePoolLaneDirection(pool) {
+  return pool.data.orientation === "vertical" ? "horizontal" : "vertical";
+}
+function getBpmnLaneIndexAtPosition(state, poolId, position) {
+  const pool = diagramsCore.getNode(state, poolId);
+  if (!pool) return 0;
+  const lanes = getBpmnPoolLanes(state, poolId);
+  const direction = resolvePoolLaneDirection(pool);
+  const axis = direction === "vertical" ? "y" : "x";
+  const sizeKey = direction === "vertical" ? "height" : "width";
+  for (let index = 0; index < lanes.length; index += 1) {
+    const lane = lanes[index];
+    const midpoint = lane.position[axis] + getNodeDimension(lane, sizeKey) / 2;
+    if (position[axis] < midpoint) return index;
+  }
+  return lanes.length;
+}
+function sortBpmnLanes(state, poolId, laneId, index) {
+  const lanes = getBpmnPoolLanes(state, poolId);
+  const currentIndex = lanes.findIndex((lane) => lane.id === laneId);
+  if (currentIndex < 0) return state;
+  const orderedIds = lanes.map((lane) => lane.id);
+  const [moved] = orderedIds.splice(currentIndex, 1);
+  orderedIds.splice(Math.max(0, Math.min(index, orderedIds.length)), 0, moved);
+  const order = new Map(orderedIds.map((id, laneIndex) => [id, laneIndex]));
+  return {
+    ...state,
+    nodes: [...state.nodes].sort((a, b) => {
+      const aOrder = order.get(a.id);
+      const bOrder = order.get(b.id);
+      if (aOrder === void 0 && bOrder === void 0) return 0;
+      if (aOrder === void 0) return -1;
+      if (bOrder === void 0) return 1;
+      return aOrder - bOrder;
+    })
+  };
+}
+function layoutBpmnPoolLanes(state, poolId) {
+  const pool = diagramsCore.getNode(state, poolId);
+  if (!pool) return state;
+  const poolSize = getBpmnElementSize("Pool");
+  const direction = resolvePoolLaneDirection(pool);
+  const lanes = getBpmnPoolLanes(state, poolId);
+  let cursor = direction === "vertical" ? BPMN_POOL_LANE_LAYOUT.poolHeaderSize : 0;
+  let next = state;
+  for (const lane of lanes) {
+    const laneSize = getBpmnElementSize("Lane");
+    const width = direction === "vertical" ? Math.max(poolSize.minWidth - BPMN_POOL_LANE_LAYOUT.poolHeaderSize, lane.width ?? laneSize.width) : lane.width ?? laneSize.width;
+    const height = direction === "vertical" ? lane.height ?? laneSize.height : Math.max(poolSize.minHeight - BPMN_POOL_LANE_LAYOUT.poolHeaderSize, lane.height ?? laneSize.height);
+    next = diagramsCore.patchNode(next, lane.id, {
+      position: direction === "vertical" ? { x: BPMN_POOL_LANE_LAYOUT.poolHeaderSize, y: cursor } : { x: cursor, y: BPMN_POOL_LANE_LAYOUT.poolHeaderSize },
+      width,
+      height,
+      data: { orientation: pool.data.orientation ?? "horizontal" }
+    });
+    cursor += (direction === "vertical" ? height : width) + BPMN_POOL_LANE_LAYOUT.laneGap;
+  }
+  const minWidth = direction === "vertical" ? poolSize.minWidth : Math.max(poolSize.minWidth, cursor);
+  const minHeight = direction === "vertical" ? Math.max(poolSize.minHeight, cursor) : poolSize.minHeight;
+  return diagramsCore.resizeNode(next, poolId, { width: minWidth, height: minHeight });
+}
+function reorderBpmnLane(state, options) {
+  return layoutBpmnPoolLanes(
+    sortBpmnLanes(state, options.poolId, options.laneId, options.index),
+    options.poolId
+  );
+}
+function validateBpmnConnectionForEdgeType(state, edgeType, source, target) {
+  const rule = BPMN_EDGE_CONNECTION_RULES[edgeType];
+  if (!matchesConnectionCategory(source.data.elementType, rule.sourceCategories)) {
+    return `${edgeType} cannot start from ${source.data.elementType}.`;
+  }
+  if (!matchesConnectionCategory(target.data.elementType, rule.targetCategories)) {
+    return `${edgeType} cannot target ${target.data.elementType}.`;
+  }
+  const sameParent = (source.parentId ?? null) === (target.parentId ?? null);
+  if (sameParent && rule.allowSameParent === false) {
+    return `${edgeType} must connect BPMN elements in different participants/scopes.`;
+  }
+  if (!sameParent && rule.allowDifferentParent === false) {
+    return `${edgeType} must stay inside the same BPMN participant/scope.`;
+  }
+  if (edgeType === "sequenceFlow") {
+    if (source.data.elementType === "EndEvent") return "End events cannot have outgoing sequence flows.";
+    if (target.data.elementType === "StartEvent") return "Start events cannot have incoming sequence flows.";
+    return validateEdgeCardinality(state, edgeType, source, target);
+  }
+  return true;
+}
+function validateEdgeCardinality(state, edgeType, source, target) {
+  if (edgeType !== "sequenceFlow") return true;
+  const sourceMax = BPMN_ELEMENT_CATALOG[source.data.elementType].maxOutgoing;
+  const targetMax = BPMN_ELEMENT_CATALOG[target.data.elementType].maxIncoming;
+  const outgoing = diagramsCore.getOutgoingEdges(state, source.id).filter(
+    (edge) => edge.data?.edgeType === "sequenceFlow"
+  );
+  const incoming = diagramsCore.getIncomingEdges(state, target.id).filter(
+    (edge) => edge.data?.edgeType === "sequenceFlow"
+  );
+  if (sourceMax !== void 0 && outgoing.length >= sourceMax) {
+    return `${source.data.elementType} cannot have more than ${sourceMax} outgoing sequence flow(s).`;
+  }
+  if (targetMax !== void 0 && incoming.length >= targetMax) {
+    return `${target.data.elementType} cannot have more than ${targetMax} incoming sequence flow(s).`;
+  }
+  return true;
+}
+var bpmnConnectionValidators = [
+  ({ state, source, target }) => {
+    if (source.id === target.id) return "BPMN self-connections are not allowed.";
+    const edgeType = inferBpmnEdgeType(state, source.id, target.id);
+    if (getHandlePolicy(source.data.elementType) === "none" || getHandlePolicy(target.data.elementType) === "none") {
+      return "Elements without BPMN connection handles cannot be directly connected.";
+    }
+    if (edgeType === "sequenceFlow") {
+      return validateBpmnConnectionForEdgeType(state, edgeType, source, target);
+    }
+    return validateBpmnConnectionForEdgeType(state, edgeType, source, target);
+  }
+];
+var BPMN_MODELING_RULES = diagramsCore.createModelingRules({
+  connect: [
+    ({ state, source, target }) => {
+      if (!source || !target) return false;
+      for (const validator of bpmnConnectionValidators) {
+        const result = validator({
+          state,
+          source,
+          target,
+          existingEdges: state.edges
+        });
+        if (result !== true) return result;
+      }
+      return true;
+    }
+  ],
+  drop: [
+    ({ node, parent }) => {
+      if (!node || !parent) return true;
+      if (node.data.elementType === "BoundaryEvent") {
+        return acceptsBoundaryEvents(parent.data.elementType) ? true : "Boundary events can only be attached to tasks or subprocesses.";
+      }
+      return canContainBpmnElement(parent.data.elementType, node.data.elementType);
+    }
+  ],
+  reparent: [
+    ({ node, parent }) => {
+      if (!node || !parent) return true;
+      if (node.data.elementType === "BoundaryEvent") {
+        return acceptsBoundaryEvents(parent.data.elementType) ? true : "Boundary events can only be reparented to tasks or subprocesses.";
+      }
+      return canContainBpmnElement(parent?.data.elementType, node.data.elementType);
+    }
+  ],
+  delete: [() => true],
+  resize: [
+    ({ node }) => !node || isBpmnElementResizable(node.data.elementType) ? true : `${node.data.elementType} is not resizable in BPMN.`
+  ]
+});
+function createBpmnNodeCommand(options) {
+  return {
+    id: `bpmn.createNode.${options.id}`,
+    label: `Create ${options.elementType}`,
+    execute: (state) => diagramsCore.addNode(state, createBpmnNode(options))
+  };
+}
+function connectBpmnCommand(options) {
+  return {
+    id: `bpmn.connect.${options.id ?? `${options.source}-${options.target}`}`,
+    label: "Connect BPMN elements",
+    execute: (state) => {
+      const edgeType = options.edgeType ?? inferBpmnEdgeType(state, options.source, options.target);
+      const source = diagramsCore.getNode(state, options.source);
+      const target = diagramsCore.getNode(state, options.target);
+      if (!source) throw new Error(`Source node "${options.source}" does not exist.`);
+      if (!target) throw new Error(`Target node "${options.target}" does not exist.`);
+      const validation = validateBpmnConnectionForEdgeType(state, edgeType, source, target);
+      if (validation !== true) throw new Error(validation);
+      return diagramsCore.connectNodes(
+        state,
+        {
+          source: options.source,
+          target: options.target,
+          type: edgeType,
+          ...options.sourceHandle !== void 0 ? { sourceHandle: options.sourceHandle } : {},
+          ...options.targetHandle !== void 0 ? { targetHandle: options.targetHandle } : {},
+          ...options.id ? { id: options.id } : {},
+          data: {
+            edgeType,
+            ...options.label ? { label: options.label } : {},
+            ...options.data ?? {}
+          }
+        },
+        []
+      );
+    }
+  };
+}
+function attachBoundaryEventCommand(boundaryId, hostId) {
+  return {
+    id: `bpmn.attachBoundary.${boundaryId}.${hostId}`,
+    label: "Attach boundary event",
+    execute: (state) => {
+      const host = diagramsCore.getNode(state, hostId);
+      if (!host || !acceptsBoundaryEvents(host.data.elementType)) {
+        throw new Error(`Element "${hostId}" cannot host boundary events.`);
+      }
+      const boundary = diagramsCore.getNode(state, boundaryId);
+      if (!boundary || boundary.data.elementType !== "BoundaryEvent") {
+        throw new Error(`Element "${boundaryId}" is not a boundary event.`);
+      }
+      const reparented = diagramsCore.reparentNode(state, boundaryId, { parentId: hostId });
+      return diagramsCore.patchNode(reparented, boundaryId, {
+        data: { attachedToRef: hostId }
+      });
+    }
+  };
+}
+function replaceBpmnNodeCommand(options) {
+  return {
+    id: `bpmn.replaceNode.${options.id}.${options.elementType}`,
+    label: `Replace with ${options.elementType}`,
+    execute: (state) => {
+      const current = diagramsCore.getNode(state, options.id);
+      if (!current) throw new Error(`Element "${options.id}" does not exist.`);
+      const meta = BPMN_ELEMENT_CATALOG[options.elementType];
+      return diagramsCore.replaceNode(state, options.id, {
+        ...current,
+        type: options.elementType,
+        width: options.width ?? current.width ?? meta.defaultWidth,
+        height: options.height ?? current.height ?? meta.defaultHeight,
+        data: {
+          ...current.data,
+          elementType: options.elementType,
+          ...options.label ? { label: options.label } : {},
+          ...options.data ?? {}
+        }
+      });
+    }
+  };
+}
+function reparentBpmnNodeCommand(options) {
+  return {
+    id: `bpmn.reparent.${options.id}.${options.parentId ?? "root"}`,
+    label: "Reparent BPMN element",
+    execute: (state) => {
+      const node = diagramsCore.getNode(state, options.id);
+      const parent = options.parentId ? diagramsCore.getNode(state, options.parentId) : void 0;
+      if (!node) throw new Error(`Element "${options.id}" does not exist.`);
+      if (parent && node.data.elementType === "BoundaryEvent" && !acceptsBoundaryEvents(parent.data.elementType)) {
+        throw new Error("Boundary events can only be reparented to tasks or subprocesses.");
+      }
+      const containment = canContainBpmnElement(parent?.data.elementType, node.data.elementType);
+      if (containment !== true) throw new Error(containment);
+      const reparented = diagramsCore.reparentNode(state, options.id, {
+        ...options.parentId !== void 0 ? { parentId: options.parentId } : {},
+        ...options.position ? { position: options.position } : {}
+      });
+      return parent?.data.elementType === "Pool" && node.data.elementType === "Lane" ? layoutBpmnPoolLanes(reparented, parent.id) : reparented;
+    }
+  };
+}
+function resizeBpmnNodeCommand(options) {
+  return {
+    id: `bpmn.resize.${options.id}`,
+    label: "Resize BPMN element",
+    execute: (state) => {
+      const node = diagramsCore.getNode(state, options.id);
+      if (!node) throw new Error(`Element "${options.id}" does not exist.`);
+      const size = getBpmnElementSize(node.data.elementType);
+      if (!size.resizable) {
+        throw new Error(`${node.data.elementType} is not resizable in BPMN.`);
+      }
+      return diagramsCore.resizeNode(state, options.id, {
+        width: options.width === void 0 ? void 0 : Math.max(size.minWidth, options.width),
+        height: options.height === void 0 ? void 0 : Math.max(size.minHeight, options.height)
+      });
+    }
+  };
+}
+function reorderBpmnLaneCommand(options) {
+  return {
+    id: `bpmn.reorderLane.${options.poolId}.${options.laneId}`,
+    label: "Reorder BPMN lane",
+    execute: (state) => {
+      const pool = diagramsCore.getNode(state, options.poolId);
+      const lane = diagramsCore.getNode(state, options.laneId);
+      if (!pool || pool.data.elementType !== "Pool") {
+        throw new Error(`Element "${options.poolId}" is not a pool.`);
+      }
+      if (!lane || lane.data.elementType !== "Lane" || lane.parentId !== options.poolId) {
+        throw new Error(`Element "${options.laneId}" is not a lane in pool "${options.poolId}".`);
+      }
+      return reorderBpmnLane(state, options);
+    }
+  };
+}
+function moveBpmnLaneCommand(options) {
+  return {
+    id: `bpmn.moveLane.${options.poolId}.${options.laneId}`,
+    label: "Move BPMN lane",
+    execute: (state) => reorderBpmnLane(state, {
+      poolId: options.poolId,
+      laneId: options.laneId,
+      index: getBpmnLaneIndexAtPosition(state, options.poolId, options.position)
+    })
+  };
+}
+function routeBpmnEdgeCommand(options) {
+  return {
+    id: `bpmn.routeEdge.${options.id}`,
+    label: "Route BPMN edge",
+    execute: (state) => {
+      const edge = state.edges.find((item) => item.id === options.id);
+      if (!edge) throw new Error(`Edge "${options.id}" does not exist.`);
+      const edgeType = edge.data?.edgeType;
+      if (!edgeType || !isBpmnEdgeRoutingEditable(edgeType)) {
+        throw new Error(`${edgeType ?? "edge"} routing points cannot be edited.`);
+      }
+      return diagramsCore.patchEdge(state, options.id, {
+        data: { routingPoints: options.routingPoints }
+      });
+    }
+  };
+}
+function deleteBpmnElementsCommand(ids) {
+  return {
+    id: `bpmn.delete.${ids.join(".")}`,
+    label: "Delete BPMN elements",
+    execute: (state) => diagramsCore.removeElements(state, ids)
+  };
+}
+function copyBpmnElements(state, selection) {
+  return diagramsCore.copyElements(state, selection);
+}
+function pasteBpmnElementsCommand(clipboard, options = {}) {
+  return {
+    id: "bpmn.paste",
+    label: "Paste BPMN elements",
+    execute: (state) => diagramsCore.pasteElements(state, clipboard, options)
+  };
+}
+function selectBpmnElementsCommand(selection) {
+  return {
+    id: "bpmn.select",
+    label: "Select BPMN elements",
+    execute: (state) => diagramsCore.setSelection(state, diagramsCore.createSelectionState(selection.nodeIds, selection.edgeIds))
+  };
+}
+function createBpmnDiagramDocument(state, options = {}) {
+  return serialization.createDiagramDocument(diagramsCore.normalizeDiagramState(state), {
+    ...options,
+    diagramType: "bpmn"
+  });
+}
+function serializeBpmnDiagram(state, options = {}) {
+  return serialization.serializeDiagram(diagramsCore.normalizeDiagramState(state), {
+    ...options,
+    diagramType: "bpmn"
+  });
+}
+function parseBpmnDiagramDocument(json) {
+  const document = serialization.parseDiagramDocument(json);
+  if (document.diagramType && document.diagramType !== "bpmn") {
+    throw new Error(`Expected a BPMN diagram document, received "${document.diagramType}".`);
+  }
+  return document;
+}
+function deserializeBpmnDiagram(json) {
+  const document = parseBpmnDiagramDocument(json);
+  return serialization.deserializeDiagram(JSON.stringify(document));
+}
+function runBpmnCommand(stack, command) {
+  return diagramsCore.executeCommand(stack, command);
+}
+function runBpmnCommands(stack, commands, options = {}) {
+  return diagramsCore.executeCommands(stack, commands, options);
+}
+
+// src/validation/index.ts
+function isFlowNode(type) {
+  return isEventType(type) || isGatewayType(type) || type.includes("Task") || type === "CallActivity" || type === "SubProcess" || type === "Transaction" || type === "EventSubProcess" || type === "AdHocSubProcess" || type === "ChoreographyTask" || type === "SubChoreography" || type === "CallChoreography";
+}
+function isProcessNode(type) {
+  return isFlowNode(type) && type !== "BoundaryEvent";
+}
+function isSubProcess2(type) {
+  return type === "SubProcess" || type === "Transaction" || type === "EventSubProcess" || type === "AdHocSubProcess";
+}
+function isCatchTarget(type) {
+  return type === "IntermediateCatchEvent" || type === "ReceiveTask";
+}
+function poolAncestor(node, nodeById2) {
+  let current = node;
+  const visited = /* @__PURE__ */ new Set();
+  while (current?.parentId && !visited.has(current.id)) {
+    visited.add(current.id);
+    const parent = nodeById2.get(current.parentId);
+    if (parent?.data.elementType === "Pool") return parent.id;
+    current = parent;
+  }
+  return void 0;
+}
+function countSequenceEdges(edges, nodeId, direction) {
+  return edges.filter((edge) => {
+    if (edge.data?.edgeType !== "sequenceFlow") return false;
+    return direction === "in" ? edge.target === nodeId : edge.source === nodeId;
+  }).length;
+}
+function sequenceEdges(edges) {
+  return edges.filter((edge) => (edge.data?.edgeType ?? edge.type) === "sequenceFlow");
+}
+function sequenceOut(edges, nodeId) {
+  return sequenceEdges(edges).filter((edge) => edge.source === nodeId);
+}
+function sequenceIn(edges, nodeId) {
+  return sequenceEdges(edges).filter((edge) => edge.target === nodeId);
+}
+function issue(code, severity, message, elementId, relatedElementIds) {
+  return {
+    id: `${code}:${elementId ?? relatedElementIds?.join(",") ?? "diagram"}`,
+    code,
+    severity,
+    message,
+    ...elementId ? { elementId } : {},
+    ...relatedElementIds ? { relatedElementIds } : {}
+  };
+}
+function validateBpmnDiagram(nodes, edges, options = {}) {
+  const opts = {
+    requireStartEvent: true,
+    requireEndEvent: true,
+    strictNames: false,
+    ...options
+  };
+  const issues = [];
+  const nodeById2 = new Map(nodes.map((node) => [node.id, node]));
+  const seqEdges = sequenceEdges(edges);
+  const processNodes = nodes.filter((node) => isProcessNode(node.data.elementType));
+  if (opts.requireStartEvent && !processNodes.some((node) => node.data.elementType === "StartEvent")) {
+    issues.push(issue("bpmn/start-event-required", "error", "The diagram must contain at least one start event."));
+  }
+  if (opts.requireEndEvent && !processNodes.some((node) => node.data.elementType === "EndEvent")) {
+    issues.push(issue("bpmn/end-event-required", "error", "The diagram must contain at least one end event."));
+  }
+  for (const edge of edges) {
+    const edgeType = edge.data?.edgeType ?? edge.type;
+    const source = nodeById2.get(edge.source);
+    const target = nodeById2.get(edge.target);
+    if (!source || !target) {
+      issues.push(issue(
+        "bpmn/no-orphan-edges",
+        "error",
+        `Edge "${edge.id}" references a missing ${!source ? "source" : "target"} node.`,
+        edge.id,
+        [edge.source, edge.target]
+      ));
+      continue;
+    }
+    if (edge.source === edge.target) {
+      issues.push(issue("bpmn/no-self-loop", "error", "BPMN edges cannot connect an element to itself.", edge.id, [edge.source]));
+    }
+    if (edgeType === "sequenceFlow") {
+      if (!isFlowNode(source.data.elementType) || !isFlowNode(target.data.elementType) || isDataType(source.data.elementType) || isDataType(target.data.elementType)) {
+        issues.push(issue("bpmn/sequence-flow-valid-endpoints", "error", "Sequence flows must connect BPMN flow nodes.", edge.id, [source.id, target.id]));
+      }
+      const sourcePool = poolAncestor(source, nodeById2);
+      const targetPool = poolAncestor(target, nodeById2);
+      if (sourcePool && targetPool && sourcePool !== targetPool) {
+        issues.push(issue("bpmn/sequence-flow-no-cross-pool", "error", "Sequence flows cannot cross pools. Use message flow between participants.", edge.id, [source.id, target.id]));
+      }
+    }
+    if (edgeType === "messageFlow") {
+      const sourcePool = poolAncestor(source, nodeById2);
+      const targetPool = poolAncestor(target, nodeById2);
+      if (!sourcePool || !targetPool || sourcePool === targetPool) {
+        issues.push(issue("bpmn/message-flow-valid-endpoints", "error", "Message flows must connect flow nodes in different pools.", edge.id, [source.id, target.id]));
+      }
+      if (!isFlowNode(source.data.elementType) || !isFlowNode(target.data.elementType)) {
+        issues.push(issue("bpmn/message-flow-valid-endpoints", "error", "Message flows must connect BPMN flow nodes, not containers.", edge.id, [source.id, target.id]));
+      }
+    }
+    if (edgeType === "dataAssociation") {
+      const hasDataEndpoint = isDataType(source.data.elementType) || isDataType(target.data.elementType);
+      const hasFlowEndpoint = isFlowNode(source.data.elementType) || isFlowNode(target.data.elementType);
+      if (!hasDataEndpoint || !hasFlowEndpoint) {
+        issues.push(issue("bpmn/data-association-valid-endpoints", "error", "Data associations must connect data elements with flow nodes.", edge.id, [source.id, target.id]));
+      }
+    }
+  }
+  const duplicateSequenceKeys = /* @__PURE__ */ new Set();
+  const reportedDuplicateKeys = /* @__PURE__ */ new Set();
+  for (const edge of seqEdges) {
+    const key = `${edge.source}->${edge.target}`;
+    if (duplicateSequenceKeys.has(key) && !reportedDuplicateKeys.has(key)) {
+      reportedDuplicateKeys.add(key);
+      issues.push(issue("bpmn/no-duplicate-sequence-flow", "error", "Only one sequence flow is allowed between the same source and target.", edge.id, [edge.source, edge.target]));
+    }
+    duplicateSequenceKeys.add(key);
+  }
+  for (const node of nodes) {
+    const type = node.data.elementType;
+    const incoming = countSequenceEdges(edges, node.id, "in");
+    const outgoing = countSequenceEdges(edges, node.id, "out");
+    const meta = BPMN_ELEMENT_CATALOG[type];
+    if (type === "StartEvent" && incoming > 0) {
+      issues.push(issue("bpmn/start-event-no-incoming", "error", "Start events cannot have incoming sequence flows.", node.id));
+    }
+    if (type === "EndEvent") {
+      if (outgoing > 0) issues.push(issue("bpmn/no-outgoing-from-end-event", "error", "End events cannot have outgoing sequence flows.", node.id));
+      if (incoming === 0) issues.push(issue("bpmn/end-event-has-incoming", "error", "End events should have at least one incoming sequence flow.", node.id));
+    }
+    if ((type === "IntermediateCatchEvent" || type === "IntermediateThrowEvent") && (incoming === 0 || outgoing === 0)) {
+      issues.push(issue("bpmn/intermediate-event-both-flows", "error", "Intermediate events should have both incoming and outgoing sequence flows.", node.id));
+    }
+    if (type === "BoundaryEvent") {
+      const hostId = node.data.attachedToRef ?? node.parentId;
+      const host = hostId ? nodeById2.get(hostId) : void 0;
+      if (!host || !BPMN_ELEMENT_CATALOG[host.data.elementType]?.acceptsBoundaryEvents) {
+        issues.push(issue("bpmn/boundary-event-attached", "error", "Boundary events must be attached to an activity or subprocess.", node.id, hostId ? [hostId] : void 0));
+      }
+      if (sequenceIn(edges, node.id).length > 0) {
+        issues.push(issue("bpmn/boundary-no-incoming", "error", "Boundary events cannot have incoming sequence flows.", node.id));
+      }
+      if (sequenceOut(edges, node.id).length === 0) {
+        issues.push(issue("bpmn/boundary-has-outgoing", "warning", "Boundary events should define an outgoing exception path.", node.id));
+      }
+    }
+    if (isGatewayType(type)) {
+      if (incoming === 0) issues.push(issue("bpmn/gateway-has-incoming", "error", "Gateways should have at least one incoming sequence flow.", node.id));
+      if (outgoing === 0) issues.push(issue("bpmn/gateway-has-outgoing", "error", "Gateways should have at least one outgoing sequence flow.", node.id));
+    }
+    if (type === "ExclusiveGateway" || type === "InclusiveGateway" || type === "ComplexGateway") {
+      const outgoingEdges = sequenceOut(edges, node.id);
+      const defaults = outgoingEdges.filter((edge) => edge.data?.isDefault);
+      if (defaults.length > 1) {
+        issues.push(issue("bpmn/gateway-single-default", "error", "Gateways can have at most one default sequence flow.", node.id, defaults.map((edge) => edge.id)));
+      }
+      if (outgoingEdges.length >= 2) {
+        for (const edge of outgoingEdges) {
+          if (!edge.data?.isDefault && !edge.data?.conditionExpression) {
+            issues.push(issue("bpmn/gateway-condition", "error", "Conditional gateway branches should have a condition or be marked as default.", edge.id, [node.id, edge.target]));
+          }
+        }
+      }
+    }
+    if (type === "EventBasedGateway") {
+      const outgoingEdges = edges.filter((edge) => edge.data?.edgeType === "sequenceFlow" && edge.source === node.id);
+      if (outgoingEdges.length < 2) {
+        issues.push(issue("bpmn/event-based-gateway-min-outgoing", "error", "Event-based gateways should have at least two outgoing sequence flows.", node.id));
+      }
+      for (const edge of outgoingEdges) {
+        const target = nodeById2.get(edge.target);
+        if (target && !isCatchTarget(target.data.elementType)) {
+          issues.push(issue("bpmn/event-based-gateway-valid-targets", "error", "Event-based gateways must target catch events or receive tasks.", edge.id, [node.id, target.id]));
+        }
+      }
+    }
+    if (meta.maxIncoming !== void 0 && incoming > meta.maxIncoming) {
+      issues.push(issue("bpmn/max-incoming", "error", `${type} cannot have more than ${meta.maxIncoming} incoming sequence flow(s).`, node.id));
+    }
+    if (meta.maxOutgoing !== void 0 && outgoing > meta.maxOutgoing) {
+      issues.push(issue("bpmn/max-outgoing", "error", `${type} cannot have more than ${meta.maxOutgoing} outgoing sequence flow(s).`, node.id));
+    }
+    if (opts.strictNames && (type.includes("Task") || isGatewayType(type)) && !node.data.label) {
+      issues.push(issue("bpmn/name-required", "warning", `${type} should have a label.`, node.id));
+    }
+    if (isSubProcess2(type)) {
+      const childNodes = nodes.filter((child) => child.parentId === node.id);
+      if (childNodes.length > 0) {
+        if (!childNodes.some((child) => child.data.elementType === "StartEvent")) {
+          issues.push(issue("bpmn/subprocess-has-start-end", "error", "Expanded subprocesses should contain a start event.", node.id));
+        }
+        if (!childNodes.some((child) => child.data.elementType === "EndEvent")) {
+          issues.push(issue("bpmn/subprocess-has-start-end", "error", "Expanded subprocesses should contain an end event.", node.id));
+        }
+      }
+      if (type === "EventSubProcess") {
+        const starts = childNodes.filter((child) => child.data.elementType === "StartEvent");
+        for (const start of starts) {
+          if (!start.data.trigger || start.data.trigger === "none") {
+            issues.push(issue("bpmn/event-subprocess-triggered-start", "error", "Event subprocess start events must define an event trigger.", start.id, [node.id]));
+          }
+        }
+      }
+    }
+    if (type === "Lane") {
+      const parent = node.parentId ? nodeById2.get(node.parentId) : void 0;
+      if (parent?.data.elementType !== "Pool") {
+        issues.push(issue("bpmn/lane-parent-pool", "error", "Lanes must be contained by a pool.", node.id));
+      }
+    }
+  }
+  return {
+    valid: issues.every((item) => item.severity !== "error"),
+    issues
+  };
 }
 
 exports.AnnotationNode = AnnotationNode;
 exports.AssociationEdge = AssociationEdge;
+exports.BPMN_EDGE_CONNECTION_RULES = BPMN_EDGE_CONNECTION_RULES;
 exports.BPMN_EDGE_TYPES = BPMN_EDGE_TYPES;
 exports.BPMN_ELEMENT_CATALOG = BPMN_ELEMENT_CATALOG;
+exports.BPMN_MODELING_RULES = BPMN_MODELING_RULES;
 exports.BPMN_NODE_TYPES = BPMN_NODE_TYPES;
+exports.BPMN_POOL_LANE_LAYOUT = BPMN_POOL_LANE_LAYOUT;
+exports.BPMN_RESIZABLE_ELEMENT_TYPES = BPMN_RESIZABLE_ELEMENT_TYPES;
+exports.BPMN_ROUTABLE_EDGE_TYPES = BPMN_ROUTABLE_EDGE_TYPES;
+exports.BPMN_SELECTION_STYLE = BPMN_SELECTION_STYLE;
 exports.BoundaryEventNode = BoundaryEventNode;
 exports.CallChoreographyNode = CallChoreographyNode;
 exports.CallConversationNode = CallConversationNode;
@@ -3498,13 +4467,30 @@ exports.SubConversationNode = SubConversationNode;
 exports.SubProcessNode = SubProcessNode;
 exports.TaskNode = TaskNode;
 exports.acceptsBoundaryEvents = acceptsBoundaryEvents;
-exports.createPreviewAdapter = createPreviewAdapter;
+exports.attachBoundaryEventCommand = attachBoundaryEventCommand;
+exports.bpmnConnectionValidators = bpmnConnectionValidators;
+exports.canContainBpmnElement = canContainBpmnElement;
+exports.connectBpmnCommand = connectBpmnCommand;
+exports.copyBpmnElements = copyBpmnElements;
+exports.createBpmnDiagramDocument = createBpmnDiagramDocument;
+exports.createBpmnNode = createBpmnNode;
+exports.createBpmnNodeCommand = createBpmnNodeCommand;
 exports.createSimulation = createSimulation;
+exports.deleteBpmnElementsCommand = deleteBpmnElementsCommand;
+exports.deserializeBpmnDiagram = deserializeBpmnDiagram;
 exports.fire = fire;
+exports.getBpmnDragHandleSelector = getBpmnDragHandleSelector;
+exports.getBpmnElementSize = getBpmnElementSize;
+exports.getBpmnLaneIndexAtPosition = getBpmnLaneIndexAtPosition;
+exports.getBpmnPoolLanes = getBpmnPoolLanes;
 exports.getElementMeta = getElementMeta;
 exports.getFireable = getFireable;
 exports.getHandlePolicy = getHandlePolicy;
 exports.getOrientation = getOrientation;
+exports.inferBpmnEdgeType = inferBpmnEdgeType;
+exports.isBpmnEdgeRoutingEditable = isBpmnEdgeRoutingEditable;
+exports.isBpmnElementResizable = isBpmnElementResizable;
+exports.isBpmnProcessNode = isBpmnProcessNode;
 exports.isChoreographyType = isChoreographyType;
 exports.isCompleted = isCompleted;
 exports.isContainerType = isContainerType;
@@ -3513,11 +4499,27 @@ exports.isDataType = isDataType;
 exports.isEventType = isEventType;
 exports.isGatewayType = isGatewayType;
 exports.isTaskType = isTaskType;
+exports.layoutBpmnPoolLanes = layoutBpmnPoolLanes;
+exports.moveBpmnLaneCommand = moveBpmnLaneCommand;
+exports.parseBpmnDiagramDocument = parseBpmnDiagramDocument;
 exports.parseBpmnXml = parseBpmnXml;
+exports.pasteBpmnElementsCommand = pasteBpmnElementsCommand;
+exports.reorderBpmnLane = reorderBpmnLane;
+exports.reorderBpmnLaneCommand = reorderBpmnLaneCommand;
+exports.reparentBpmnNodeCommand = reparentBpmnNodeCommand;
+exports.replaceBpmnNodeCommand = replaceBpmnNodeCommand;
+exports.resizeBpmnNodeCommand = resizeBpmnNodeCommand;
+exports.routeBpmnEdgeCommand = routeBpmnEdgeCommand;
+exports.runBpmnCommand = runBpmnCommand;
+exports.runBpmnCommands = runBpmnCommands;
+exports.selectBpmnElementsCommand = selectBpmnElementsCommand;
+exports.serializeBpmnDiagram = serializeBpmnDiagram;
 exports.serializeBpmnXml = serializeBpmnXml;
 exports.setVariable = setVariable;
 exports.supportsCollapse = supportsCollapse;
 exports.supportsMarkers = supportsMarkers;
 exports.tick = tick;
+exports.validateBpmnConnectionForEdgeType = validateBpmnConnectionForEdgeType;
+exports.validateBpmnDiagram = validateBpmnDiagram;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map