@bpmnkit/plugins 0.0.15 → 0.0.17

package/README.md

@@ -154,6 +154,8 @@ const ai = createAiBridgePlugin({
 | [`@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/ai-bridge/css.js

@@ -360,6 +360,83 @@ export function injectAiBridgeStyles() {
   border-color: rgba(0,80,200,0.25); background: rgba(0,80,200,0.07); color: rgba(0,60,180,0.85);
 }
 [data-bpmnkit-hud-theme="light"] .ai-companion-create:hover:not(:disabled) { background: rgba(0,80,200,0.13); }
+/* ── Neon theme ── */
+[data-bpmnkit-hud-theme="neon"] .ai-panel {
+  background: oklch(5% 0.025 270 / 0.97);
+  border-left-color: oklch(65% 0.28 280 / 0.18);
+  box-shadow: -8px 0 32px oklch(0% 0 0 / 0.6);
+}
+[data-bpmnkit-hud-theme="neon"] .ai-panel-header { border-bottom-color: oklch(65% 0.28 280 / 0.12); }
+[data-bpmnkit-hud-theme="neon"] .ai-panel-status { border-bottom-color: oklch(65% 0.28 280 / 0.08); }
+[data-bpmnkit-hud-theme="neon"] .ai-msg-user {
+  background: oklch(65% 0.28 280 / 0.18);
+  border-color: oklch(65% 0.28 280 / 0.3);
+}
+[data-bpmnkit-hud-theme="neon"] .ai-msg-ai {
+  background: oklch(65% 0.28 280 / 0.05);
+  border-color: oklch(65% 0.28 280 / 0.1);
+}
+[data-bpmnkit-hud-theme="neon"] .ai-msg-copy { border-color: oklch(65% 0.28 280 / 0.15); }
+[data-bpmnkit-hud-theme="neon"] .ai-msg-copy:hover { border-color: oklch(65% 0.28 280 / 0.35); }
+[data-bpmnkit-hud-theme="neon"] .ai-msg-preview { border-color: oklch(65% 0.28 280 / 0.12); }
+[data-bpmnkit-hud-theme="neon"] .ai-welcome-example {
+  background: oklch(65% 0.28 280 / 0.04); border-color: oklch(65% 0.28 280 / 0.1);
+}
+[data-bpmnkit-hud-theme="neon"] .ai-welcome-example:hover {
+  background: oklch(65% 0.28 280 / 0.1); color: oklch(88% 0.02 270);
+}
+[data-bpmnkit-hud-theme="neon"] .ai-quick-actions { border-top-color: oklch(65% 0.28 280 / 0.08); }
+[data-bpmnkit-hud-theme="neon"] .ai-quick-btn {
+  background: oklch(65% 0.28 280 / 0.06); border-color: oklch(65% 0.28 280 / 0.14);
+  color: oklch(65% 0.1 280);
+}
+[data-bpmnkit-hud-theme="neon"] .ai-quick-btn:hover:not(:disabled) {
+  background: oklch(65% 0.28 280 / 0.13); color: oklch(88% 0.02 270);
+}
+[data-bpmnkit-hud-theme="neon"] .ai-context-refs { border-top-color: oklch(65% 0.28 280 / 0.08); }
+[data-bpmnkit-hud-theme="neon"] .ai-context-badge {
+  background: oklch(65% 0.28 280 / 0.12); border-color: oklch(65% 0.28 280 / 0.28);
+  color: oklch(75% 0.16 280);
+}
+[data-bpmnkit-hud-theme="neon"] .ai-context-badge__remove { color: oklch(65% 0.1 280 / 0.55); }
+[data-bpmnkit-hud-theme="neon"] .ai-context-badge__remove:hover { color: oklch(88% 0.02 270); }
+[data-bpmnkit-hud-theme="neon"] .ai-msg-context-chip {
+  background: oklch(65% 0.28 280 / 0.12); border-color: oklch(65% 0.28 280 / 0.25);
+  color: oklch(75% 0.16 280);
+}
+[data-bpmnkit-hud-theme="neon"] .ai-input-area { border-top-color: oklch(65% 0.28 280 / 0.1); }
+[data-bpmnkit-hud-theme="neon"] .ai-textarea {
+  background: oklch(65% 0.28 280 / 0.05); border-color: oklch(65% 0.28 280 / 0.15);
+}
+[data-bpmnkit-hud-theme="neon"] .ai-textarea:focus { border-color: oklch(65% 0.28 280 / 0.45); }
+[data-bpmnkit-hud-theme="neon"] .ai-send-btn {
+  background: oklch(65% 0.28 280 / 0.45); border-color: oklch(65% 0.28 280 / 0.65);
+}
+[data-bpmnkit-hud-theme="neon"] .ai-send-btn:hover:not(:disabled) { background: oklch(65% 0.28 280 / 0.6); }
+[data-bpmnkit-hud-theme="neon"] .ai-hdr-btn {
+  background: oklch(65% 0.28 280 / 0.06); border-color: oklch(65% 0.28 280 / 0.12);
+  color: oklch(65% 0.1 280);
+}
+[data-bpmnkit-hud-theme="neon"] .ai-hdr-btn:hover { color: oklch(88% 0.02 270); }
+[data-bpmnkit-hud-theme="neon"] .ai-backend-select {
+  background: oklch(65% 0.28 280 / 0.06); border-color: oklch(65% 0.28 280 / 0.12);
+  color: oklch(65% 0.1 280);
+}
+[data-bpmnkit-hud-theme="neon"] .ai-backend-select:hover { background: oklch(65% 0.28 280 / 0.12); }
+[data-bpmnkit-hud-theme="neon"] .ai-hist-panel {
+  background: oklch(5% 0.025 270 / 0.97); border-color: oklch(65% 0.28 280 / 0.15);
+}
+[data-bpmnkit-hud-theme="neon"] .ai-hist-header { border-bottom-color: oklch(65% 0.28 280 / 0.1); }
+[data-bpmnkit-hud-theme="neon"] .ai-hist-item { border-bottom-color: oklch(65% 0.28 280 / 0.07); }
+[data-bpmnkit-hud-theme="neon"] .ai-hist-item:hover { background: oklch(65% 0.28 280 / 0.05); }
+[data-bpmnkit-hud-theme="neon"] .ai-companion-offer {
+  background: oklch(65% 0.28 280 / 0.05); border-color: oklch(65% 0.28 280 / 0.15);
+}
+[data-bpmnkit-hud-theme="neon"] .ai-companion-create {
+  border-color: oklch(65% 0.28 280 / 0.25); background: oklch(65% 0.28 280 / 0.1);
+  color: oklch(75% 0.16 280);
+}
+[data-bpmnkit-hud-theme="neon"] .ai-companion-create:hover:not(:disabled) { background: oklch(65% 0.28 280 / 0.2); }
 `;
     document.head.appendChild(style);
 }

package/dist/ai-bridge/panel.js

@@ -1,5 +1,5 @@
 import { BpmnCanvas } from "@bpmnkit/canvas";
-import { Bpmn, Dmn, Form, compactify } from "@bpmnkit/core";
+import { Bpmn, Dmn, Form, compactify, optimize } from "@bpmnkit/core";
 import { saveCheckpoint } from "../history/index.js";
 import { injectAiBridgeStyles } from "./css.js";
 const DEFAULT_SERVER = "http://localhost:3033";
@@ -181,6 +181,32 @@ const EXAMPLE_PROMPTS = [
     "Explain what this process does in plain language",
     "Optimize and simplify this diagram — remove redundant elements",
 ];
+// ── Variable flow context builder ─────────────────────────────────────────────
+function buildVariableFlowContext(defs) {
+    const report = optimize(defs, { categories: ["data-flow"] });
+    const byElement = {};
+    const undefinedVars = [];
+    const deadOutputs = [];
+    for (const f of report.findings) {
+        const elId = f.elementIds[0];
+        if (f.id.startsWith("data-flow/role:") && elId !== undefined) {
+            byElement[elId] = {
+                ...(f.produces?.length ? { produces: f.produces } : {}),
+                ...(f.consumes?.length ? { consumes: f.consumes } : {}),
+            };
+        }
+        else if (f.id.startsWith("data-flow/undefined-variable:") && f.consumes?.[0] !== undefined) {
+            undefinedVars.push(f.consumes[0]);
+        }
+        else if (f.id.startsWith("data-flow/dead-output:") && f.produces?.[0] !== undefined) {
+            deadOutputs.push(f.produces[0]);
+        }
+    }
+    return { byElement, undefinedVars, deadOutputs };
+}
+function buildContext(defs) {
+    return { ...compactify(defs), variableFlow: buildVariableFlowContext(defs) };
+}
 export function createAiPanel(options) {
     injectAiBridgeStyles();
     const panel = document.createElement("div");
@@ -654,7 +680,7 @@ export function createAiPanel(options) {
         const aiMsgEl = addMessage("ai", "");
         aiMsgEl.classList.add("ai-msg-cursor");
         const defs = options.getDefinitions();
-        const diagramContext = defs ? compactify(defs) : null;
+        const diagramContext = defs ? buildContext(defs) : null;
         const { fullText, resultXml } = await runStream(history, diagramContext, undefined, signal, aiMsgEl);
         finalizeAiMessage(aiMsgEl, fullText, resultXml);
         history.push({ role: "ai", content: fullText });
@@ -681,7 +707,7 @@ export function createAiPanel(options) {
         addMessage("user", label, contextNodes.length > 0 ? contextNodes : undefined);
         const aiMsgEl = addMessage("ai", "");
         aiMsgEl.classList.add("ai-msg-cursor");
-        const context = compactify(defs);
+        const context = buildContext(defs);
         const { fullText, resultXml } = await runStream(history, context, action, signal, aiMsgEl);
         finalizeAiMessage(aiMsgEl, fullText, resultXml);
         history.push({ role: "ai", content: fullText });

package/dist/deploy/css.d.ts

@@ -0,0 +1,4 @@
+export declare const DEPLOY_STYLE_ID = "bpmnkit-deploy-plugin-styles-v1";
+export declare const DEPLOY_CSS = "\n.dp-root {\n  display: flex; flex-direction: column; height: 100%; overflow-y: auto;\n  padding: 14px 16px; gap: 16px;\n  font-family: system-ui, -apple-system, sans-serif;\n  font-size: 13px; color: rgba(255,255,255,0.82);\n  box-sizing: border-box;\n}\n.dp-section {\n  display: flex; flex-direction: column; gap: 8px;\n}\n.dp-section-title {\n  font-size: 10px; font-weight: 700; text-transform: uppercase;\n  letter-spacing: 0.08em; color: rgba(255,255,255,0.3);\n  margin-bottom: 2px;\n}\n.dp-row {\n  display: flex; align-items: center; gap: 8px;\n}\n.dp-select {\n  flex: 1; background: rgba(30,30,46,0.95); border: 1px solid rgba(255,255,255,0.12);\n  border-radius: 5px; color: rgba(255,255,255,0.85); padding: 5px 8px;\n  font-size: 12px; font-family: inherit; outline: none;\n  appearance: none; -webkit-appearance: none;\n}\n.dp-select:focus { border-color: rgba(107,157,247,0.6); }\n.dp-btn {\n  width: 100%; padding: 7px 12px; border-radius: 5px; border: none;\n  font-size: 12px; font-weight: 600; font-family: inherit; cursor: pointer;\n  transition: opacity 0.15s;\n}\n.dp-btn:disabled { opacity: 0.35; cursor: default; }\n.dp-btn-primary {\n  background: var(--bpmnkit-accent, #1a56db); color: #fff;\n}\n.dp-btn-primary:hover:not(:disabled) { opacity: 0.88; }\n.dp-btn-secondary {\n  background: rgba(255,255,255,0.07); color: rgba(255,255,255,0.75);\n  border: 1px solid rgba(255,255,255,0.12);\n}\n.dp-btn-secondary:hover:not(:disabled) { background: rgba(255,255,255,0.11); }\n.dp-status {\n  display: flex; align-items: center; gap: 6px;\n  padding: 6px 10px; border-radius: 5px; font-size: 12px;\n}\n.dp-status-ok   { background: rgba(34,197,94,0.12);  color: #4ade80; }\n.dp-status-warn { background: rgba(245,158,11,0.12); color: #fbbf24; }\n.dp-status-err  { background: rgba(248,113,113,0.14); color: #f87171; }\n.dp-status-info { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.5); }\n.dp-dot {\n  width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0;\n}\n.dp-dot-ok   { background: #4ade80; }\n.dp-dot-warn { background: #fbbf24; }\n.dp-dot-err  { background: #f87171; }\n.dp-dot-info { background: rgba(255,255,255,0.3); }\n.dp-finding-list {\n  display: flex; flex-direction: column; gap: 4px;\n}\n.dp-finding {\n  display: flex; align-items: flex-start; gap: 6px;\n  padding: 5px 8px; border-radius: 4px;\n  background: rgba(248,113,113,0.08); font-size: 12px; color: rgba(255,255,255,0.7);\n}\n.dp-finding-badge {\n  flex-shrink: 0; font-size: 10px; font-weight: 700; text-transform: uppercase;\n  padding: 1px 5px; border-radius: 3px; margin-top: 1px;\n  background: rgba(248,113,113,0.25); color: #f87171;\n}\n.dp-result-box {\n  padding: 8px 10px; border-radius: 5px;\n  background: rgba(34,197,94,0.08); border: 1px solid rgba(34,197,94,0.2);\n  font-size: 12px; color: rgba(255,255,255,0.75); line-height: 1.5;\n}\n.dp-result-key {\n  font-family: ui-monospace, monospace; font-size: 11px;\n  color: rgba(107,157,247,0.9); word-break: break-all;\n}\n.dp-textarea {\n  width: 100%; min-height: 72px; resize: vertical;\n  background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12);\n  border-radius: 5px; color: rgba(255,255,255,0.82); padding: 6px 8px;\n  font-size: 12px; font-family: ui-monospace, monospace; outline: none;\n  box-sizing: border-box;\n}\n.dp-textarea:focus { border-color: rgba(107,157,247,0.6); }\n.dp-link {\n  color: var(--bpmnkit-accent-bright, #89b4fa); text-decoration: none; font-size: 12px;\n}\n.dp-link:hover { text-decoration: underline; }\n.dp-divider {\n  border: none; border-top: 1px solid rgba(255,255,255,0.07); margin: 0;\n}\n.dp-offline {\n  display: flex; flex-direction: column; align-items: center; justify-content: center;\n  flex: 1; gap: 10px; padding: 24px 16px; text-align: center;\n}\n.dp-offline-icon { font-size: 28px; opacity: 0.4; }\n.dp-offline-title { font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.6); }\n.dp-offline-hint {\n  font-size: 12px; color: rgba(255,255,255,0.3); line-height: 1.5;\n}\n.dp-offline-code {\n  font-family: ui-monospace, monospace; font-size: 11px;\n  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);\n  border-radius: 4px; padding: 4px 8px; color: rgba(255,255,255,0.5);\n  white-space: pre;\n}\n/* Neon theme */\n[data-bpmnkit-hud-theme=\"neon\"] .dp-root { color: oklch(73% 0.16 280); }\n[data-bpmnkit-hud-theme=\"neon\"] .dp-section-title { color: oklch(50% 0.1 280); }\n[data-bpmnkit-hud-theme=\"neon\"] .dp-select {\n  background: oklch(8% 0.04 280 / 0.98); border-color: oklch(65% 0.28 280 / 0.2);\n  color: oklch(80% 0.14 280);\n}\n[data-bpmnkit-hud-theme=\"neon\"] .dp-select:focus { border-color: oklch(65% 0.28 280 / 0.55); }\n[data-bpmnkit-hud-theme=\"neon\"] .dp-btn-secondary {\n  background: oklch(65% 0.28 280 / 0.07); border-color: oklch(65% 0.28 280 / 0.2);\n  color: oklch(65% 0.1 280);\n}\n[data-bpmnkit-hud-theme=\"neon\"] .dp-btn-secondary:hover:not(:disabled) { background: oklch(65% 0.28 280 / 0.14); }\n[data-bpmnkit-hud-theme=\"neon\"] .dp-status-info { background: oklch(65% 0.28 280 / 0.05); color: oklch(55% 0.08 280); }\n[data-bpmnkit-hud-theme=\"neon\"] .dp-dot-info { background: oklch(50% 0.1 280); }\n[data-bpmnkit-hud-theme=\"neon\"] .dp-finding { background: oklch(55% 0.28 20 / 0.1); color: oklch(73% 0.1 280); }\n[data-bpmnkit-hud-theme=\"neon\"] .dp-result-box { border-color: oklch(55% 0.18 150 / 0.3); color: oklch(73% 0.1 280); }\n[data-bpmnkit-hud-theme=\"neon\"] .dp-result-key { color: oklch(72% 0.18 185); }\n[data-bpmnkit-hud-theme=\"neon\"] .dp-textarea {\n  background: oklch(65% 0.28 280 / 0.04); border-color: oklch(65% 0.28 280 / 0.15);\n  color: oklch(73% 0.16 280);\n}\n[data-bpmnkit-hud-theme=\"neon\"] .dp-textarea:focus { border-color: oklch(65% 0.28 280 / 0.45); }\n[data-bpmnkit-hud-theme=\"neon\"] .dp-link { color: oklch(72% 0.18 185); }\n[data-bpmnkit-hud-theme=\"neon\"] .dp-divider { border-top-color: oklch(65% 0.28 280 / 0.1); }\n[data-bpmnkit-hud-theme=\"neon\"] .dp-offline-title { color: oklch(55% 0.1 280); }\n[data-bpmnkit-hud-theme=\"neon\"] .dp-offline-hint { color: oklch(40% 0.06 280); }\n[data-bpmnkit-hud-theme=\"neon\"] .dp-offline-code {\n  background: oklch(65% 0.28 280 / 0.05); border-color: oklch(65% 0.28 280 / 0.12);\n  color: oklch(55% 0.1 280);\n}\n";
+export declare function injectDeployStyles(): void;
+//# sourceMappingURL=css.d.ts.map

package/dist/deploy/css.js

@@ -0,0 +1,150 @@
+export const DEPLOY_STYLE_ID = "bpmnkit-deploy-plugin-styles-v1";
+export const DEPLOY_CSS = `
+.dp-root {
+  display: flex; flex-direction: column; height: 100%; overflow-y: auto;
+  padding: 14px 16px; gap: 16px;
+  font-family: system-ui, -apple-system, sans-serif;
+  font-size: 13px; color: rgba(255,255,255,0.82);
+  box-sizing: border-box;
+}
+.dp-section {
+  display: flex; flex-direction: column; gap: 8px;
+}
+.dp-section-title {
+  font-size: 10px; font-weight: 700; text-transform: uppercase;
+  letter-spacing: 0.08em; color: rgba(255,255,255,0.3);
+  margin-bottom: 2px;
+}
+.dp-row {
+  display: flex; align-items: center; gap: 8px;
+}
+.dp-select {
+  flex: 1; background: rgba(30,30,46,0.95); border: 1px solid rgba(255,255,255,0.12);
+  border-radius: 5px; color: rgba(255,255,255,0.85); padding: 5px 8px;
+  font-size: 12px; font-family: inherit; outline: none;
+  appearance: none; -webkit-appearance: none;
+}
+.dp-select:focus { border-color: rgba(107,157,247,0.6); }
+.dp-btn {
+  width: 100%; padding: 7px 12px; border-radius: 5px; border: none;
+  font-size: 12px; font-weight: 600; font-family: inherit; cursor: pointer;
+  transition: opacity 0.15s;
+}
+.dp-btn:disabled { opacity: 0.35; cursor: default; }
+.dp-btn-primary {
+  background: var(--bpmnkit-accent, #1a56db); color: #fff;
+}
+.dp-btn-primary:hover:not(:disabled) { opacity: 0.88; }
+.dp-btn-secondary {
+  background: rgba(255,255,255,0.07); color: rgba(255,255,255,0.75);
+  border: 1px solid rgba(255,255,255,0.12);
+}
+.dp-btn-secondary:hover:not(:disabled) { background: rgba(255,255,255,0.11); }
+.dp-status {
+  display: flex; align-items: center; gap: 6px;
+  padding: 6px 10px; border-radius: 5px; font-size: 12px;
+}
+.dp-status-ok   { background: rgba(34,197,94,0.12);  color: #4ade80; }
+.dp-status-warn { background: rgba(245,158,11,0.12); color: #fbbf24; }
+.dp-status-err  { background: rgba(248,113,113,0.14); color: #f87171; }
+.dp-status-info { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.5); }
+.dp-dot {
+  width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0;
+}
+.dp-dot-ok   { background: #4ade80; }
+.dp-dot-warn { background: #fbbf24; }
+.dp-dot-err  { background: #f87171; }
+.dp-dot-info { background: rgba(255,255,255,0.3); }
+.dp-finding-list {
+  display: flex; flex-direction: column; gap: 4px;
+}
+.dp-finding {
+  display: flex; align-items: flex-start; gap: 6px;
+  padding: 5px 8px; border-radius: 4px;
+  background: rgba(248,113,113,0.08); font-size: 12px; color: rgba(255,255,255,0.7);
+}
+.dp-finding-badge {
+  flex-shrink: 0; font-size: 10px; font-weight: 700; text-transform: uppercase;
+  padding: 1px 5px; border-radius: 3px; margin-top: 1px;
+  background: rgba(248,113,113,0.25); color: #f87171;
+}
+.dp-result-box {
+  padding: 8px 10px; border-radius: 5px;
+  background: rgba(34,197,94,0.08); border: 1px solid rgba(34,197,94,0.2);
+  font-size: 12px; color: rgba(255,255,255,0.75); line-height: 1.5;
+}
+.dp-result-key {
+  font-family: ui-monospace, monospace; font-size: 11px;
+  color: rgba(107,157,247,0.9); word-break: break-all;
+}
+.dp-textarea {
+  width: 100%; min-height: 72px; resize: vertical;
+  background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12);
+  border-radius: 5px; color: rgba(255,255,255,0.82); padding: 6px 8px;
+  font-size: 12px; font-family: ui-monospace, monospace; outline: none;
+  box-sizing: border-box;
+}
+.dp-textarea:focus { border-color: rgba(107,157,247,0.6); }
+.dp-link {
+  color: var(--bpmnkit-accent-bright, #89b4fa); text-decoration: none; font-size: 12px;
+}
+.dp-link:hover { text-decoration: underline; }
+.dp-divider {
+  border: none; border-top: 1px solid rgba(255,255,255,0.07); margin: 0;
+}
+.dp-offline {
+  display: flex; flex-direction: column; align-items: center; justify-content: center;
+  flex: 1; gap: 10px; padding: 24px 16px; text-align: center;
+}
+.dp-offline-icon { font-size: 28px; opacity: 0.4; }
+.dp-offline-title { font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.6); }
+.dp-offline-hint {
+  font-size: 12px; color: rgba(255,255,255,0.3); line-height: 1.5;
+}
+.dp-offline-code {
+  font-family: ui-monospace, monospace; font-size: 11px;
+  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);
+  border-radius: 4px; padding: 4px 8px; color: rgba(255,255,255,0.5);
+  white-space: pre;
+}
+/* Neon theme */
+[data-bpmnkit-hud-theme="neon"] .dp-root { color: oklch(73% 0.16 280); }
+[data-bpmnkit-hud-theme="neon"] .dp-section-title { color: oklch(50% 0.1 280); }
+[data-bpmnkit-hud-theme="neon"] .dp-select {
+  background: oklch(8% 0.04 280 / 0.98); border-color: oklch(65% 0.28 280 / 0.2);
+  color: oklch(80% 0.14 280);
+}
+[data-bpmnkit-hud-theme="neon"] .dp-select:focus { border-color: oklch(65% 0.28 280 / 0.55); }
+[data-bpmnkit-hud-theme="neon"] .dp-btn-secondary {
+  background: oklch(65% 0.28 280 / 0.07); border-color: oklch(65% 0.28 280 / 0.2);
+  color: oklch(65% 0.1 280);
+}
+[data-bpmnkit-hud-theme="neon"] .dp-btn-secondary:hover:not(:disabled) { background: oklch(65% 0.28 280 / 0.14); }
+[data-bpmnkit-hud-theme="neon"] .dp-status-info { background: oklch(65% 0.28 280 / 0.05); color: oklch(55% 0.08 280); }
+[data-bpmnkit-hud-theme="neon"] .dp-dot-info { background: oklch(50% 0.1 280); }
+[data-bpmnkit-hud-theme="neon"] .dp-finding { background: oklch(55% 0.28 20 / 0.1); color: oklch(73% 0.1 280); }
+[data-bpmnkit-hud-theme="neon"] .dp-result-box { border-color: oklch(55% 0.18 150 / 0.3); color: oklch(73% 0.1 280); }
+[data-bpmnkit-hud-theme="neon"] .dp-result-key { color: oklch(72% 0.18 185); }
+[data-bpmnkit-hud-theme="neon"] .dp-textarea {
+  background: oklch(65% 0.28 280 / 0.04); border-color: oklch(65% 0.28 280 / 0.15);
+  color: oklch(73% 0.16 280);
+}
+[data-bpmnkit-hud-theme="neon"] .dp-textarea:focus { border-color: oklch(65% 0.28 280 / 0.45); }
+[data-bpmnkit-hud-theme="neon"] .dp-link { color: oklch(72% 0.18 185); }
+[data-bpmnkit-hud-theme="neon"] .dp-divider { border-top-color: oklch(65% 0.28 280 / 0.1); }
+[data-bpmnkit-hud-theme="neon"] .dp-offline-title { color: oklch(55% 0.1 280); }
+[data-bpmnkit-hud-theme="neon"] .dp-offline-hint { color: oklch(40% 0.06 280); }
+[data-bpmnkit-hud-theme="neon"] .dp-offline-code {
+  background: oklch(65% 0.28 280 / 0.05); border-color: oklch(65% 0.28 280 / 0.12);
+  color: oklch(55% 0.1 280);
+}
+`;
+export function injectDeployStyles() {
+    if (document.getElementById(DEPLOY_STYLE_ID))
+        return;
+    const style = document.createElement("style");
+    style.id = DEPLOY_STYLE_ID;
+    style.textContent = DEPLOY_CSS;
+    document.head.appendChild(style);
+}
+//# sourceMappingURL=css.js.map

package/dist/deploy/index.d.ts

@@ -0,0 +1,25 @@
+import type { CanvasPlugin } from "@bpmnkit/canvas";
+import type { BpmnDefinitions } from "@bpmnkit/core";
+import { DEPLOY_CSS, DEPLOY_STYLE_ID, injectDeployStyles } from "./css.js";
+export { DEPLOY_CSS, DEPLOY_STYLE_ID, injectDeployStyles };
+export interface DeployPluginOptions {
+    /** Base URL of the proxy server. Defaults to `http://localhost:3033`. */
+    proxyUrl?: string;
+    /** Base URL of the operate app, used to build "View in Operate" links. */
+    operateUrl?: string;
+    /** Return current BPMN definitions (for optimizer check and process ID extraction). */
+    getDefinitions(): BpmnDefinitions | null;
+    /** Return the raw BPMN XML to deploy. */
+    getXml(): string | null;
+    /** Return the filename for the deployed resource (e.g. "my-process.bpmn"). */
+    getFileName?(): string | null;
+}
+export interface DeployPlugin extends CanvasPlugin {
+    readonly name: "deploy";
+    /** Wire the plugin's UI into a container element (e.g. the SideDock deploy pane). */
+    mount(container: HTMLElement): void;
+    /** Call when the Deploy tab becomes active — refreshes proxy status. */
+    onTabActivated(): void;
+}
+export declare function createDeployPlugin(options: DeployPluginOptions): DeployPlugin;
+//# sourceMappingURL=index.d.ts.map