@xyne/workflow-ui 0.1.3 → 0.2.0

package/dist/utils/group-layout.js

@@ -0,0 +1,53 @@
+/**
+ * Wraps contiguous runs of steps sharing a `groupId` in group boxes, shared by
+ * the builder (`WorkflowTree`) and run view (`ExecutionTree`). Pure layout: the
+ * callers supply how to render the step elements, the group box, and the
+ * boundary connector — this owns only the run-detection + connector-suppression
+ * bookkeeping that both trees would otherwise duplicate.
+ */
+export function layoutStepsWithGroups(opts) {
+    const { steps, groups, renderElements, renderGroup, renderBoundaryConnector, showTrailingAdd } = opts;
+    const groupFor = (gid) => (gid ? groups.find((g) => g.id === gid) : undefined);
+    // 1. Each group's last step must suppress its inner trailing connector so the
+    //    connector can render outside the box (otherwise the "+" sits on the border).
+    const suppress = new Set();
+    for (let k = 0; k < steps.length;) {
+        const gid = steps[k].groupId;
+        if (!groupFor(gid)) {
+            k++;
+            continue;
+        }
+        let end = k;
+        while (end + 1 < steps.length && steps[end + 1].groupId === gid)
+            end++;
+        if (end < steps.length - 1 || showTrailingAdd)
+            suppress.add(steps[end].id);
+        k = end + 1;
+    }
+    // 2. Render elements with suppression, then assemble — wrapping group runs and
+    //    re-emitting boundary connectors outside their boxes.
+    const elements = renderElements(suppress);
+    const out = [];
+    for (let i = 0; i < steps.length;) {
+        const gid = steps[i].groupId;
+        const group = groupFor(gid);
+        if (!group) {
+            out.push(elements[i]);
+            i++;
+            continue;
+        }
+        const start = i;
+        const run = [];
+        while (i < steps.length && steps[i].groupId === gid) {
+            run.push(elements[i]);
+            i++;
+        }
+        const lastStep = steps[i - 1];
+        out.push(renderGroup(group, run, `group-${group.id}-${start}`));
+        if (suppress.has(lastStep.id)) {
+            out.push(renderBoundaryConnector(lastStep.id, `group-conn-${group.id}-${start}`));
+        }
+    }
+    return out;
+}
+//# sourceMappingURL=group-layout.js.map

package/dist/utils/group-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-layout.js","sourceRoot":"","sources":["../../src/utils/group-layout.ts"],"names":[],"mappings":"AA0BA;;;;;;GAMG;AACH,MAAM,UAAU,qBAAqB,CAAC,IAAwB;IAC5D,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,uBAAuB,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;IAEtG,MAAM,QAAQ,GAAG,CAAC,GAAuB,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAEnG,8EAA8E;IAC9E,kFAAkF;IAClF,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAU,CAAC;IACnC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC;QAClC,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAE,CAAC,OAAO,CAAC;QAC9B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAAC,CAAC,EAAE,CAAC;YAAC,SAAS;QAAC,CAAC;QACtC,IAAI,GAAG,GAAG,CAAC,CAAC;QACZ,OAAO,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,GAAG,CAAC,CAAE,CAAC,OAAO,KAAK,GAAG;YAAE,GAAG,EAAE,CAAC;QACxE,IAAI,GAAG,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,eAAe;YAAE,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAE,CAAC,EAAE,CAAC,CAAC;QAC5E,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;IACd,CAAC;IAED,+EAA+E;IAC/E,0DAA0D;IAC1D,MAAM,QAAQ,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,GAAG,GAAgB,EAAE,CAAC;IAC5B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC;QAClC,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAE,CAAC,OAAO,CAAC;QAC9B,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC5B,IAAI,CAAC,KAAK,EAAE,CAAC;YAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;YAAC,CAAC,EAAE,CAAC;YAAC,SAAS;QAAC,CAAC;QAErD,MAAM,KAAK,GAAG,CAAC,CAAC;QAChB,MAAM,GAAG,GAAgB,EAAE,CAAC;QAC5B,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC,CAAE,CAAC,OAAO,KAAK,GAAG,EAAE,CAAC;YAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;YAAC,CAAC,EAAE,CAAC;QAAC,CAAC;QACrF,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAE,CAAC;QAE/B,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,KAAK,CAAC,EAAE,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC;QAChE,IAAI,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;YAC9B,GAAG,CAAC,IAAI,CAAC,uBAAuB,CAAC,QAAQ,CAAC,EAAE,EAAE,cAAc,KAAK,CAAC,EAAE,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC;QACpF,CAAC;IACH,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyne/workflow-ui",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "description": "Workflow builder + execution-viewer React UI for @xyne/workflow-sdk.",
   "license": "UNLICENSED",
   "repository": {
@@ -39,7 +39,7 @@
     "prepublishOnly": "npm run build"
   },
   "peerDependencies": {
-    "@xyne/workflow-sdk": ">=1.0.0",
+    "@xyne/workflow-sdk": ">=1.1.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
@@ -48,12 +48,13 @@
     "@codemirror/lang-javascript": "^6.2.5",
     "@codemirror/theme-one-dark": "^6.1.3",
     "@codemirror/view": "^6.43.1",
-    "@uiw/react-codemirror": "^4.25.10",
     "@tanstack/react-query": "^5.0.0",
     "@uiw/react-codemirror": "^4.25.10",
     "@xyflow/react": "^12.0.0",
     "clsx": "^2.0.0",
+    "react-markdown": "^9.1.0",
     "recharts": "^3.8.1",
+    "remark-gfm": "^4.0.1",
     "tailwind-merge": "^3.0.0"
   },
   "devDependencies": {
@@ -66,9 +67,9 @@
     "@xyne/workflow-sdk": "file:../workflow-sdk",
     "autoprefixer": "^10.4.20",
     "jsdom": "^25.0.0",
-    "tailwindcss": "^3.4.17",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "tailwindcss": "^3.4.17",
     "typescript": "^5.8.0",
     "vitest": "^3.2.1"
   },