@aranzatech/diagrams-bpmn 0.2.0 → 0.2.1

package/dist/index.cjs

@@ -43,7 +43,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   IntermediateCatchEvent: {
     label: "Intermediate Catch Event",
-    icon: "Clock",
+    icon: "Clock3",
     category: "event",
     defaultWidth: 36,
     defaultHeight: 36,
@@ -57,7 +57,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   IntermediateThrowEvent: {
     label: "Intermediate Throw Event",
-    icon: "Zap",
+    icon: "Send",
     category: "event",
     defaultWidth: 36,
     defaultHeight: 36,
@@ -71,7 +71,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   BoundaryEvent: {
     label: "Boundary Event",
-    icon: "AlertCircle",
+    icon: "AlarmClock",
     category: "event",
     defaultWidth: 36,
     defaultHeight: 36,
@@ -87,7 +87,7 @@ var BPMN_ELEMENT_CATALOG = {
   // ─── Tasks ───────────────────────────────────────────────────────────────────
   Task: {
     label: "Task",
-    icon: "Square",
+    icon: "CheckSquare",
     category: "task",
     defaultWidth: 120,
     defaultHeight: 60,
@@ -101,7 +101,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   UserTask: {
     label: "User Task",
-    icon: "User",
+    icon: "UserRound",
     category: "task",
     defaultWidth: 120,
     defaultHeight: 60,
@@ -115,7 +115,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   ServiceTask: {
     label: "Service Task",
-    icon: "Settings",
+    icon: "Cog",
     category: "task",
     defaultWidth: 120,
     defaultHeight: 60,
@@ -157,7 +157,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   BusinessRuleTask: {
     label: "Business Rule Task",
-    icon: "Scale",
+    icon: "Table2",
     category: "task",
     defaultWidth: 120,
     defaultHeight: 60,
@@ -171,7 +171,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   ReceiveTask: {
     label: "Receive Task",
-    icon: "Mail",
+    icon: "Inbox",
     category: "task",
     defaultWidth: 120,
     defaultHeight: 60,
@@ -214,7 +214,7 @@ var BPMN_ELEMENT_CATALOG = {
   // ─── Gateways ────────────────────────────────────────────────────────────────
   ExclusiveGateway: {
     label: "Exclusive Gateway",
-    icon: "GitBranch",
+    icon: "X",
     category: "gateway",
     defaultWidth: 50,
     defaultHeight: 50,
@@ -227,7 +227,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   InclusiveGateway: {
     label: "Inclusive Gateway",
-    icon: "GitMerge",
+    icon: "Circle",
     category: "gateway",
     defaultWidth: 50,
     defaultHeight: 50,
@@ -240,7 +240,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   ParallelGateway: {
     label: "Parallel Gateway",
-    icon: "GitFork",
+    icon: "Plus",
     category: "gateway",
     defaultWidth: 50,
     defaultHeight: 50,
@@ -281,7 +281,7 @@ var BPMN_ELEMENT_CATALOG = {
   // ─── Containers ───────────────────────────────────────────────────────────────
   SubProcess: {
     label: "Sub-Process",
-    icon: "Layout",
+    icon: "PlusSquare",
     category: "container",
     defaultWidth: 350,
     defaultHeight: 200,
@@ -296,7 +296,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   Transaction: {
     label: "Transaction",
-    icon: "CreditCard",
+    icon: "Receipt",
     category: "container",
     defaultWidth: 350,
     defaultHeight: 200,
@@ -311,7 +311,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   EventSubProcess: {
     label: "Event Sub-Process",
-    icon: "Workflow",
+    icon: "CircleDotDashed",
     category: "container",
     defaultWidth: 350,
     defaultHeight: 200,
@@ -326,7 +326,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   AdHocSubProcess: {
     label: "Ad-Hoc Sub-Process",
-    icon: "Shuffle",
+    icon: "Waves",
     category: "container",
     defaultWidth: 350,
     defaultHeight: 200,
@@ -341,7 +341,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   Pool: {
     label: "Pool",
-    icon: "Columns",
+    icon: "Rows3",
     category: "container",
     defaultWidth: 600,
     defaultHeight: 200,
@@ -356,7 +356,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   Lane: {
     label: "Lane",
-    icon: "AlignJustify",
+    icon: "PanelTop",
     category: "container",
     defaultWidth: 600,
     defaultHeight: 120,
@@ -575,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([
@@ -698,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;
@@ -712,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%",
@@ -864,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",
         {
@@ -893,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",
         {
@@ -921,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 })
@@ -937,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 })
@@ -953,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",
         {
@@ -991,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" }),
@@ -1133,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",
@@ -1224,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",
         {
@@ -1267,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(
@@ -1326,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",
@@ -1341,8 +1423,10 @@ 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(
@@ -1393,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,
@@ -1442,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",
@@ -1456,8 +1543,10 @@ 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(
@@ -1512,8 +1601,10 @@ 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(
@@ -1649,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 })
     ] }),
@@ -1667,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",
         {
@@ -1713,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)
@@ -1728,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(
@@ -1752,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(
@@ -1780,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",
         {
@@ -2897,9 +2988,15 @@ function buildProcess(moddle, allNodes, allEdges, poolId, laneNodes, processId)
     }
     return false;
   };
-  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")).filter((n) => !isInsideSubProcess(n));
+  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) {
@@ -2969,8 +3066,8 @@ function buildFlowElement(moddle, node, allNodes, allEdges) {
     attrs.attachedToRef = { id: node.data.attachedToRef ?? node.parentId };
     attrs.cancelActivity = node.data.isNonInterrupting ? false : true;
   }
-  const isSubProcess2 = elementType === "SubProcess" || elementType === "Transaction" || elementType === "EventSubProcess" || elementType === "AdHocSubProcess";
-  if (isSubProcess2) {
+  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;
@@ -3041,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),
@@ -3065,6 +3162,28 @@ 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();
@@ -3566,21 +3685,88 @@ function setVariable(state, key, value) {
   return { ...state, variables: { ...state.variables, [key]: value } };
 }
 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 ?? meta.defaultWidth,
-    height: options.height ?? meta.defaultHeight,
-    ...options.parentId ? { parentId: options.parentId } : {}
+    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
+  }
+};
 function inferBpmnEdgeType(state, sourceId, targetId) {
   const source = diagramsCore.getNode(state, sourceId);
   const target = diagramsCore.getNode(state, targetId);
@@ -3603,6 +3789,135 @@ 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.";
+  }
+  if (parentType === "Lane") {
+    return isBpmnProcessNode(childType) ? true : "Lanes can only contain BPMN process nodes.";
+  }
+  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;
@@ -3629,14 +3944,9 @@ var bpmnConnectionValidators = [
       return "Elements without BPMN connection handles cannot be directly connected.";
     }
     if (edgeType === "sequenceFlow") {
-      if (!canUseSequenceFlow(source.data.elementType) || !canUseSequenceFlow(target.data.elementType)) {
-        return "Sequence flows can only connect BPMN flow nodes.";
-      }
-      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 validateBpmnConnectionForEdgeType(state, edgeType, source, target);
     }
-    return true;
+    return validateBpmnConnectionForEdgeType(state, edgeType, source, target);
   }
 ];
 var BPMN_MODELING_RULES = diagramsCore.createModelingRules({
@@ -3661,10 +3971,7 @@ var BPMN_MODELING_RULES = diagramsCore.createModelingRules({
       if (node.data.elementType === "BoundaryEvent") {
         return acceptsBoundaryEvents(parent.data.elementType) ? true : "Boundary events can only be attached to tasks or subprocesses.";
       }
-      if (parent.data.elementType === "Pool" || parent.data.elementType === "Lane") {
-        return isEventType(node.data.elementType) || node.data.elementType.includes("Task") || node.data.elementType.includes("Gateway") || node.data.elementType.includes("SubProcess") ? true : "Only flow nodes can be dropped into pools or lanes.";
-      }
-      return true;
+      return canContainBpmnElement(parent.data.elementType, node.data.elementType);
     }
   ],
   reparent: [
@@ -3673,11 +3980,13 @@ var BPMN_MODELING_RULES = diagramsCore.createModelingRules({
       if (node.data.elementType === "BoundaryEvent") {
         return acceptsBoundaryEvents(parent.data.elementType) ? true : "Boundary events can only be reparented to tasks or subprocesses.";
       }
-      return true;
+      return canContainBpmnElement(parent?.data.elementType, node.data.elementType);
     }
   ],
   delete: [() => true],
-  resize: [() => true]
+  resize: [
+    ({ node }) => !node || isBpmnElementResizable(node.data.elementType) ? true : `${node.data.elementType} is not resizable in BPMN.`
+  ]
 });
 function createBpmnNodeCommand(options) {
   return {
@@ -3692,6 +4001,12 @@ function connectBpmnCommand(options) {
     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,
         {
@@ -3707,7 +4022,7 @@ function connectBpmnCommand(options) {
             ...options.data ?? {}
           }
         },
-        bpmnConnectionValidators
+        []
       );
     }
   };
@@ -3766,10 +4081,13 @@ function reparentBpmnNodeCommand(options) {
       if (parent && node.data.elementType === "BoundaryEvent" && !acceptsBoundaryEvents(parent.data.elementType)) {
         throw new Error("Boundary events can only be reparented to tasks or subprocesses.");
       }
-      return diagramsCore.reparentNode(state, options.id, {
+      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;
     }
   };
 }
@@ -3777,7 +4095,63 @@ function resizeBpmnNodeCommand(options) {
   return {
     id: `bpmn.resize.${options.id}`,
     label: "Resize BPMN element",
-    execute: (state) => diagramsCore.resizeNode(state, options.id, options)
+    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) {
@@ -3834,12 +4208,237 @@ 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;
@@ -3870,6 +4469,7 @@ exports.TaskNode = TaskNode;
 exports.acceptsBoundaryEvents = acceptsBoundaryEvents;
 exports.attachBoundaryEventCommand = attachBoundaryEventCommand;
 exports.bpmnConnectionValidators = bpmnConnectionValidators;
+exports.canContainBpmnElement = canContainBpmnElement;
 exports.connectBpmnCommand = connectBpmnCommand;
 exports.copyBpmnElements = copyBpmnElements;
 exports.createBpmnDiagramDocument = createBpmnDiagramDocument;
@@ -3879,11 +4479,18 @@ 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;
@@ -3892,12 +4499,17 @@ 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;
@@ -3907,5 +4519,7 @@ 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