@bpmnkit/plugins 0.0.19 → 0.0.24

package/dist/connector-catalog/builtin-templates.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Static catalog of bpmnkit built-in worker element templates.
+ *
+ * These are always available in the connector catalog regardless of whether
+ * the local proxy is running. They mirror the runtime definitions served by
+ * `GET /worker-templates` on the proxy.
+ */
+import type { ElementTemplate } from "../config-panel-bpmn/template-types.js";
+export declare const BUILTIN_WORKER_TEMPLATES: ElementTemplate[];
+//# sourceMappingURL=builtin-templates.d.ts.map

package/dist/connector-catalog/builtin-templates.js

@@ -0,0 +1,585 @@
+const CLI_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><rect width="16" height="16" rx="3" fill="#1e1e2e"/><text x="3" y="12" font-family="monospace" font-size="10" fill="#cdd6f4">&gt;_</text></svg>`;
+const LLM_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><rect width="16" height="16" rx="3" fill="#1e1e2e"/><circle cx="8" cy="8" r="5" fill="none" stroke="#6b9df7" stroke-width="1.5"/><path d="M6 8h4M8 6v4" stroke="#6b9df7" stroke-width="1.5"/></svg>`;
+const FS_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><rect width="16" height="16" rx="3" fill="#1e1e2e"/><path d="M3 5h10v8H3z" fill="none" stroke="#2dd4bf" stroke-width="1.5"/><path d="M3 5l2-2h4l2 2" fill="none" stroke="#2dd4bf" stroke-width="1.5"/></svg>`;
+const JS_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><rect width="16" height="16" rx="3" fill="#f59e0b"/><text x="2" y="12" font-family="monospace" font-size="9" font-weight="bold" fill="#1e1e2e">JS</text></svg>`;
+const WATCH_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><rect width="16" height="16" rx="3" fill="#1e1e2e"/><path d="M3 10V7l5-4 5 4v3" fill="none" stroke="#a78bfa" stroke-width="1.5"/><path d="M5 10h6v4H5z" fill="none" stroke="#a78bfa" stroke-width="1.5"/></svg>`;
+const HTTP_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><rect width="16" height="16" rx="3" fill="#1e1e2e"/><circle cx="8" cy="8" r="5" fill="none" stroke="#2dd4bf" stroke-width="1.5"/><path d="M3 8h10M8 3c-2 2-2 8 0 10M8 3c2 2 2 8 0 10" stroke="#2dd4bf" stroke-width="1" fill="none"/></svg>`;
+const EMAIL_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><rect width="16" height="16" rx="3" fill="#1e1e2e"/><rect x="2" y="4" width="12" height="8" rx="1" fill="none" stroke="#f59e0b" stroke-width="1.5"/><path d="M2 5l6 4 6-4" stroke="#f59e0b" stroke-width="1.5" fill="none"/></svg>`;
+export const BUILTIN_WORKER_TEMPLATES = [
+    // ── CLI Worker ────────────────────────────────────────────────────────────
+    {
+        id: "io.bpmnkit.cli",
+        name: "CLI Command",
+        version: 1,
+        description: "Run any shell command. Use {{varName}} to interpolate process variables, {{secrets.NAME}} for secrets.",
+        appliesTo: ["bpmn:ServiceTask"],
+        icon: { contents: CLI_ICON },
+        groups: [
+            { id: "command", label: "Command" },
+            { id: "output", label: "Output" },
+        ],
+        properties: [
+            {
+                id: "taskType",
+                type: "Hidden",
+                value: "io.bpmnkit:cli:1",
+                binding: { type: "zeebe:taskDefinition", property: "type" },
+            },
+            {
+                id: "command",
+                label: "Command",
+                description: "Shell command to run. Use {{varName}} for variables, {{secrets.NAME}} for secrets.",
+                type: "Text",
+                group: "command",
+                constraints: { notEmpty: true },
+                binding: { type: "zeebe:taskHeader", key: "command" },
+            },
+            {
+                id: "cwd",
+                label: "Working directory",
+                description: "Directory to run the command in. Default: home directory (~).",
+                type: "String",
+                optional: true,
+                group: "command",
+                binding: { type: "zeebe:taskHeader", key: "cwd" },
+            },
+            {
+                id: "timeout",
+                label: "Timeout (seconds)",
+                description: "Maximum time to wait before killing the process.",
+                type: "Number",
+                value: 60,
+                group: "command",
+                binding: { type: "zeebe:taskHeader", key: "timeout" },
+            },
+            {
+                id: "ignoreExitCode",
+                label: "Ignore non-zero exit code",
+                description: "Complete the job even when the command exits with a non-zero code.",
+                type: "Boolean",
+                value: false,
+                group: "command",
+                binding: { type: "zeebe:taskHeader", key: "ignoreExitCode" },
+            },
+            {
+                id: "resultVariable",
+                label: "Result variable",
+                description: "Process variable to store { stdout, stderr, exitCode }.",
+                type: "String",
+                value: "cliResult",
+                group: "output",
+                binding: { type: "zeebe:taskHeader", key: "resultVariable" },
+            },
+        ],
+    },
+    // ── LLM Worker ───────────────────────────────────────────────────────────
+    {
+        id: "io.bpmnkit.llm",
+        name: "LLM Prompt",
+        version: 1,
+        description: "Call an AI model (Claude, Copilot, or Gemini) with a prompt.",
+        appliesTo: ["bpmn:ServiceTask"],
+        icon: { contents: LLM_ICON },
+        groups: [
+            { id: "prompt", label: "Prompt" },
+            { id: "model", label: "Model" },
+            { id: "output", label: "Output" },
+        ],
+        properties: [
+            {
+                id: "taskType",
+                type: "Hidden",
+                value: "io.bpmnkit:llm:1",
+                binding: { type: "zeebe:taskDefinition", property: "type" },
+            },
+            {
+                id: "prompt",
+                label: "Prompt",
+                description: "The message to send. Use {{varName}} to include process variable values, or = for a FEEL expression.",
+                type: "Text",
+                feel: "optional",
+                group: "prompt",
+                constraints: { notEmpty: true },
+                binding: { type: "zeebe:input", name: "prompt" },
+            },
+            {
+                id: "system",
+                label: "System prompt",
+                description: "Optional instruction given to the model before the user message.",
+                type: "Text",
+                optional: true,
+                group: "prompt",
+                binding: { type: "zeebe:taskHeader", key: "system" },
+            },
+            {
+                id: "model",
+                label: "Model",
+                description: "Which LLM to use. Auto-detects the first available adapter if not set.",
+                type: "Dropdown",
+                optional: true,
+                group: "model",
+                choices: [
+                    { name: "Auto-detect", value: "" },
+                    { name: "Claude", value: "claude" },
+                    { name: "GitHub Copilot", value: "copilot" },
+                    { name: "Gemini", value: "gemini" },
+                ],
+                binding: { type: "zeebe:taskHeader", key: "model" },
+            },
+            {
+                id: "resultVariable",
+                label: "Result variable",
+                description: "Process variable to store the model's response string.",
+                type: "String",
+                value: "response",
+                group: "output",
+                binding: { type: "zeebe:taskHeader", key: "resultVariable" },
+            },
+        ],
+    },
+    // ── FS Read ───────────────────────────────────────────────────────────────
+    {
+        id: "io.bpmnkit.fs.read",
+        name: "Read File",
+        version: 1,
+        description: "Read a file from the local filesystem into a process variable.",
+        appliesTo: ["bpmn:ServiceTask"],
+        icon: { contents: FS_ICON },
+        groups: [
+            { id: "file", label: "File" },
+            { id: "output", label: "Output" },
+        ],
+        properties: [
+            {
+                id: "taskType",
+                type: "Hidden",
+                value: "io.bpmnkit:fs:read:1",
+                binding: { type: "zeebe:taskDefinition", property: "type" },
+            },
+            {
+                id: "path",
+                label: "File path",
+                description: "Absolute path or ~/relative path. Use = for a FEEL expression.",
+                type: "String",
+                feel: "optional",
+                group: "file",
+                constraints: { notEmpty: true },
+                binding: { type: "zeebe:input", name: "path" },
+            },
+            {
+                id: "resultVariable",
+                label: "Result variable",
+                description: "Process variable to store the file content (string).",
+                type: "String",
+                value: "fileContent",
+                group: "output",
+                binding: { type: "zeebe:taskHeader", key: "resultVariable" },
+            },
+        ],
+    },
+    // ── FS Write ──────────────────────────────────────────────────────────────
+    {
+        id: "io.bpmnkit.fs.write",
+        name: "Write File",
+        version: 1,
+        description: "Write a process variable to a file. Parent directories are created automatically.",
+        appliesTo: ["bpmn:ServiceTask"],
+        icon: { contents: FS_ICON },
+        groups: [{ id: "file", label: "File" }],
+        properties: [
+            {
+                id: "taskType",
+                type: "Hidden",
+                value: "io.bpmnkit:fs:write:1",
+                binding: { type: "zeebe:taskDefinition", property: "type" },
+            },
+            {
+                id: "path",
+                label: "File path",
+                description: "Absolute path or ~/relative path to write. Use = for a FEEL expression.",
+                type: "String",
+                feel: "optional",
+                group: "file",
+                constraints: { notEmpty: true },
+                binding: { type: "zeebe:input", name: "path" },
+            },
+            {
+                id: "content",
+                label: "Content",
+                description: "The string content to write. Use = for a FEEL expression.",
+                type: "String",
+                feel: "optional",
+                group: "file",
+                constraints: { notEmpty: true },
+                binding: { type: "zeebe:input", name: "content" },
+            },
+        ],
+    },
+    // ── FS Append ─────────────────────────────────────────────────────────────
+    {
+        id: "io.bpmnkit.fs.append",
+        name: "Append to File",
+        version: 1,
+        description: "Append content to a file. Creates the file if it does not exist.",
+        appliesTo: ["bpmn:ServiceTask"],
+        icon: { contents: FS_ICON },
+        groups: [{ id: "file", label: "File" }],
+        properties: [
+            {
+                id: "taskType",
+                type: "Hidden",
+                value: "io.bpmnkit:fs:append:1",
+                binding: { type: "zeebe:taskDefinition", property: "type" },
+            },
+            {
+                id: "path",
+                label: "File path",
+                description: "Absolute path or ~/relative path to append to.",
+                type: "String",
+                feel: "optional",
+                group: "file",
+                constraints: { notEmpty: true },
+                binding: { type: "zeebe:input", name: "path" },
+            },
+            {
+                id: "content",
+                label: "Content",
+                description: "The string content to append.",
+                type: "String",
+                feel: "optional",
+                group: "file",
+                constraints: { notEmpty: true },
+                binding: { type: "zeebe:input", name: "content" },
+            },
+        ],
+    },
+    // ── FS List ───────────────────────────────────────────────────────────────
+    {
+        id: "io.bpmnkit.fs.list",
+        name: "List Directory",
+        version: 1,
+        description: "List files in a directory. Returns an array of filenames.",
+        appliesTo: ["bpmn:ServiceTask"],
+        icon: { contents: FS_ICON },
+        groups: [
+            { id: "directory", label: "Directory" },
+            { id: "output", label: "Output" },
+        ],
+        properties: [
+            {
+                id: "taskType",
+                type: "Hidden",
+                value: "io.bpmnkit:fs:list:1",
+                binding: { type: "zeebe:taskDefinition", property: "type" },
+            },
+            {
+                id: "path",
+                label: "Directory path",
+                description: "Absolute path or ~/relative path to list.",
+                type: "String",
+                feel: "optional",
+                group: "directory",
+                constraints: { notEmpty: true },
+                binding: { type: "zeebe:input", name: "path" },
+            },
+            {
+                id: "resultVariable",
+                label: "Result variable",
+                description: "Process variable to store the file list (string array).",
+                type: "String",
+                value: "files",
+                group: "output",
+                binding: { type: "zeebe:taskHeader", key: "resultVariable" },
+            },
+        ],
+    },
+    // ── JS Eval ───────────────────────────────────────────────────────────────
+    {
+        id: "io.bpmnkit.js",
+        name: "JavaScript Expression",
+        version: 1,
+        description: "Evaluate a JavaScript expression. All process variables are available via the `variables` object.",
+        appliesTo: ["bpmn:ServiceTask"],
+        icon: { contents: JS_ICON },
+        groups: [
+            { id: "expression", label: "Expression" },
+            { id: "output", label: "Output" },
+        ],
+        properties: [
+            {
+                id: "taskType",
+                type: "Hidden",
+                value: "io.bpmnkit:js:1",
+                binding: { type: "zeebe:taskDefinition", property: "type" },
+            },
+            {
+                id: "expression",
+                label: "Expression",
+                description: "JavaScript expression returning a value. Use `variables.x` to read process variables.",
+                type: "Text",
+                group: "expression",
+                constraints: { notEmpty: true },
+                binding: { type: "zeebe:taskHeader", key: "expression" },
+            },
+            {
+                id: "resultVariable",
+                label: "Result variable",
+                description: "Process variable to store the expression result.",
+                type: "String",
+                value: "result",
+                group: "output",
+                binding: { type: "zeebe:taskHeader", key: "resultVariable" },
+            },
+        ],
+    },
+    // ── File Watch Trigger ────────────────────────────────────────────────────
+    {
+        id: "io.bpmnkit.trigger.file-watch",
+        name: "File Watch Trigger",
+        version: 1,
+        description: "Watch a directory and start a process instance when files are created or changed.",
+        appliesTo: ["bpmn:ServiceTask"],
+        icon: { contents: WATCH_ICON },
+        groups: [
+            { id: "watch", label: "Watch" },
+            { id: "filter", label: "Filter" },
+        ],
+        properties: [
+            {
+                id: "taskType",
+                type: "Hidden",
+                value: "io.bpmnkit:trigger:file-watch:1",
+                binding: { type: "zeebe:taskDefinition", property: "type" },
+            },
+            {
+                id: "watchPath",
+                label: "Watch path",
+                description: "Directory to watch for file changes. Absolute or ~/relative path.",
+                type: "String",
+                group: "watch",
+                constraints: { notEmpty: true },
+                binding: { type: "zeebe:taskHeader", key: "watchPath" },
+            },
+            {
+                id: "events",
+                label: "Events",
+                description: "Which file system events trigger the process.",
+                type: "Dropdown",
+                value: "all",
+                group: "watch",
+                choices: [
+                    { name: "Add or change (all)", value: "all" },
+                    { name: "New files only (add)", value: "add" },
+                    { name: "Modified files only (change)", value: "change" },
+                ],
+                binding: { type: "zeebe:taskHeader", key: "events" },
+            },
+            {
+                id: "glob",
+                label: "File filter (glob)",
+                description: "Only trigger for filenames matching this pattern (e.g. *.md, report_*.csv).",
+                type: "String",
+                optional: true,
+                group: "filter",
+                binding: { type: "zeebe:taskHeader", key: "glob" },
+            },
+        ],
+    },
+    // ── HTTP Scraper ──────────────────────────────────────────────────────────
+    {
+        id: "io.bpmnkit.http.scrape",
+        name: "HTTP Scraper",
+        version: 1,
+        description: "Fetch a URL and extract its text content and title. Returns { html, text, title, statusCode }.",
+        appliesTo: ["bpmn:ServiceTask"],
+        icon: { contents: HTTP_ICON },
+        groups: [
+            { id: "request", label: "Request" },
+            { id: "output", label: "Output" },
+        ],
+        properties: [
+            {
+                id: "taskType",
+                type: "Hidden",
+                value: "io.bpmnkit:http:scrape:1",
+                binding: { type: "zeebe:taskDefinition", property: "type" },
+            },
+            {
+                id: "url",
+                label: "URL",
+                description: "URL to fetch. Use {{varName}} for variables or {{secrets.NAME}} for secrets.",
+                type: "String",
+                feel: "optional",
+                group: "request",
+                constraints: { notEmpty: true },
+                binding: { type: "zeebe:taskHeader", key: "url" },
+            },
+            {
+                id: "timeout",
+                label: "Timeout (seconds)",
+                type: "Number",
+                value: 30,
+                group: "request",
+                binding: { type: "zeebe:taskHeader", key: "timeout" },
+            },
+            {
+                id: "resultVariable",
+                label: "Result variable",
+                description: "Process variable to store { url, html, text, title, statusCode }.",
+                type: "String",
+                value: "scrapeResult",
+                group: "output",
+                binding: { type: "zeebe:taskHeader", key: "resultVariable" },
+            },
+        ],
+    },
+    // ── Email Fetch ───────────────────────────────────────────────────────────
+    {
+        id: "io.bpmnkit.email.fetch",
+        name: "Fetch Emails",
+        version: 1,
+        description: "Fetch emails from an IMAP mailbox. Returns an array of { uid, subject, from, date, body }.",
+        appliesTo: ["bpmn:ServiceTask"],
+        icon: { contents: EMAIL_ICON },
+        groups: [
+            { id: "connection", label: "Connection" },
+            { id: "filter", label: "Filter" },
+            { id: "output", label: "Output" },
+        ],
+        properties: [
+            {
+                id: "taskType",
+                type: "Hidden",
+                value: "io.bpmnkit:email:fetch:1",
+                binding: { type: "zeebe:taskDefinition", property: "type" },
+            },
+            {
+                id: "imapHost",
+                label: "IMAP host",
+                type: "String",
+                group: "connection",
+                constraints: { notEmpty: true },
+                binding: { type: "zeebe:taskHeader", key: "imapHost" },
+            },
+            {
+                id: "imapPort",
+                label: "IMAP port",
+                type: "Number",
+                value: 993,
+                group: "connection",
+                binding: { type: "zeebe:taskHeader", key: "imapPort" },
+            },
+            {
+                id: "imapUser",
+                label: "Username",
+                type: "String",
+                group: "connection",
+                constraints: { notEmpty: true },
+                binding: { type: "zeebe:taskHeader", key: "imapUser" },
+            },
+            {
+                id: "imapPassword",
+                label: "Password",
+                type: "String",
+                group: "connection",
+                constraints: { notEmpty: true },
+                binding: { type: "zeebe:taskHeader", key: "imapPassword" },
+            },
+            {
+                id: "folder",
+                label: "Folder",
+                type: "String",
+                value: "INBOX",
+                group: "filter",
+                binding: { type: "zeebe:taskHeader", key: "folder" },
+            },
+            {
+                id: "limit",
+                label: "Max messages",
+                type: "Number",
+                value: 10,
+                group: "filter",
+                binding: { type: "zeebe:taskHeader", key: "limit" },
+            },
+            {
+                id: "unreadOnly",
+                label: "Unread only",
+                type: "Boolean",
+                value: true,
+                group: "filter",
+                binding: { type: "zeebe:taskHeader", key: "unreadOnly" },
+            },
+            {
+                id: "resultVariable",
+                label: "Result variable",
+                type: "String",
+                value: "emails",
+                group: "output",
+                binding: { type: "zeebe:taskHeader", key: "resultVariable" },
+            },
+        ],
+    },
+    // ── Email Send ────────────────────────────────────────────────────────────
+    {
+        id: "io.bpmnkit.email.send",
+        name: "Send Email",
+        version: 1,
+        description: "Send an email via SMTP. Reads to/subject/body from process variables.",
+        appliesTo: ["bpmn:ServiceTask"],
+        icon: { contents: EMAIL_ICON },
+        groups: [
+            { id: "connection", label: "Connection" },
+            { id: "message", label: "Message" },
+        ],
+        properties: [
+            {
+                id: "taskType",
+                type: "Hidden",
+                value: "io.bpmnkit:email:send:1",
+                binding: { type: "zeebe:taskDefinition", property: "type" },
+            },
+            {
+                id: "smtpHost",
+                label: "SMTP host",
+                type: "String",
+                group: "connection",
+                constraints: { notEmpty: true },
+                binding: { type: "zeebe:taskHeader", key: "smtpHost" },
+            },
+            {
+                id: "smtpPort",
+                label: "SMTP port",
+                type: "Number",
+                value: 587,
+                group: "connection",
+                binding: { type: "zeebe:taskHeader", key: "smtpPort" },
+            },
+            {
+                id: "smtpUser",
+                label: "Username",
+                type: "String",
+                group: "connection",
+                constraints: { notEmpty: true },
+                binding: { type: "zeebe:taskHeader", key: "smtpUser" },
+            },
+            {
+                id: "smtpPassword",
+                label: "Password",
+                type: "String",
+                group: "connection",
+                constraints: { notEmpty: true },
+                binding: { type: "zeebe:taskHeader", key: "smtpPassword" },
+            },
+            {
+                id: "from",
+                label: "From address",
+                description: "Sender address. Defaults to SMTP username.",
+                type: "String",
+                optional: true,
+                group: "message",
+                binding: { type: "zeebe:taskHeader", key: "from" },
+            },
+        ],
+    },
+];
+//# sourceMappingURL=builtin-templates.js.map

package/dist/connector-catalog/css.d.ts

@@ -1,4 +1,4 @@
 export declare const CONNECTOR_CATALOG_STYLE_ID = "bpmnkit-connector-catalog-v1";
-export declare const CONNECTOR_CATALOG_CSS = "\n/* \u2500\u2500 Toast notifications \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.bpmnkit-cc-toast {\n  position: fixed;\n  bottom: 20px;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 9px 16px;\n  border-radius: 8px;\n  font-family: system-ui, -apple-system, sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  z-index: 99999;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);\n  animation: bpmnkit-cc-fadein 0.15s ease;\n  max-width: 420px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  pointer-events: none;\n}\n@keyframes bpmnkit-cc-fadein {\n  from { opacity: 0; transform: translateX(-50%) translateY(6px); }\n  to   { opacity: 1; transform: translateX(-50%) translateY(0); }\n}\n.bpmnkit-cc-toast--loading {\n  background: var(--bpmnkit-surface-2, #1e1e2e);\n  border: 1px solid var(--bpmnkit-border, #2a2a42);\n  color: var(--bpmnkit-fg-muted, #8888a8);\n}\n.bpmnkit-cc-toast--success {\n  background: rgba(22, 163, 74, 0.12);\n  border: 1px solid rgba(22, 163, 74, 0.35);\n  color: var(--bpmnkit-success, #22c55e);\n}\n.bpmnkit-cc-toast--error {\n  background: rgba(220, 38, 38, 0.12);\n  border: 1px solid rgba(220, 38, 38, 0.35);\n  color: var(--bpmnkit-danger, #f87171);\n}\n/* Light theme */\n[data-bpmnkit-hud-theme=\"light\"] .bpmnkit-cc-toast--loading {\n  background: var(--bpmnkit-surface-2, #eeeef8);\n  border-color: var(--bpmnkit-border, #d0d0e8);\n  color: var(--bpmnkit-fg-muted, #6666a0);\n}\n[data-bpmnkit-hud-theme=\"light\"] .bpmnkit-cc-toast--success {\n  background: rgba(22, 163, 74, 0.07);\n  border-color: rgba(22, 163, 74, 0.3);\n  color: var(--bpmnkit-success, #16a34a);\n}\n[data-bpmnkit-hud-theme=\"light\"] .bpmnkit-cc-toast--error {\n  background: rgba(220, 38, 38, 0.07);\n  border-color: rgba(220, 38, 38, 0.3);\n  color: var(--bpmnkit-danger, #dc2626);\n}\n";
+export declare const CONNECTOR_CATALOG_CSS = "\n/* \u2500\u2500 Catalog panel overlay \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.bpmnkit-cc-panel-overlay {\n  position: fixed;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.55);\n  z-index: 99990;\n  animation: bpmnkit-cc-fadein 0.12s ease;\n}\n.bpmnkit-cc-panel {\n  display: flex;\n  flex-direction: column;\n  width: min(720px, 92vw);\n  max-height: 80vh;\n  background: var(--bpmnkit-surface, #161626);\n  border: 1px solid var(--bpmnkit-border, #2a2a42);\n  border-radius: 12px;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);\n  overflow: hidden;\n  font-family: var(--bpmnkit-font, system-ui, -apple-system, sans-serif);\n  font-size: 13px;\n  color: var(--bpmnkit-fg, #cdd6f4);\n}\n/* Header */\n.bpmnkit-cc-panel__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px 12px;\n  border-bottom: 1px solid var(--bpmnkit-border, #2a2a42);\n  flex-shrink: 0;\n}\n.bpmnkit-cc-panel__title {\n  margin: 0;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--bpmnkit-fg, #cdd6f4);\n}\n.bpmnkit-cc-panel__close {\n  background: none;\n  border: none;\n  color: var(--bpmnkit-fg-muted, #8888a8);\n  cursor: pointer;\n  font-size: 16px;\n  line-height: 1;\n  padding: 4px 6px;\n  border-radius: 4px;\n  transition: color 0.1s, background 0.1s;\n}\n.bpmnkit-cc-panel__close:hover {\n  color: var(--bpmnkit-fg, #cdd6f4);\n  background: var(--bpmnkit-surface-2, #1e1e2e);\n}\n/* Search */\n.bpmnkit-cc-panel__search {\n  padding: 12px 16px 0;\n  flex-shrink: 0;\n}\n.bpmnkit-cc-panel__search-input {\n  width: 100%;\n  box-sizing: border-box;\n  background: var(--bpmnkit-surface-2, #1e1e2e);\n  border: 1px solid var(--bpmnkit-border, #2a2a42);\n  border-radius: 6px;\n  color: var(--bpmnkit-fg, #cdd6f4);\n  font-family: inherit;\n  font-size: 13px;\n  outline: none;\n  padding: 7px 10px;\n  transition: border-color 0.15s;\n}\n.bpmnkit-cc-panel__search-input:focus {\n  border-color: var(--bpmnkit-accent, #6b9df7);\n}\n.bpmnkit-cc-panel__search-input::placeholder {\n  color: var(--bpmnkit-fg-muted, #8888a8);\n}\n/* Tabs */\n.bpmnkit-cc-panel__tabs {\n  display: flex;\n  gap: 2px;\n  padding: 10px 16px 0;\n  border-bottom: 1px solid var(--bpmnkit-border, #2a2a42);\n  flex-shrink: 0;\n}\n.bpmnkit-cc-tab {\n  background: none;\n  border: none;\n  border-bottom: 2px solid transparent;\n  color: var(--bpmnkit-fg-muted, #8888a8);\n  cursor: pointer;\n  font-family: inherit;\n  font-size: 13px;\n  font-weight: 500;\n  margin-bottom: -1px;\n  padding: 6px 12px 8px;\n  transition: color 0.1s, border-color 0.1s;\n}\n.bpmnkit-cc-tab:hover {\n  color: var(--bpmnkit-fg, #cdd6f4);\n}\n.bpmnkit-cc-tab--active {\n  border-bottom-color: var(--bpmnkit-accent, #6b9df7);\n  color: var(--bpmnkit-accent, #6b9df7);\n}\n/* Content */\n.bpmnkit-cc-panel__content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 16px;\n}\n/* Built-in card grid */\n.bpmnkit-cc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n  gap: 10px;\n}\n.bpmnkit-cc-card {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  background: var(--bpmnkit-surface-2, #1e1e2e);\n  border: 1px solid var(--bpmnkit-border, #2a2a42);\n  border-radius: 8px;\n  cursor: pointer;\n  padding: 12px;\n  transition: border-color 0.15s, background 0.15s;\n}\n.bpmnkit-cc-card:hover {\n  border-color: var(--bpmnkit-accent, #6b9df7);\n  background: var(--bpmnkit-accent-subtle, rgba(107,157,247,0.08));\n}\n.bpmnkit-cc-card__icon {\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n}\n.bpmnkit-cc-card__icon svg {\n  width: 20px;\n  height: 20px;\n}\n.bpmnkit-cc-card__body {\n  flex: 1;\n}\n.bpmnkit-cc-card__name {\n  font-weight: 600;\n  font-size: 13px;\n  color: var(--bpmnkit-fg, #cdd6f4);\n  margin-bottom: 3px;\n}\n.bpmnkit-cc-card__desc {\n  font-size: 11px;\n  color: var(--bpmnkit-fg-muted, #8888a8);\n  line-height: 1.4;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n.bpmnkit-cc-card__use {\n  align-self: flex-start;\n  background: var(--bpmnkit-accent, #6b9df7);\n  border: none;\n  border-radius: 4px;\n  color: #fff;\n  cursor: pointer;\n  font-family: inherit;\n  font-size: 11px;\n  font-weight: 600;\n  padding: 4px 10px;\n  transition: opacity 0.1s;\n}\n.bpmnkit-cc-card__use:hover {\n  opacity: 0.85;\n}\n/* Community row list */\n.bpmnkit-cc-list {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.bpmnkit-cc-row {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  background: var(--bpmnkit-surface-2, #1e1e2e);\n  border: 1px solid var(--bpmnkit-border, #2a2a42);\n  border-radius: 6px;\n  cursor: pointer;\n  padding: 10px 12px;\n  transition: border-color 0.15s, background 0.15s;\n}\n.bpmnkit-cc-row:hover {\n  border-color: var(--bpmnkit-accent, #6b9df7);\n  background: var(--bpmnkit-accent-subtle, rgba(107,157,247,0.08));\n}\n.bpmnkit-cc-row__body {\n  flex: 1;\n  min-width: 0;\n}\n.bpmnkit-cc-row__name {\n  font-weight: 600;\n  color: var(--bpmnkit-fg, #cdd6f4);\n}\n.bpmnkit-cc-row__desc {\n  font-size: 11px;\n  color: var(--bpmnkit-fg-muted, #8888a8);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.bpmnkit-cc-row__import {\n  background: none;\n  border: 1px solid var(--bpmnkit-border, #2a2a42);\n  border-radius: 4px;\n  color: var(--bpmnkit-fg-muted, #8888a8);\n  cursor: pointer;\n  flex-shrink: 0;\n  font-family: inherit;\n  font-size: 11px;\n  padding: 4px 10px;\n  transition: border-color 0.1s, color 0.1s;\n  white-space: nowrap;\n}\n.bpmnkit-cc-row__import:hover {\n  border-color: var(--bpmnkit-accent, #6b9df7);\n  color: var(--bpmnkit-accent, #6b9df7);\n}\n/* Empty state */\n.bpmnkit-cc-empty {\n  color: var(--bpmnkit-fg-muted, #8888a8);\n  font-size: 13px;\n  padding: 32px 0;\n  text-align: center;\n}\n/* Footer */\n.bpmnkit-cc-panel__footer {\n  border-top: 1px solid var(--bpmnkit-border, #2a2a42);\n  display: flex;\n  gap: 8px;\n  padding: 10px 16px;\n  flex-shrink: 0;\n}\n.bpmnkit-cc-footer-btn {\n  background: none;\n  border: 1px solid var(--bpmnkit-border, #2a2a42);\n  border-radius: 5px;\n  color: var(--bpmnkit-fg-muted, #8888a8);\n  cursor: pointer;\n  font-family: inherit;\n  font-size: 12px;\n  padding: 5px 12px;\n  transition: border-color 0.1s, color 0.1s;\n}\n.bpmnkit-cc-footer-btn:hover {\n  border-color: var(--bpmnkit-accent, #6b9df7);\n  color: var(--bpmnkit-accent, #6b9df7);\n}\n/* Light theme overrides */\n[data-bpmnkit-hud-theme=\"light\"] .bpmnkit-cc-panel {\n  background: var(--bpmnkit-surface, #ffffff);\n  border-color: var(--bpmnkit-border, #d0d0e8);\n  color: var(--bpmnkit-fg, #1a1a2e);\n}\n[data-bpmnkit-hud-theme=\"light\"] .bpmnkit-cc-panel__header,\n[data-bpmnkit-hud-theme=\"light\"] .bpmnkit-cc-panel__tabs,\n[data-bpmnkit-hud-theme=\"light\"] .bpmnkit-cc-panel__footer {\n  border-color: var(--bpmnkit-border, #d0d0e8);\n}\n[data-bpmnkit-hud-theme=\"light\"] .bpmnkit-cc-panel__title,\n[data-bpmnkit-hud-theme=\"light\"] .bpmnkit-cc-card__name,\n[data-bpmnkit-hud-theme=\"light\"] .bpmnkit-cc-row__name {\n  color: var(--bpmnkit-fg, #1a1a2e);\n}\n[data-bpmnkit-hud-theme=\"light\"] .bpmnkit-cc-panel__search-input,\n[data-bpmnkit-hud-theme=\"light\"] .bpmnkit-cc-card,\n[data-bpmnkit-hud-theme=\"light\"] .bpmnkit-cc-row {\n  background: var(--bpmnkit-surface-2, #eeeef8);\n  border-color: var(--bpmnkit-border, #d0d0e8);\n}\n/* \u2500\u2500 Toast notifications \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.bpmnkit-cc-toast {\n  position: fixed;\n  bottom: 20px;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 9px 16px;\n  border-radius: 8px;\n  font-family: system-ui, -apple-system, sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  z-index: 99999;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);\n  animation: bpmnkit-cc-fadein 0.15s ease;\n  max-width: 420px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  pointer-events: none;\n}\n@keyframes bpmnkit-cc-fadein {\n  from { opacity: 0; transform: translateX(-50%) translateY(6px); }\n  to   { opacity: 1; transform: translateX(-50%) translateY(0); }\n}\n.bpmnkit-cc-toast--loading {\n  background: var(--bpmnkit-surface-2, #1e1e2e);\n  border: 1px solid var(--bpmnkit-border, #2a2a42);\n  color: var(--bpmnkit-fg-muted, #8888a8);\n}\n.bpmnkit-cc-toast--success {\n  background: rgba(22, 163, 74, 0.12);\n  border: 1px solid rgba(22, 163, 74, 0.35);\n  color: var(--bpmnkit-success, #22c55e);\n}\n.bpmnkit-cc-toast--error {\n  background: rgba(220, 38, 38, 0.12);\n  border: 1px solid rgba(220, 38, 38, 0.35);\n  color: var(--bpmnkit-danger, #f87171);\n}\n/* Light theme */\n[data-bpmnkit-hud-theme=\"light\"] .bpmnkit-cc-toast--loading {\n  background: var(--bpmnkit-surface-2, #eeeef8);\n  border-color: var(--bpmnkit-border, #d0d0e8);\n  color: var(--bpmnkit-fg-muted, #6666a0);\n}\n[data-bpmnkit-hud-theme=\"light\"] .bpmnkit-cc-toast--success {\n  background: rgba(22, 163, 74, 0.07);\n  border-color: rgba(22, 163, 74, 0.3);\n  color: var(--bpmnkit-success, #16a34a);\n}\n[data-bpmnkit-hud-theme=\"light\"] .bpmnkit-cc-toast--error {\n  background: rgba(220, 38, 38, 0.07);\n  border-color: rgba(220, 38, 38, 0.3);\n  color: var(--bpmnkit-danger, #dc2626);\n}\n";
 export declare function injectConnectorCatalogStyles(): void;
 //# sourceMappingURL=css.d.ts.map