@bpmnkit/editor 0.0.15 → 0.0.17

package/README.md

@@ -122,6 +122,8 @@ interface SideDock {
 | [`@bpmnkit/cli-sdk`](https://www.npmjs.com/package/@bpmnkit/cli-sdk) | Plugin authoring SDK for the casen CLI |
 | [`@bpmnkit/create-casen-plugin`](https://www.npmjs.com/package/@bpmnkit/create-casen-plugin) | Scaffold a new casen CLI plugin in seconds |
 | [`@bpmnkit/casen-report`](https://www.npmjs.com/package/@bpmnkit/casen-report) | HTML reports from Camunda 8 incident and SLA data |
+| [`@bpmnkit/casen-worker-http`](https://www.npmjs.com/package/@bpmnkit/casen-worker-http) | Example HTTP worker plugin — completes jobs with live JSONPlaceholder API data |
+| [`@bpmnkit/casen-worker-ai`](https://www.npmjs.com/package/@bpmnkit/casen-worker-ai) | AI task worker — classify, summarize, extract, and decide using Claude |
 
 ## License
 

package/dist/dock.d.ts

@@ -5,11 +5,12 @@ export interface SideDock {
     aiPane: HTMLDivElement;
     playPane: HTMLDivElement;
     docsPane: HTMLDivElement;
-    switchTab(tab: "properties" | "history" | "ai" | "play" | "docs"): void;
+    deployPane: HTMLDivElement;
+    switchTab(tab: "properties" | "history" | "ai" | "play" | "docs" | "deploy"): void;
     expand(): void;
     collapse(): void;
     get collapsed(): boolean;
-    get activeTab(): "properties" | "history" | "ai" | "play" | "docs";
+    get activeTab(): "properties" | "history" | "ai" | "play" | "docs" | "deploy";
     /** Update the info shown in the Properties empty state. */
     setDiagramInfo(processName: string | null, fileName: string | null): void;
     /** Hide the empty state when a config panel is displayed. */
@@ -30,6 +31,8 @@ export interface SideDock {
     setPlayTabClickHandler(fn: () => void): void;
     /** Register a callback invoked when the Docs tab is clicked. */
     setDocsTabClickHandler(fn: () => void): void;
+    /** Register a callback invoked when the Deploy tab is clicked. */
+    setDeployTabClickHandler(fn: () => void): void;
 }
 export declare function createSideDock(): SideDock;
 //# sourceMappingURL=dock.d.ts.map

package/dist/dock.js

@@ -166,11 +166,15 @@ export function createSideDock() {
     const docsTab = document.createElement("button");
     docsTab.className = "bpmnkit-side-dock__tab";
     docsTab.textContent = "Docs";
+    const deployTab = document.createElement("button");
+    deployTab.className = "bpmnkit-side-dock__tab";
+    deployTab.textContent = "Deploy";
     tabStrip.appendChild(propertiesTab);
     tabStrip.appendChild(historyTab);
     tabStrip.appendChild(aiTab);
     tabStrip.appendChild(playTab);
     tabStrip.appendChild(docsTab);
+    tabStrip.appendChild(deployTab);
     // Properties pane — contains the info empty state
     const propertiesPane = document.createElement("div");
     propertiesPane.className = "bpmnkit-side-dock__pane";
@@ -216,6 +220,9 @@ export function createSideDock() {
     // Docs pane
     const docsPane = document.createElement("div");
     docsPane.className = "bpmnkit-side-dock__pane bpmnkit-side-dock__pane--hidden";
+    // Deploy pane
+    const deployPane = document.createElement("div");
+    deployPane.className = "bpmnkit-side-dock__pane bpmnkit-side-dock__pane--hidden";
     el.appendChild(collapseHandle);
     el.appendChild(resizeHandle);
     el.appendChild(tabStrip);
@@ -224,6 +231,7 @@ export function createSideDock() {
     el.appendChild(aiPane);
     el.appendChild(playPane);
     el.appendChild(docsPane);
+    el.appendChild(deployPane);
     // ── State ──
     let _collapsed = false;
     let _width = DEFAULT_WIDTH;
@@ -232,6 +240,7 @@ export function createSideDock() {
     let _historyTabHandler = null;
     let _playTabHandler = null;
     let _docsTabHandler = null;
+    let _deployTabHandler = null;
     function setDocWidth(w) {
         el.style.width = `${w}px`;
         document.body.style.setProperty("--bpmnkit-dock-width", `${w}px`);
@@ -271,11 +280,13 @@ export function createSideDock() {
         aiTab.classList.toggle("active", tab === "ai");
         playTab.classList.toggle("active", tab === "play");
         docsTab.classList.toggle("active", tab === "docs");
+        deployTab.classList.toggle("active", tab === "deploy");
         propertiesPane.classList.toggle("bpmnkit-side-dock__pane--hidden", tab !== "properties");
         historyPane.classList.toggle("bpmnkit-side-dock__pane--hidden", tab !== "history");
         aiPane.classList.toggle("bpmnkit-side-dock__pane--hidden", tab !== "ai");
         playPane.classList.toggle("bpmnkit-side-dock__pane--hidden", tab !== "play");
         docsPane.classList.toggle("bpmnkit-side-dock__pane--hidden", tab !== "docs");
+        deployPane.classList.toggle("bpmnkit-side-dock__pane--hidden", tab !== "deploy");
     }
     // ── Expand / collapse ──
     function expand() {
@@ -341,6 +352,9 @@ export function createSideDock() {
     function setDocsTabClickHandler(fn) {
         _docsTabHandler = fn;
     }
+    function setDeployTabClickHandler(fn) {
+        _deployTabHandler = fn;
+    }
     function setVisible(visible) {
         if (visible) {
             el.style.display = "";
@@ -369,6 +383,10 @@ export function createSideDock() {
         switchTab("docs");
         _docsTabHandler?.();
     });
+    deployTab.addEventListener("click", () => {
+        switchTab("deploy");
+        _deployTabHandler?.();
+    });
     collapseHandle.addEventListener("click", () => {
         if (_collapsed)
             expand();
@@ -410,6 +428,7 @@ export function createSideDock() {
         aiPane,
         playPane,
         docsPane,
+        deployPane,
         switchTab,
         expand,
         collapse,
@@ -423,6 +442,7 @@ export function createSideDock() {
         setPlayTabVisible,
         setPlayTabClickHandler,
         setDocsTabClickHandler,
+        setDeployTabClickHandler,
         get collapsed() {
             return _collapsed;
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bpmnkit/editor",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -17,8 +17,8 @@
     "dist/**/*.d.ts"
   ],
   "dependencies": {
-    "@bpmnkit/canvas": "0.0.14",
-    "@bpmnkit/core": "0.0.14"
+    "@bpmnkit/canvas": "0.0.15",
+    "@bpmnkit/core": "0.0.15"
   },
   "description": "Full-featured interactive BPMN editor with undo/redo, HUD, and side-dock UI",
   "keywords": [