@open-mercato/core 0.7.1-develop.7193.1.910a5b0a1e → 0.7.1-develop.7194.1.ab4fc81f82

package/dist/modules/workflows/components/nodes/TriggerNode.js

@@ -0,0 +1,111 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Handle, Position } from "@xyflow/react";
+import { Ban, MousePointerClick, MoreHorizontal, Play, PowerOff, Zap } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { NODE_HANDLE_CLASS, NODE_MAX_WIDTH } from "../../lib/node-geometry.js";
+const TRIGGER_HANDLE_TOP = 16;
+function TriggerNode({ data }) {
+  const t = useT();
+  const nodeData = data;
+  const model = nodeData.model;
+  if (!model) return null;
+  const { rows, hiddenCount, triggerCount, enabledCount, definitionEnabled } = model;
+  const title = t("workflows.triggerNode.title", "Starts");
+  const openLabel = t("workflows.triggerNode.open", "Edit triggers");
+  const manualLabel = t("workflows.triggerNode.manual", "manual / API start");
+  const disabledTriggerLabel = t("workflows.triggerNode.triggerDisabled", "disabled");
+  const definitionDisabledLabel = t(
+    "workflows.triggerNode.definitionDisabled",
+    "workflow disabled \u2014 nothing starts it"
+  );
+  const moreLabel = t("workflows.triggerNode.more", "+{count} more", { count: hiddenCount });
+  const summary = definitionEnabled ? t(
+    "workflows.triggerNode.summary",
+    "{enabled} of {total} event trigger(s) active, plus manual and API start",
+    { enabled: enabledCount, total: triggerCount }
+  ) : definitionDisabledLabel;
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-fit flex-col items-start gap-1", style: { maxWidth: NODE_MAX_WIDTH }, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "data-testid": "workflow-trigger-node",
+        "aria-label": `${title}: ${summary}. ${openLabel}`,
+        title: openLabel,
+        onClick: (event) => {
+          event.stopPropagation();
+          nodeData.onOpen?.();
+        },
+        className: "nodrag nopan inline-flex w-fit max-w-full items-center gap-2 rounded-full border border-border bg-card px-3 py-1.5 shadow-sm transition-shadow hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        children: [
+          /* @__PURE__ */ jsx(Play, { className: "h-3.5 w-3.5 shrink-0 text-chart-emerald", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-semibold text-foreground", children: title })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("ul", { className: "flex w-full flex-col items-start gap-0.5", "data-testid": "workflow-trigger-node-rows", children: [
+      definitionEnabled && rows.map((row) => /* @__PURE__ */ jsxs(
+        "li",
+        {
+          "data-trigger-row": row.eventPattern,
+          "data-trigger-enabled": row.enabled ? "true" : "false",
+          title: row.name,
+          className: "inline-flex max-w-full items-center gap-1 rounded-md border border-dashed border-border bg-card px-2 py-0.5",
+          children: [
+            row.enabled ? /* @__PURE__ */ jsx(Zap, { className: "h-3 w-3 shrink-0 text-chart-emerald", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Ban, { className: "h-3 w-3 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-overline text-muted-foreground", children: row.eventPattern }),
+            row.enabled ? null : /* @__PURE__ */ jsx("span", { className: "sr-only", children: disabledTriggerLabel })
+          ]
+        },
+        row.key
+      )),
+      definitionEnabled && hiddenCount > 0 && /* @__PURE__ */ jsxs(
+        "li",
+        {
+          "data-trigger-overflow": hiddenCount,
+          className: "inline-flex max-w-full items-center gap-1 rounded-md border border-dashed border-border bg-card px-2 py-0.5",
+          children: [
+            /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-3 w-3 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: "truncate text-overline text-muted-foreground", children: moreLabel })
+          ]
+        }
+      ),
+      definitionEnabled ? /* @__PURE__ */ jsxs(
+        "li",
+        {
+          "data-trigger-manual": "true",
+          className: "inline-flex max-w-full items-center gap-1 rounded-md border border-dashed border-border bg-card px-2 py-0.5",
+          children: [
+            /* @__PURE__ */ jsx(MousePointerClick, { className: "h-3 w-3 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: "truncate text-overline text-muted-foreground", children: manualLabel })
+          ]
+        }
+      ) : /* @__PURE__ */ jsxs(
+        "li",
+        {
+          "data-trigger-definition-disabled": "true",
+          className: "inline-flex max-w-full items-center gap-1 rounded-md border border-dashed border-status-warning-border bg-card px-2 py-0.5",
+          children: [
+            /* @__PURE__ */ jsx(PowerOff, { className: "h-3 w-3 shrink-0 text-status-warning-icon", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: "truncate text-overline text-status-warning-text", children: definitionDisabledLabel })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      Handle,
+      {
+        type: "source",
+        position: Position.Right,
+        isConnectable: false,
+        className: `${NODE_HANDLE_CLASS} !bg-muted-foreground`,
+        style: { top: TRIGGER_HANDLE_TOP }
+      }
+    )
+  ] });
+}
+export {
+  TriggerNode
+};
+//# sourceMappingURL=TriggerNode.js.map

package/dist/modules/workflows/components/nodes/TriggerNode.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/workflows/components/nodes/TriggerNode.tsx"],
+  "sourcesContent": ["'use client'\n\nimport { Handle, Position, type NodeProps } from '@xyflow/react'\nimport { Ban, MousePointerClick, MoreHorizontal, Play, PowerOff, Zap } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { NODE_HANDLE_CLASS, NODE_MAX_WIDTH } from '../../lib/node-geometry'\nimport type { TriggerNodeModel } from '../../lib/trigger-node'\n\n/**\n * The handle sits level with the pill's own centre rather than the node's, so\n * the connector leaves the lozenge and not the tag stack under it.\n */\nconst TRIGGER_HANDLE_TOP = 16\n\n/**\n * @deprecated Superseded by {@link TriggerCap} (fidelity gap #5, Direction A),\n * which folds the trigger summary onto the START node instead of rendering a\n * separate overlay node joined by a dashed connector. No longer registered in\n * the editor's node-type map or mounted by `WorkflowGraphImpl`; retained for its\n * unit test and any third-party embed until removed one minor after the\n * UPGRADE_NOTES entry.\n *\n * The canvas trigger node (fidelity gap #5) \u2014 \"where does this start\", answered\n * on the canvas instead of three clicks deep in the details drawer.\n *\n * A terminal pill carrying dashed event tags, which is the mockup's own\n * vocabulary: the dashed border is the canvas's ONLY \"this is metadata, not a\n * step\" signal, and keeping it rare is what keeps it legible.\n *\n * Everything it states is derived in `lib/trigger-node.ts` and is true of the\n * running system: the manual/API line is unconditional because\n * `workflowExecutor.startWorkflow` needs no trigger, a disabled trigger is\n * marked rather than hidden, and a disabled definition says that nothing starts\n * it at all.\n *\n * Accessibility (spec \u00A74.6 acceptance criterion, not a polish item): the pill IS\n * a `<button>`, so the node is reachable and activatable without a pointer and\n * opens the same drawer section a click does. Every state \u2014 disabled trigger,\n * disabled definition \u2014 pairs its token colour with its own glyph AND a named\n * `sr-only` label, so nothing here is communicated by colour alone.\n */\nexport function TriggerNode({ data }: NodeProps) {\n  const t = useT()\n  const nodeData = data as unknown as { model?: TriggerNodeModel; onOpen?: () => void }\n  const model = nodeData.model\n  if (!model) return null\n\n  const { rows, hiddenCount, triggerCount, enabledCount, definitionEnabled } = model\n\n  const title = t('workflows.triggerNode.title', 'Starts')\n  const openLabel = t('workflows.triggerNode.open', 'Edit triggers')\n  const manualLabel = t('workflows.triggerNode.manual', 'manual / API start')\n  const disabledTriggerLabel = t('workflows.triggerNode.triggerDisabled', 'disabled')\n  const definitionDisabledLabel = t(\n    'workflows.triggerNode.definitionDisabled',\n    'workflow disabled \u2014 nothing starts it',\n  )\n  const moreLabel = t('workflows.triggerNode.more', '+{count} more', { count: hiddenCount })\n  const summary = definitionEnabled\n    ? t(\n        'workflows.triggerNode.summary',\n        '{enabled} of {total} event trigger(s) active, plus manual and API start',\n        { enabled: enabledCount, total: triggerCount },\n      )\n    : definitionDisabledLabel\n\n  return (\n    <div className=\"flex w-fit flex-col items-start gap-1\" style={{ maxWidth: NODE_MAX_WIDTH }}>\n      <button\n        type=\"button\"\n        data-testid=\"workflow-trigger-node\"\n        aria-label={`${title}: ${summary}. ${openLabel}`}\n        title={openLabel}\n        onClick={(event) => {\n          event.stopPropagation()\n          nodeData.onOpen?.()\n        }}\n        className=\"nodrag nopan inline-flex w-fit max-w-full items-center gap-2 rounded-full border border-border bg-card px-3 py-1.5 shadow-sm transition-shadow hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n      >\n        <Play className=\"h-3.5 w-3.5 shrink-0 text-chart-emerald\" aria-hidden=\"true\" />\n        <span className=\"truncate text-sm font-semibold text-foreground\">{title}</span>\n      </button>\n\n      {/* A disabled definition is started by NOTHING \u2014 `startWorkflow` throws\n          `DEFINITION_DISABLED` before it looks at a trigger \u2014 so the node states\n          that instead of listing entry points as though they could fire. The\n          triggers themselves are one click away, in the drawer this pill opens. */}\n      <ul className=\"flex w-full flex-col items-start gap-0.5\" data-testid=\"workflow-trigger-node-rows\">\n        {definitionEnabled && rows.map((row) => (\n          <li\n            key={row.key}\n            data-trigger-row={row.eventPattern}\n            data-trigger-enabled={row.enabled ? 'true' : 'false'}\n            title={row.name}\n            className=\"inline-flex max-w-full items-center gap-1 rounded-md border border-dashed border-border bg-card px-2 py-0.5\"\n          >\n            {row.enabled ? (\n              <Zap className=\"h-3 w-3 shrink-0 text-chart-emerald\" aria-hidden=\"true\" />\n            ) : (\n              <Ban className=\"h-3 w-3 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n            )}\n            <span className=\"truncate font-mono text-overline text-muted-foreground\">\n              {row.eventPattern}\n            </span>\n            {row.enabled ? null : <span className=\"sr-only\">{disabledTriggerLabel}</span>}\n          </li>\n        ))}\n\n        {definitionEnabled && hiddenCount > 0 && (\n          <li\n            data-trigger-overflow={hiddenCount}\n            className=\"inline-flex max-w-full items-center gap-1 rounded-md border border-dashed border-border bg-card px-2 py-0.5\"\n          >\n            <MoreHorizontal className=\"h-3 w-3 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n            <span className=\"truncate text-overline text-muted-foreground\">{moreLabel}</span>\n          </li>\n        )}\n\n        {definitionEnabled ? (\n          <li\n            data-trigger-manual=\"true\"\n            className=\"inline-flex max-w-full items-center gap-1 rounded-md border border-dashed border-border bg-card px-2 py-0.5\"\n          >\n            <MousePointerClick className=\"h-3 w-3 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n            <span className=\"truncate text-overline text-muted-foreground\">{manualLabel}</span>\n          </li>\n        ) : (\n          <li\n            data-trigger-definition-disabled=\"true\"\n            className=\"inline-flex max-w-full items-center gap-1 rounded-md border border-dashed border-status-warning-border bg-card px-2 py-0.5\"\n          >\n            <PowerOff className=\"h-3 w-3 shrink-0 text-status-warning-icon\" aria-hidden=\"true\" />\n            <span className=\"truncate text-overline text-status-warning-text\">\n              {definitionDisabledLabel}\n            </span>\n          </li>\n        )}\n      </ul>\n\n      {/* Anchors the connector into START. Never connectable: the pill is not a\n          step and must not become the source of a real transition. */}\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        isConnectable={false}\n        className={`${NODE_HANDLE_CLASS} !bg-muted-foreground`}\n        style={{ top: TRIGGER_HANDLE_TOP }}\n      />\n    </div>\n  )\n}\n"],
+  "mappings": ";AAoEM,SAWE,KAXF;AAlEN,SAAS,QAAQ,gBAAgC;AACjD,SAAS,KAAK,mBAAmB,gBAAgB,MAAM,UAAU,WAAW;AAC5E,SAAS,YAAY;AACrB,SAAS,mBAAmB,sBAAsB;AAOlD,MAAM,qBAAqB;AA6BpB,SAAS,YAAY,EAAE,KAAK,GAAc;AAC/C,QAAM,IAAI,KAAK;AACf,QAAM,WAAW;AACjB,QAAM,QAAQ,SAAS;AACvB,MAAI,CAAC,MAAO,QAAO;AAEnB,QAAM,EAAE,MAAM,aAAa,cAAc,cAAc,kBAAkB,IAAI;AAE7E,QAAM,QAAQ,EAAE,+BAA+B,QAAQ;AACvD,QAAM,YAAY,EAAE,8BAA8B,eAAe;AACjE,QAAM,cAAc,EAAE,gCAAgC,oBAAoB;AAC1E,QAAM,uBAAuB,EAAE,yCAAyC,UAAU;AAClF,QAAM,0BAA0B;AAAA,IAC9B;AAAA,IACA;AAAA,EACF;AACA,QAAM,YAAY,EAAE,8BAA8B,iBAAiB,EAAE,OAAO,YAAY,CAAC;AACzF,QAAM,UAAU,oBACZ;AAAA,IACE;AAAA,IACA;AAAA,IACA,EAAE,SAAS,cAAc,OAAO,aAAa;AAAA,EAC/C,IACA;AAEJ,SACE,qBAAC,SAAI,WAAU,yCAAwC,OAAO,EAAE,UAAU,eAAe,GACvF;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,eAAY;AAAA,QACZ,cAAY,GAAG,KAAK,KAAK,OAAO,KAAK,SAAS;AAAA,QAC9C,OAAO;AAAA,QACP,SAAS,CAAC,UAAU;AAClB,gBAAM,gBAAgB;AACtB,mBAAS,SAAS;AAAA,QACpB;AAAA,QACA,WAAU;AAAA,QAEV;AAAA,8BAAC,QAAK,WAAU,2CAA0C,eAAY,QAAO;AAAA,UAC7E,oBAAC,UAAK,WAAU,kDAAkD,iBAAM;AAAA;AAAA;AAAA,IAC1E;AAAA,IAMA,qBAAC,QAAG,WAAU,4CAA2C,eAAY,8BAClE;AAAA,2BAAqB,KAAK,IAAI,CAAC,QAC9B;AAAA,QAAC;AAAA;AAAA,UAEC,oBAAkB,IAAI;AAAA,UACtB,wBAAsB,IAAI,UAAU,SAAS;AAAA,UAC7C,OAAO,IAAI;AAAA,UACX,WAAU;AAAA,UAET;AAAA,gBAAI,UACH,oBAAC,OAAI,WAAU,uCAAsC,eAAY,QAAO,IAExE,oBAAC,OAAI,WAAU,0CAAyC,eAAY,QAAO;AAAA,YAE7E,oBAAC,UAAK,WAAU,0DACb,cAAI,cACP;AAAA,YACC,IAAI,UAAU,OAAO,oBAAC,UAAK,WAAU,WAAW,gCAAqB;AAAA;AAAA;AAAA,QAdjE,IAAI;AAAA,MAeX,CACD;AAAA,MAEA,qBAAqB,cAAc,KAClC;AAAA,QAAC;AAAA;AAAA,UACC,yBAAuB;AAAA,UACvB,WAAU;AAAA,UAEV;AAAA,gCAAC,kBAAe,WAAU,0CAAyC,eAAY,QAAO;AAAA,YACtF,oBAAC,UAAK,WAAU,gDAAgD,qBAAU;AAAA;AAAA;AAAA,MAC5E;AAAA,MAGD,oBACC;AAAA,QAAC;AAAA;AAAA,UACC,uBAAoB;AAAA,UACpB,WAAU;AAAA,UAEV;AAAA,gCAAC,qBAAkB,WAAU,0CAAyC,eAAY,QAAO;AAAA,YACzF,oBAAC,UAAK,WAAU,gDAAgD,uBAAY;AAAA;AAAA;AAAA,MAC9E,IAEA;AAAA,QAAC;AAAA;AAAA,UACC,oCAAiC;AAAA,UACjC,WAAU;AAAA,UAEV;AAAA,gCAAC,YAAS,WAAU,6CAA4C,eAAY,QAAO;AAAA,YACnF,oBAAC,UAAK,WAAU,mDACb,mCACH;AAAA;AAAA;AAAA,MACF;AAAA,OAEJ;AAAA,IAIA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,SAAS;AAAA,QACnB,eAAe;AAAA,QACf,WAAW,GAAG,iBAAiB;AAAA,QAC/B,OAAO,EAAE,KAAK,mBAAmB;AAAA;AAAA,IACnC;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/modules/workflows/components/nodes/UserTaskNode.js

@@ -1,48 +1,74 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Handle, Position } from "@xyflow/react";
+import { NODE_HANDLE_CLASS } from "../../lib/node-geometry.js";
 import { WorkflowNodeCard } from "../WorkflowNodeCard.js";
-function UserTaskNode({ data, isConnectable, selected }) {
+import { toWorkflowStatus } from "../../lib/status-colors.js";
+import { buildNodeConfigSummary } from "../../lib/node-config-summary.js";
+import { ErrorOutputHandle } from "./ErrorOutputHandle.js";
+import { NodeOutcomeRows } from "./NodeOutcomeRows.js";
+import {
+  buildDecisionOutcomeRows,
+  buildDefaultRouteRow
+} from "../../lib/node-outcome-rows.js";
+import { DEFAULT_SOURCE_HANDLE_ID } from "../../lib/route-kinds.js";
+import { useLocale } from "@open-mercato/shared/lib/i18n/context";
+function UserTaskNode({ id, data, isConnectable, selected }) {
   const nodeData = data;
-  const mapStatus = (status) => {
-    if (!status || status === "pending") return "not_started";
-    if (status === "running" || status === "in_progress") return "in_progress";
-    if (status === "completed") return "completed";
-    if (status === "error") return "not_started";
-    return "not_started";
-  };
-  const workflowStatus = mapStatus(nodeData.status);
+  const locale = useLocale();
+  const workflowStatus = toWorkflowStatus(nodeData.status);
+  const summary = buildNodeConfigSummary("userTask", nodeData);
+  const decisionRows = buildDecisionOutcomeRows(nodeData.decisions, locale);
+  const hasDecisionFooter = decisionRows.length > 0;
   return /* @__PURE__ */ jsxs("div", { className: "user-task-node", title: nodeData.tooltip, children: [
     /* @__PURE__ */ jsx(
       Handle,
       {
         type: "target",
-        position: Position.Top,
+        position: Position.Left,
         id: "target",
         isConnectable,
-        className: "!w-3 !h-3 !bg-[#0080FE] !border-2 !border-white"
+        className: `${NODE_HANDLE_CLASS} !bg-primary`
       }
     ),
     /* @__PURE__ */ jsx(
       WorkflowNodeCard,
       {
+        summary,
         title: nodeData.label,
         description: nodeData.description,
         status: workflowStatus,
+        runReason: nodeData.runReason,
+        runStartedAt: nodeData.runStartedAt,
         nodeType: "userTask",
-        selected
+        selected,
+        hasError: nodeData.hasError,
+        hasCompensation: nodeData.hasCompensation,
+        errorCount: nodeData.errorCount,
+        nodeId: id,
+        editable: isConnectable,
+        footer: /* @__PURE__ */ jsx(
+          NodeOutcomeRows,
+          {
+            rows: decisionRows,
+            defaultRow: hasDecisionFooter ? buildDefaultRouteRow() : void 0,
+            isConnectable,
+            testId: "workflow-task-decision-rows"
+          }
+        )
       }
     ),
-    /* @__PURE__ */ jsx(
+    !hasDecisionFooter && /* @__PURE__ */ jsx(
       Handle,
       {
         type: "source",
-        position: Position.Bottom,
-        id: "source",
+        position: Position.Right,
+        id: DEFAULT_SOURCE_HANDLE_ID,
         isConnectable,
-        className: "!w-3 !h-3 !bg-[#0080FE] !border-2 !border-white"
+        className: `${NODE_HANDLE_CLASS} !bg-primary`
       }
-    )
+    ),
+    /* @__PURE__ */ jsx(ErrorOutputHandle, { isConnectable })
   ] });
 }
 export {

package/dist/modules/workflows/components/nodes/UserTaskNode.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/nodes/UserTaskNode.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { Handle, Position, NodeProps } from '@xyflow/react'\nimport { WorkflowNodeCard } from '../WorkflowNodeCard'\nimport { WorkflowStatus } from '../../lib/status-colors'\n\nexport interface UserTaskNodeData {\n  label: string\n  description?: string\n  assignedTo?: string\n  assignedToRoles?: string[]\n  formKey?: string\n  status?: 'pending' | 'running' | 'completed' | 'error' | 'not_started' | 'in_progress'\n  stepNumber?: number\n  badge?: string\n  tooltip?: string\n  executionStatus?: 'completed' | 'active' | 'pending' | 'failed' | 'skipped'\n}\n\n/**\n * UserTaskNode - User task step in a workflow\n * Uses WorkflowNodeCard for consistent styling\n */\nexport function UserTaskNode({ data, isConnectable, selected }: NodeProps) {\n  const nodeData = data as unknown as UserTaskNodeData\n\n  // Map old status values to new WorkflowStatus types\n  const mapStatus = (status?: string): WorkflowStatus => {\n    if (!status || status === 'pending') return 'not_started'\n    if (status === 'running' || status === 'in_progress') return 'in_progress'\n    if (status === 'completed') return 'completed'\n    if (status === 'error') return 'not_started'\n    return 'not_started'\n  }\n\n  const workflowStatus = mapStatus(nodeData.status)\n\n  return (\n    <div className=\"user-task-node\" title={nodeData.tooltip}>\n      {/* Target Handle */}\n      <Handle\n        type=\"target\"\n        position={Position.Top}\n        id=\"target\"\n        isConnectable={isConnectable}\n        className=\"!w-3 !h-3 !bg-[#0080FE] !border-2 !border-white\"\n      />\n\n      <WorkflowNodeCard\n        title={nodeData.label}\n        description={nodeData.description}\n        status={workflowStatus}\n        nodeType=\"userTask\"\n        selected={selected}\n      />\n\n      {/* Source Handle */}\n      <Handle\n        type=\"source\"\n        position={Position.Bottom}\n        id=\"source\"\n        isConnectable={isConnectable}\n        className=\"!w-3 !h-3 !bg-[#0080FE] !border-2 !border-white\"\n      />\n    </div>\n  )\n}\n"],
-  "mappings": ";AAsCI,SAEE,KAFF;AApCJ,SAAS,QAAQ,gBAA2B;AAC5C,SAAS,wBAAwB;AAoB1B,SAAS,aAAa,EAAE,MAAM,eAAe,SAAS,GAAc;AACzE,QAAM,WAAW;AAGjB,QAAM,YAAY,CAAC,WAAoC;AACrD,QAAI,CAAC,UAAU,WAAW,UAAW,QAAO;AAC5C,QAAI,WAAW,aAAa,WAAW,cAAe,QAAO;AAC7D,QAAI,WAAW,YAAa,QAAO;AACnC,QAAI,WAAW,QAAS,QAAO;AAC/B,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB,UAAU,SAAS,MAAM;AAEhD,SACE,qBAAC,SAAI,WAAU,kBAAiB,OAAO,SAAS,SAE9C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,SAAS;AAAA,QACnB,IAAG;AAAA,QACH;AAAA,QACA,WAAU;AAAA;AAAA,IACZ;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,SAAS;AAAA,QAChB,aAAa,SAAS;AAAA,QACtB,QAAQ;AAAA,QACR,UAAS;AAAA,QACT;AAAA;AAAA,IACF;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,SAAS;AAAA,QACnB,IAAG;AAAA,QACH;AAAA,QACA,WAAU;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["'use client'\n\nimport { Handle, Position, NodeProps } from '@xyflow/react'\nimport { NODE_HANDLE_CLASS } from '../../lib/node-geometry'\nimport { WorkflowNodeCard } from '../WorkflowNodeCard'\nimport type { StepReason } from '../../lib/step-presentation'\nimport { toWorkflowStatus } from '../../lib/status-colors'\nimport { buildNodeConfigSummary } from '../../lib/node-config-summary'\nimport { ErrorOutputHandle } from './ErrorOutputHandle'\nimport { NodeOutcomeRows } from './NodeOutcomeRows'\nimport {\n  buildDecisionOutcomeRows,\n  buildDefaultRouteRow,\n  type DecisionRowLike,\n} from '../../lib/node-outcome-rows'\nimport { DEFAULT_SOURCE_HANDLE_ID } from '../../lib/route-kinds'\nimport { useLocale } from '@open-mercato/shared/lib/i18n/context'\n\nexport interface UserTaskNodeData {\n  label: string\n  description?: string\n  assignedTo?: string\n  assignedToRoles?: string[]\n  formKey?: string\n  status?: 'pending' | 'running' | 'completed' | 'error' | 'not_started' | 'in_progress'\n  stepNumber?: number\n  badge?: string\n  tooltip?: string\n  executionStatus?: 'completed' | 'active' | 'pending' | 'failed' | 'skipped'\n  /**\n   * Run presentation (spec Part 2). Set at render time by the run detail\n   * page and the Studio last-run overlay from the SAME resolver, so the two\n   * surfaces can never disagree about what the step is doing.\n   */\n  runReason?: StepReason | null\n  runStartedAt?: Date | null\n  hasError?: boolean\n  hasCompensation?: boolean\n  errorCount?: number\n  /**\n   * Authored decision buttons (spec \u00A76.1). Each already binds to a durable\n   * `transitionId`, so the footer row's dot IS the route the button takes \u2014 no\n   * engine work was needed for this half of the footer.\n   */\n  decisions?: DecisionRowLike[]\n}\n\n/**\n * UserTaskNode - User task step in a workflow\n * Uses WorkflowNodeCard for consistent styling\n */\nexport function UserTaskNode({ id, data, isConnectable, selected }: NodeProps) {\n  const nodeData = data as unknown as UserTaskNodeData\n  const locale = useLocale()\n\n  const workflowStatus = toWorkflowStatus(nodeData.status)\n  const summary = buildNodeConfigSummary('userTask', nodeData as never)\n  const decisionRows = buildDecisionOutcomeRows(nodeData.decisions, locale)\n  const hasDecisionFooter = decisionRows.length > 0\n\n  return (\n    <div className=\"user-task-node\" title={nodeData.tooltip}>\n      {/* Target Handle */}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        id=\"target\"\n        isConnectable={isConnectable}\n        className={`${NODE_HANDLE_CLASS} !bg-primary`}\n      />\n\n      <WorkflowNodeCard\n        summary={summary}\n        title={nodeData.label}\n        description={nodeData.description}\n        status={workflowStatus}\n        runReason={nodeData.runReason}\n        runStartedAt={nodeData.runStartedAt}\n        nodeType=\"userTask\"\n        selected={selected}\n        hasError={nodeData.hasError}\n        hasCompensation={nodeData.hasCompensation}\n        errorCount={nodeData.errorCount}\n        nodeId={id}\n        editable={isConnectable}\n        footer={\n          <NodeOutcomeRows\n            rows={decisionRows}\n            defaultRow={hasDecisionFooter ? buildDefaultRouteRow() : undefined}\n            isConnectable={isConnectable}\n            testId=\"workflow-task-decision-rows\"\n          />\n        }\n      />\n\n      {/* The default route joins the decision rows in the footer when there is\n          one, so it stops floating over the first decision. A task with no\n          authored decisions has no footer, and keeps its handle unchanged. */}\n      {!hasDecisionFooter && (\n        <Handle\n          type=\"source\"\n          position={Position.Right}\n          id={DEFAULT_SOURCE_HANDLE_ID}\n          isConnectable={isConnectable}\n          className={`${NODE_HANDLE_CLASS} !bg-primary`}\n        />\n      )}\n\n      <ErrorOutputHandle isConnectable={isConnectable} />\n    </div>\n  )\n}\n"],
+  "mappings": ";AA6DI,SAEE,KAFF;AA3DJ,SAAS,QAAQ,gBAA2B;AAC5C,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AAEjC,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,gCAAgC;AACzC,SAAS,iBAAiB;AAmCnB,SAAS,aAAa,EAAE,IAAI,MAAM,eAAe,SAAS,GAAc;AAC7E,QAAM,WAAW;AACjB,QAAM,SAAS,UAAU;AAEzB,QAAM,iBAAiB,iBAAiB,SAAS,MAAM;AACvD,QAAM,UAAU,uBAAuB,YAAY,QAAiB;AACpE,QAAM,eAAe,yBAAyB,SAAS,WAAW,MAAM;AACxE,QAAM,oBAAoB,aAAa,SAAS;AAEhD,SACE,qBAAC,SAAI,WAAU,kBAAiB,OAAO,SAAS,SAE9C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,SAAS;AAAA,QACnB,IAAG;AAAA,QACH;AAAA,QACA,WAAW,GAAG,iBAAiB;AAAA;AAAA,IACjC;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO,SAAS;AAAA,QAChB,aAAa,SAAS;AAAA,QACtB,QAAQ;AAAA,QACR,WAAW,SAAS;AAAA,QACpB,cAAc,SAAS;AAAA,QACvB,UAAS;AAAA,QACT;AAAA,QACA,UAAU,SAAS;AAAA,QACnB,iBAAiB,SAAS;AAAA,QAC1B,YAAY,SAAS;AAAA,QACrB,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,QACE;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,YAAY,oBAAoB,qBAAqB,IAAI;AAAA,YACzD;AAAA,YACA,QAAO;AAAA;AAAA,QACT;AAAA;AAAA,IAEJ;AAAA,IAKC,CAAC,qBACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,SAAS;AAAA,QACnB,IAAI;AAAA,QACJ;AAAA,QACA,WAAW,GAAG,iBAAiB;AAAA;AAAA,IACjC;AAAA,IAGF,oBAAC,qBAAkB,eAA8B;AAAA,KACnD;AAEJ;",
   "names": []
 }

package/dist/modules/workflows/components/nodes/WaitForConditionNode.js

@@ -0,0 +1,53 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Handle, Position } from "@xyflow/react";
+import { DEFAULT_SOURCE_HANDLE_ID } from "../../lib/route-kinds.js";
+import { NODE_HANDLE_CLASS } from "../../lib/node-geometry.js";
+import { WorkflowNodeCard } from "../WorkflowNodeCard.js";
+import { toWorkflowStatus } from "../../lib/status-colors.js";
+function WaitForConditionNode({ id, data, isConnectable, selected }) {
+  const nodeData = data;
+  return /* @__PURE__ */ jsxs("div", { className: "wait-for-condition-node", title: nodeData.tooltip, children: [
+    /* @__PURE__ */ jsx(
+      Handle,
+      {
+        type: "target",
+        position: Position.Left,
+        id: "target",
+        isConnectable,
+        className: `${NODE_HANDLE_CLASS} !bg-primary`
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      WorkflowNodeCard,
+      {
+        title: nodeData.label,
+        description: nodeData.description,
+        status: toWorkflowStatus(nodeData.status),
+        runReason: nodeData.runReason,
+        runStartedAt: nodeData.runStartedAt,
+        nodeType: "waitForCondition",
+        selected,
+        hasError: nodeData.hasError,
+        hasCompensation: nodeData.hasCompensation,
+        errorCount: nodeData.errorCount,
+        nodeId: id,
+        editable: isConnectable
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Handle,
+      {
+        type: "source",
+        position: Position.Right,
+        id: DEFAULT_SOURCE_HANDLE_ID,
+        isConnectable,
+        className: `${NODE_HANDLE_CLASS} !bg-primary`
+      }
+    )
+  ] });
+}
+export {
+  WaitForConditionNode
+};
+//# sourceMappingURL=WaitForConditionNode.js.map

package/dist/modules/workflows/components/nodes/WaitForConditionNode.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/workflows/components/nodes/WaitForConditionNode.tsx"],
+  "sourcesContent": ["'use client'\n\nimport { Handle, Position, NodeProps } from '@xyflow/react'\nimport { DEFAULT_SOURCE_HANDLE_ID } from '../../lib/route-kinds'\nimport { NODE_HANDLE_CLASS } from '../../lib/node-geometry'\nimport { WorkflowNodeCard } from '../WorkflowNodeCard'\nimport type { StepReason } from '../../lib/step-presentation'\nimport { toWorkflowStatus } from '../../lib/status-colors'\n\n/**\n * WaitForConditionNode display data.\n *\n * A WAIT_FOR_CONDITION step pauses the workflow \u2014 or a single parallel branch \u2014\n * until a predicate over the run context holds. It always carries a timeout, so\n * a stuck predicate surfaces as a timed-out step rather than a hung run.\n */\nexport interface WaitForConditionNodeData {\n  label: string\n  description?: string\n  status?: 'pending' | 'running' | 'completed' | 'error' | 'not_started' | 'in_progress'\n  stepNumber?: number\n  badge?: string\n  tooltip?: string\n  executionStatus?: 'completed' | 'active' | 'pending' | 'failed' | 'skipped'\n  /**\n   * Run presentation (spec Part 2). Set at render time by the run detail\n   * page and the Studio last-run overlay from the SAME resolver, so the two\n   * surfaces can never disagree about what the step is doing.\n   */\n  runReason?: StepReason | null\n  runStartedAt?: Date | null\n  hasError?: boolean\n  hasCompensation?: boolean\n  errorCount?: number\n}\n\nexport function WaitForConditionNode({ id, data, isConnectable, selected }: NodeProps) {\n  const nodeData = data as unknown as WaitForConditionNodeData\n\n  return (\n    <div className=\"wait-for-condition-node\" title={nodeData.tooltip}>\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        id=\"target\"\n        isConnectable={isConnectable}\n        className={`${NODE_HANDLE_CLASS} !bg-primary`}\n      />\n\n      <WorkflowNodeCard\n        title={nodeData.label}\n        description={nodeData.description}\n        status={toWorkflowStatus(nodeData.status)}\n        runReason={nodeData.runReason}\n        runStartedAt={nodeData.runStartedAt}\n        nodeType=\"waitForCondition\"\n        selected={selected}\n        hasError={nodeData.hasError}\n        hasCompensation={nodeData.hasCompensation}\n        errorCount={nodeData.errorCount}\n        nodeId={id}\n        editable={isConnectable}\n      />\n\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        id={DEFAULT_SOURCE_HANDLE_ID}\n        isConnectable={isConnectable}\n        className={`${NODE_HANDLE_CLASS} !bg-primary`}\n      />\n    </div>\n  )\n}\n"],
+  "mappings": ";AAwCI,SACE,KADF;AAtCJ,SAAS,QAAQ,gBAA2B;AAC5C,SAAS,gCAAgC;AACzC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AAEjC,SAAS,wBAAwB;AA6B1B,SAAS,qBAAqB,EAAE,IAAI,MAAM,eAAe,SAAS,GAAc;AACrF,QAAM,WAAW;AAEjB,SACE,qBAAC,SAAI,WAAU,2BAA0B,OAAO,SAAS,SACvD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,SAAS;AAAA,QACnB,IAAG;AAAA,QACH;AAAA,QACA,WAAW,GAAG,iBAAiB;AAAA;AAAA,IACjC;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,SAAS;AAAA,QAChB,aAAa,SAAS;AAAA,QACtB,QAAQ,iBAAiB,SAAS,MAAM;AAAA,QACxC,WAAW,SAAS;AAAA,QACpB,cAAc,SAAS;AAAA,QACvB,UAAS;AAAA,QACT;AAAA,QACA,UAAU,SAAS;AAAA,QACnB,iBAAiB,SAAS;AAAA,QAC1B,YAAY,SAAS;AAAA,QACrB,QAAQ;AAAA,QACR,UAAU;AAAA;AAAA,IACZ;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,SAAS;AAAA,QACnB,IAAI;AAAA,QACJ;AAAA,QACA,WAAW,GAAG,iBAAiB;AAAA;AAAA,IACjC;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/modules/workflows/components/nodes/WaitForSignalNode.js

@@ -1,47 +1,53 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Handle, Position } from "@xyflow/react";
+import { DEFAULT_SOURCE_HANDLE_ID } from "../../lib/route-kinds.js";
+import { NODE_HANDLE_CLASS } from "../../lib/node-geometry.js";
 import { WorkflowNodeCard } from "../WorkflowNodeCard.js";
-function WaitForSignalNode({ data, isConnectable, selected }) {
+import { toWorkflowStatus } from "../../lib/status-colors.js";
+import { buildNodeConfigSummary } from "../../lib/node-config-summary.js";
+function WaitForSignalNode({ id, data, isConnectable, selected }) {
   const nodeData = data;
-  const mapStatus = (status) => {
-    if (!status || status === "pending") return "not_started";
-    if (status === "running" || status === "in_progress") return "in_progress";
-    if (status === "completed") return "completed";
-    if (status === "error") return "not_started";
-    return "not_started";
-  };
-  const workflowStatus = mapStatus(nodeData.status);
+  const workflowStatus = toWorkflowStatus(nodeData.status);
+  const summary = buildNodeConfigSummary("waitForSignal", nodeData);
   const description = nodeData.description || (nodeData.signalName ? `Waiting for signal: ${nodeData.signalName}` : "Signal invocation");
   return /* @__PURE__ */ jsxs("div", { className: "waiting-for-signal-node", title: nodeData.tooltip, children: [
     /* @__PURE__ */ jsx(
       Handle,
       {
         type: "target",
-        position: Position.Top,
+        position: Position.Left,
         id: "target",
         isConnectable,
-        className: "!w-3 !h-3 !bg-[#0080FE] !border-2 !border-white"
+        className: `${NODE_HANDLE_CLASS} !bg-primary`
       }
     ),
     /* @__PURE__ */ jsx(
       WorkflowNodeCard,
       {
+        summary,
         title: nodeData.label,
         description,
         status: workflowStatus,
+        runReason: nodeData.runReason,
+        runStartedAt: nodeData.runStartedAt,
         nodeType: "waitForSignal",
-        selected
+        selected,
+        hasError: nodeData.hasError,
+        hasCompensation: nodeData.hasCompensation,
+        errorCount: nodeData.errorCount,
+        nodeId: id,
+        editable: isConnectable
       }
     ),
     /* @__PURE__ */ jsx(
       Handle,
       {
         type: "source",
-        position: Position.Bottom,
-        id: "source",
+        position: Position.Right,
+        id: DEFAULT_SOURCE_HANDLE_ID,
         isConnectable,
-        className: "!w-3 !h-3 !bg-[#0080FE] !border-2 !border-white"
+        className: `${NODE_HANDLE_CLASS} !bg-primary`
       }
     )
   ] });

package/dist/modules/workflows/components/nodes/WaitForSignalNode.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/nodes/WaitForSignalNode.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { Handle, Position, NodeProps } from '@xyflow/react'\nimport { WorkflowNodeCard } from '../WorkflowNodeCard'\nimport { WorkflowStatus } from '../../lib/status-colors'\n\nexport interface WaitForSignalNodeData {\n  label: string\n  description?: string\n  signalName?: string\n  version?: number\n  status?: 'pending' | 'running' | 'completed' | 'error' | 'not_started' | 'in_progress'\n  stepNumber?: number\n  badge?: string\n  tooltip?: string\n  executionStatus?: 'completed' | 'active' | 'pending' | 'failed' | 'skipped'\n}\n\n/**\n * WaitForSignalNodeData - Waiting for external signal step in a workflow\n * Uses WorkflowNodeCard for consistent styling\n */\nexport function WaitForSignalNode({ data, isConnectable, selected }: NodeProps) {\n  const nodeData = data as unknown as WaitForSignalNodeData\n\n  // Map old status values to new WorkflowStatus types\n  const mapStatus = (status?: string): WorkflowStatus => {\n    if (!status || status === 'pending') return 'not_started'\n    if (status === 'running' || status === 'in_progress') return 'in_progress'\n    if (status === 'completed') return 'completed'\n    if (status === 'error') return 'not_started'\n    return 'not_started'\n  }\n\n  const workflowStatus = mapStatus(nodeData.status)\n\n  const description = nodeData.description ||\n    (nodeData.signalName  ? `Waiting for signal: ${nodeData.signalName}` : 'Signal invocation')\n\n  return (\n    <div className=\"waiting-for-signal-node\" title={nodeData.tooltip}>\n      {/* Target Handle */}\n      <Handle\n        type=\"target\"\n        position={Position.Top}\n        id=\"target\"\n        isConnectable={isConnectable}\n        className=\"!w-3 !h-3 !bg-[#0080FE] !border-2 !border-white\"\n      />\n\n      <WorkflowNodeCard\n        title={nodeData.label}\n        description={description}\n        status={workflowStatus}\n        nodeType=\"waitForSignal\"\n        selected={selected}\n      />\n\n      {/* Source Handle */}\n      <Handle\n        type=\"source\"\n        position={Position.Bottom}\n        id=\"source\"\n        isConnectable={isConnectable}\n        className=\"!w-3 !h-3 !bg-[#0080FE] !border-2 !border-white\"\n      />\n    </div>\n  )\n}\n"],
-  "mappings": ";AAwCI,SAEE,KAFF;AAtCJ,SAAS,QAAQ,gBAA2B;AAC5C,SAAS,wBAAwB;AAmB1B,SAAS,kBAAkB,EAAE,MAAM,eAAe,SAAS,GAAc;AAC9E,QAAM,WAAW;AAGjB,QAAM,YAAY,CAAC,WAAoC;AACrD,QAAI,CAAC,UAAU,WAAW,UAAW,QAAO;AAC5C,QAAI,WAAW,aAAa,WAAW,cAAe,QAAO;AAC7D,QAAI,WAAW,YAAa,QAAO;AACnC,QAAI,WAAW,QAAS,QAAO;AAC/B,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB,UAAU,SAAS,MAAM;AAEhD,QAAM,cAAc,SAAS,gBAC1B,SAAS,aAAc,uBAAuB,SAAS,UAAU,KAAK;AAEzE,SACE,qBAAC,SAAI,WAAU,2BAA0B,OAAO,SAAS,SAEvD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,SAAS;AAAA,QACnB,IAAG;AAAA,QACH;AAAA,QACA,WAAU;AAAA;AAAA,IACZ;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,SAAS;AAAA,QAChB;AAAA,QACA,QAAQ;AAAA,QACR,UAAS;AAAA,QACT;AAAA;AAAA,IACF;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,SAAS;AAAA,QACnB,IAAG;AAAA,QACH;AAAA,QACA,WAAU;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["'use client'\n\nimport { Handle, Position, NodeProps } from '@xyflow/react'\nimport { DEFAULT_SOURCE_HANDLE_ID } from '../../lib/route-kinds'\nimport { NODE_HANDLE_CLASS } from '../../lib/node-geometry'\nimport { WorkflowNodeCard } from '../WorkflowNodeCard'\nimport type { StepReason } from '../../lib/step-presentation'\nimport { toWorkflowStatus } from '../../lib/status-colors'\nimport { buildNodeConfigSummary } from '../../lib/node-config-summary'\n\nexport interface WaitForSignalNodeData {\n  label: string\n  description?: string\n  signalName?: string\n  version?: number\n  status?: 'pending' | 'running' | 'completed' | 'error' | 'not_started' | 'in_progress'\n  stepNumber?: number\n  badge?: string\n  tooltip?: string\n  executionStatus?: 'completed' | 'active' | 'pending' | 'failed' | 'skipped'\n  /**\n   * Run presentation (spec Part 2). Set at render time by the run detail\n   * page and the Studio last-run overlay from the SAME resolver, so the two\n   * surfaces can never disagree about what the step is doing.\n   */\n  runReason?: StepReason | null\n  runStartedAt?: Date | null\n  hasError?: boolean\n  hasCompensation?: boolean\n  errorCount?: number\n}\n\n/**\n * WaitForSignalNodeData - Waiting for external signal step in a workflow\n * Uses WorkflowNodeCard for consistent styling\n */\nexport function WaitForSignalNode({ id, data, isConnectable, selected }: NodeProps) {\n  const nodeData = data as unknown as WaitForSignalNodeData\n\n  const workflowStatus = toWorkflowStatus(nodeData.status)\n  const summary = buildNodeConfigSummary('waitForSignal', nodeData as never)\n\n  const description = nodeData.description ||\n    (nodeData.signalName  ? `Waiting for signal: ${nodeData.signalName}` : 'Signal invocation')\n\n  return (\n    <div className=\"waiting-for-signal-node\" title={nodeData.tooltip}>\n      {/* Target Handle */}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        id=\"target\"\n        isConnectable={isConnectable}\n        className={`${NODE_HANDLE_CLASS} !bg-primary`}\n      />\n\n      <WorkflowNodeCard\n        summary={summary}\n        title={nodeData.label}\n        description={description}\n        status={workflowStatus}\n        runReason={nodeData.runReason}\n        runStartedAt={nodeData.runStartedAt}\n        nodeType=\"waitForSignal\"\n        selected={selected}\n        hasError={nodeData.hasError}\n        hasCompensation={nodeData.hasCompensation}\n        errorCount={nodeData.errorCount}\n        nodeId={id}\n        editable={isConnectable}\n      />\n\n      {/* Source Handle */}\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        id={DEFAULT_SOURCE_HANDLE_ID}\n        isConnectable={isConnectable}\n        className={`${NODE_HANDLE_CLASS} !bg-primary`}\n      />\n    </div>\n  )\n}\n"],
+  "mappings": ";AA8CI,SAEE,KAFF;AA5CJ,SAAS,QAAQ,gBAA2B;AAC5C,SAAS,gCAAgC;AACzC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AAEjC,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AA4BhC,SAAS,kBAAkB,EAAE,IAAI,MAAM,eAAe,SAAS,GAAc;AAClF,QAAM,WAAW;AAEjB,QAAM,iBAAiB,iBAAiB,SAAS,MAAM;AACvD,QAAM,UAAU,uBAAuB,iBAAiB,QAAiB;AAEzE,QAAM,cAAc,SAAS,gBAC1B,SAAS,aAAc,uBAAuB,SAAS,UAAU,KAAK;AAEzE,SACE,qBAAC,SAAI,WAAU,2BAA0B,OAAO,SAAS,SAEvD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,SAAS;AAAA,QACnB,IAAG;AAAA,QACH;AAAA,QACA,WAAW,GAAG,iBAAiB;AAAA;AAAA,IACjC;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO,SAAS;AAAA,QAChB;AAAA,QACA,QAAQ;AAAA,QACR,WAAW,SAAS;AAAA,QACpB,cAAc,SAAS;AAAA,QACvB,UAAS;AAAA,QACT;AAAA,QACA,UAAU,SAAS;AAAA,QACnB,iBAAiB,SAAS;AAAA,QAC1B,YAAY,SAAS;AAAA,QACrB,QAAQ;AAAA,QACR,UAAU;AAAA;AAAA,IACZ;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,SAAS;AAAA,QACnB,IAAI;AAAA,QACJ;AAAA,QACA,WAAW,GAAG,iBAAiB;AAAA;AAAA,IACjC;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/modules/workflows/components/nodes/WaitForTimerNode.js

@@ -1,17 +1,15 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Handle, Position } from "@xyflow/react";
+import { DEFAULT_SOURCE_HANDLE_ID } from "../../lib/route-kinds.js";
+import { NODE_HANDLE_CLASS } from "../../lib/node-geometry.js";
 import { WorkflowNodeCard } from "../WorkflowNodeCard.js";
-function WaitForTimerNode({ data, isConnectable, selected }) {
+import { toWorkflowStatus } from "../../lib/status-colors.js";
+import { buildNodeConfigSummary } from "../../lib/node-config-summary.js";
+function WaitForTimerNode({ id, data, isConnectable, selected }) {
   const nodeData = data;
-  const mapStatus = (status) => {
-    if (!status || status === "pending") return "not_started";
-    if (status === "running" || status === "in_progress") return "in_progress";
-    if (status === "completed") return "completed";
-    if (status === "error") return "not_started";
-    return "not_started";
-  };
-  const workflowStatus = mapStatus(nodeData.status);
+  const workflowStatus = toWorkflowStatus(nodeData.status);
+  const summary = buildNodeConfigSummary("waitForTimer", nodeData);
   const duration = nodeData.duration || nodeData.config?.duration;
   const until = nodeData.until || nodeData.config?.until;
   const description = nodeData.description || (duration ? `Wait for ${duration}` : until ? `Wait until ${until}` : "Timer-based pause");
@@ -20,30 +18,38 @@ function WaitForTimerNode({ data, isConnectable, selected }) {
       Handle,
       {
         type: "target",
-        position: Position.Top,
+        position: Position.Left,
         id: "target",
         isConnectable,
-        className: "!w-3 !h-3 !bg-[#0080FE] !border-2 !border-white"
+        className: `${NODE_HANDLE_CLASS} !bg-primary`
       }
     ),
     /* @__PURE__ */ jsx(
       WorkflowNodeCard,
       {
+        summary,
         title: nodeData.label,
         description,
         status: workflowStatus,
+        runReason: nodeData.runReason,
+        runStartedAt: nodeData.runStartedAt,
         nodeType: "waitForTimer",
-        selected
+        selected,
+        hasError: nodeData.hasError,
+        hasCompensation: nodeData.hasCompensation,
+        errorCount: nodeData.errorCount,
+        nodeId: id,
+        editable: isConnectable
       }
     ),
     /* @__PURE__ */ jsx(
       Handle,
       {
         type: "source",
-        position: Position.Bottom,
-        id: "source",
+        position: Position.Right,
+        id: DEFAULT_SOURCE_HANDLE_ID,
         isConnectable,
-        className: "!w-3 !h-3 !bg-[#0080FE] !border-2 !border-white"
+        className: `${NODE_HANDLE_CLASS} !bg-primary`
       }
     )
   ] });

package/dist/modules/workflows/components/nodes/WaitForTimerNode.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/nodes/WaitForTimerNode.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { Handle, Position, NodeProps } from '@xyflow/react'\nimport { WorkflowNodeCard } from '../WorkflowNodeCard'\nimport { WorkflowStatus } from '../../lib/status-colors'\n\nexport interface WaitForTimerNodeData {\n  label: string\n  description?: string\n  duration?: string\n  until?: string\n  config?: { duration?: string; until?: string }\n  version?: number\n  status?: 'pending' | 'running' | 'completed' | 'error' | 'not_started' | 'in_progress'\n  stepNumber?: number\n  badge?: string\n  tooltip?: string\n  executionStatus?: 'completed' | 'active' | 'pending' | 'failed' | 'skipped'\n}\n\n/**\n * WaitForTimerNode - Pauses workflow for a duration or until a specific datetime\n * Uses WorkflowNodeCard for consistent styling\n */\nexport function WaitForTimerNode({ data, isConnectable, selected }: NodeProps) {\n  const nodeData = data as unknown as WaitForTimerNodeData\n\n  const mapStatus = (status?: string): WorkflowStatus => {\n    if (!status || status === 'pending') return 'not_started'\n    if (status === 'running' || status === 'in_progress') return 'in_progress'\n    if (status === 'completed') return 'completed'\n    if (status === 'error') return 'not_started'\n    return 'not_started'\n  }\n\n  const workflowStatus = mapStatus(nodeData.status)\n\n  const duration = nodeData.duration || nodeData.config?.duration\n  const until = nodeData.until || nodeData.config?.until\n  const description = nodeData.description ||\n    (duration ? `Wait for ${duration}` : until ? `Wait until ${until}` : 'Timer-based pause')\n\n  return (\n    <div className=\"wait-for-timer-node\" title={nodeData.tooltip}>\n      <Handle\n        type=\"target\"\n        position={Position.Top}\n        id=\"target\"\n        isConnectable={isConnectable}\n        className=\"!w-3 !h-3 !bg-[#0080FE] !border-2 !border-white\"\n      />\n\n      <WorkflowNodeCard\n        title={nodeData.label}\n        description={description}\n        status={workflowStatus}\n        nodeType=\"waitForTimer\"\n        selected={selected}\n      />\n\n      <Handle\n        type=\"source\"\n        position={Position.Bottom}\n        id=\"source\"\n        isConnectable={isConnectable}\n        className=\"!w-3 !h-3 !bg-[#0080FE] !border-2 !border-white\"\n      />\n    </div>\n  )\n}\n"],
-  "mappings": ";AA2CI,SACE,KADF;AAzCJ,SAAS,QAAQ,gBAA2B;AAC5C,SAAS,wBAAwB;AAqB1B,SAAS,iBAAiB,EAAE,MAAM,eAAe,SAAS,GAAc;AAC7E,QAAM,WAAW;AAEjB,QAAM,YAAY,CAAC,WAAoC;AACrD,QAAI,CAAC,UAAU,WAAW,UAAW,QAAO;AAC5C,QAAI,WAAW,aAAa,WAAW,cAAe,QAAO;AAC7D,QAAI,WAAW,YAAa,QAAO;AACnC,QAAI,WAAW,QAAS,QAAO;AAC/B,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB,UAAU,SAAS,MAAM;AAEhD,QAAM,WAAW,SAAS,YAAY,SAAS,QAAQ;AACvD,QAAM,QAAQ,SAAS,SAAS,SAAS,QAAQ;AACjD,QAAM,cAAc,SAAS,gBAC1B,WAAW,YAAY,QAAQ,KAAK,QAAQ,cAAc,KAAK,KAAK;AAEvE,SACE,qBAAC,SAAI,WAAU,uBAAsB,OAAO,SAAS,SACnD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,SAAS;AAAA,QACnB,IAAG;AAAA,QACH;AAAA,QACA,WAAU;AAAA;AAAA,IACZ;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,SAAS;AAAA,QAChB;AAAA,QACA,QAAQ;AAAA,QACR,UAAS;AAAA,QACT;AAAA;AAAA,IACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,SAAS;AAAA,QACnB,IAAG;AAAA,QACH;AAAA,QACA,WAAU;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["'use client'\n\nimport { Handle, Position, NodeProps } from '@xyflow/react'\nimport { DEFAULT_SOURCE_HANDLE_ID } from '../../lib/route-kinds'\nimport { NODE_HANDLE_CLASS } from '../../lib/node-geometry'\nimport { WorkflowNodeCard } from '../WorkflowNodeCard'\nimport type { StepReason } from '../../lib/step-presentation'\nimport { toWorkflowStatus } from '../../lib/status-colors'\nimport { buildNodeConfigSummary } from '../../lib/node-config-summary'\n\nexport interface WaitForTimerNodeData {\n  label: string\n  description?: string\n  duration?: string\n  until?: string\n  config?: { duration?: string; until?: string }\n  version?: number\n  status?: 'pending' | 'running' | 'completed' | 'error' | 'not_started' | 'in_progress'\n  stepNumber?: number\n  badge?: string\n  tooltip?: string\n  executionStatus?: 'completed' | 'active' | 'pending' | 'failed' | 'skipped'\n  /**\n   * Run presentation (spec Part 2). Set at render time by the run detail\n   * page and the Studio last-run overlay from the SAME resolver, so the two\n   * surfaces can never disagree about what the step is doing.\n   */\n  runReason?: StepReason | null\n  runStartedAt?: Date | null\n  hasError?: boolean\n  hasCompensation?: boolean\n  errorCount?: number\n}\n\n/**\n * WaitForTimerNode - Pauses workflow for a duration or until a specific datetime\n * Uses WorkflowNodeCard for consistent styling\n */\nexport function WaitForTimerNode({ id, data, isConnectable, selected }: NodeProps) {\n  const nodeData = data as unknown as WaitForTimerNodeData\n\n  const workflowStatus = toWorkflowStatus(nodeData.status)\n  const summary = buildNodeConfigSummary('waitForTimer', nodeData as never)\n\n  const duration = nodeData.duration || nodeData.config?.duration\n  const until = nodeData.until || nodeData.config?.until\n  const description = nodeData.description ||\n    (duration ? `Wait for ${duration}` : until ? `Wait until ${until}` : 'Timer-based pause')\n\n  return (\n    <div className=\"wait-for-timer-node\" title={nodeData.tooltip}>\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        id=\"target\"\n        isConnectable={isConnectable}\n        className={`${NODE_HANDLE_CLASS} !bg-primary`}\n      />\n\n      <WorkflowNodeCard\n        summary={summary}\n        title={nodeData.label}\n        description={description}\n        status={workflowStatus}\n        runReason={nodeData.runReason}\n        runStartedAt={nodeData.runStartedAt}\n        nodeType=\"waitForTimer\"\n        selected={selected}\n        hasError={nodeData.hasError}\n        hasCompensation={nodeData.hasCompensation}\n        errorCount={nodeData.errorCount}\n        nodeId={id}\n        editable={isConnectable}\n      />\n\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        id={DEFAULT_SOURCE_HANDLE_ID}\n        isConnectable={isConnectable}\n        className={`${NODE_HANDLE_CLASS} !bg-primary`}\n      />\n    </div>\n  )\n}\n"],
+  "mappings": ";AAkDI,SACE,KADF;AAhDJ,SAAS,QAAQ,gBAA2B;AAC5C,SAAS,gCAAgC;AACzC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AAEjC,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AA8BhC,SAAS,iBAAiB,EAAE,IAAI,MAAM,eAAe,SAAS,GAAc;AACjF,QAAM,WAAW;AAEjB,QAAM,iBAAiB,iBAAiB,SAAS,MAAM;AACvD,QAAM,UAAU,uBAAuB,gBAAgB,QAAiB;AAExE,QAAM,WAAW,SAAS,YAAY,SAAS,QAAQ;AACvD,QAAM,QAAQ,SAAS,SAAS,SAAS,QAAQ;AACjD,QAAM,cAAc,SAAS,gBAC1B,WAAW,YAAY,QAAQ,KAAK,QAAQ,cAAc,KAAK,KAAK;AAEvE,SACE,qBAAC,SAAI,WAAU,uBAAsB,OAAO,SAAS,SACnD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,SAAS;AAAA,QACnB,IAAG;AAAA,QACH;AAAA,QACA,WAAW,GAAG,iBAAiB;AAAA;AAAA,IACjC;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO,SAAS;AAAA,QAChB;AAAA,QACA,QAAQ;AAAA,QACR,WAAW,SAAS;AAAA,QACpB,cAAc,SAAS;AAAA,QACvB,UAAS;AAAA,QACT;AAAA,QACA,UAAU,SAAS;AAAA,QACnB,iBAAiB,SAAS;AAAA,QAC1B,YAAY,SAAS;AAAA,QACrB,QAAQ;AAAA,QACR,UAAU;AAAA;AAAA,IACZ;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,SAAS;AAAA,QACnB,IAAI;AAAA,QACJ;AAAA,QACA,WAAW,GAAG,iBAAiB;AAAA;AAAA,IACjC;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/modules/workflows/components/nodes/index.js

@@ -5,16 +5,30 @@ import { AutomatedNode } from "./AutomatedNode.js";
 import { SubWorkflowNode } from "./SubWorkflowNode.js";
 import { WaitForSignalNode } from "./WaitForSignalNode.js";
 import { WaitForTimerNode } from "./WaitForTimerNode.js";
+import { WaitForConditionNode } from "./WaitForConditionNode.js";
 import { ParallelForkNode } from "./ParallelForkNode.js";
 import { ParallelJoinNode } from "./ParallelJoinNode.js";
+import { InvokeAgentNode } from "./InvokeAgentNode.js";
+import { IfElseNode } from "./IfElseNode.js";
+import { SwitchNode } from "./SwitchNode.js";
+import { TriggerNode } from "./TriggerNode.js";
+import { StickyNoteNode } from "./StickyNoteNode.js";
+import { AnnotationGroupNode } from "./AnnotationGroupNode.js";
 export {
+  AnnotationGroupNode,
   AutomatedNode,
   EndNode,
+  IfElseNode,
+  InvokeAgentNode,
   ParallelForkNode,
   ParallelJoinNode,
   StartNode,
+  StickyNoteNode,
   SubWorkflowNode,
+  SwitchNode,
+  TriggerNode,
   UserTaskNode,
+  WaitForConditionNode,
   WaitForSignalNode,
   WaitForTimerNode
 };

package/dist/modules/workflows/components/nodes/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/nodes/index.ts"],
-  "sourcesContent": ["export { StartNode } from './StartNode'\nexport type { StartNodeData } from './StartNode'\n\nexport { EndNode } from './EndNode'\nexport type { EndNodeData } from './EndNode'\n\nexport { UserTaskNode } from './UserTaskNode'\nexport type { UserTaskNodeData } from './UserTaskNode'\n\nexport { AutomatedNode } from './AutomatedNode'\nexport type { AutomatedNodeData } from './AutomatedNode'\n\nexport { SubWorkflowNode } from './SubWorkflowNode'\nexport type { SubWorkflowNodeData } from './SubWorkflowNode'\n\nexport { WaitForSignalNode } from './WaitForSignalNode'\nexport type { WaitForSignalNodeData } from './WaitForSignalNode'\n\nexport { WaitForTimerNode } from './WaitForTimerNode'\nexport type { WaitForTimerNodeData } from './WaitForTimerNode'\n\nexport { ParallelForkNode } from './ParallelForkNode'\nexport type { ParallelForkNodeData } from './ParallelForkNode'\n\nexport { ParallelJoinNode } from './ParallelJoinNode'\nexport type { ParallelJoinNodeData } from './ParallelJoinNode'\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAG1B,SAAS,eAAe;AAGxB,SAAS,oBAAoB;AAG7B,SAAS,qBAAqB;AAG9B,SAAS,uBAAuB;AAGhC,SAAS,yBAAyB;AAGlC,SAAS,wBAAwB;AAGjC,SAAS,wBAAwB;AAGjC,SAAS,wBAAwB;",
+  "sourcesContent": ["export { StartNode } from './StartNode'\nexport type { StartNodeData } from './StartNode'\n\nexport { EndNode } from './EndNode'\nexport type { EndNodeData } from './EndNode'\n\nexport { UserTaskNode } from './UserTaskNode'\nexport type { UserTaskNodeData } from './UserTaskNode'\n\nexport { AutomatedNode } from './AutomatedNode'\nexport type { AutomatedNodeData } from './AutomatedNode'\n\nexport { SubWorkflowNode } from './SubWorkflowNode'\nexport type { SubWorkflowNodeData } from './SubWorkflowNode'\n\nexport { WaitForSignalNode } from './WaitForSignalNode'\nexport type { WaitForSignalNodeData } from './WaitForSignalNode'\n\nexport { WaitForTimerNode } from './WaitForTimerNode'\nexport type { WaitForTimerNodeData } from './WaitForTimerNode'\n\nexport { WaitForConditionNode } from './WaitForConditionNode'\nexport type { WaitForConditionNodeData } from './WaitForConditionNode'\n\nexport { ParallelForkNode } from './ParallelForkNode'\nexport type { ParallelForkNodeData } from './ParallelForkNode'\n\nexport { ParallelJoinNode } from './ParallelJoinNode'\nexport type { ParallelJoinNodeData } from './ParallelJoinNode'\n\nexport { InvokeAgentNode } from './InvokeAgentNode'\nexport type { InvokeAgentNodeData } from './InvokeAgentNode'\n\nexport { IfElseNode } from './IfElseNode'\nexport type { IfElseNodeData } from './IfElseNode'\n\nexport { SwitchNode } from './SwitchNode'\nexport type { SwitchNodeData } from './SwitchNode'\n\nexport { TriggerNode } from './TriggerNode'\n\nexport { StickyNoteNode } from './StickyNoteNode'\nexport { AnnotationGroupNode } from './AnnotationGroupNode'\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAG1B,SAAS,eAAe;AAGxB,SAAS,oBAAoB;AAG7B,SAAS,qBAAqB;AAG9B,SAAS,uBAAuB;AAGhC,SAAS,yBAAyB;AAGlC,SAAS,wBAAwB;AAGjC,SAAS,4BAA4B;AAGrC,SAAS,wBAAwB;AAGjC,SAAS,wBAAwB;AAGjC,SAAS,uBAAuB;AAGhC,SAAS,kBAAkB;AAG3B,SAAS,kBAAkB;AAG3B,SAAS,mBAAmB;AAE5B,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;",
   "names": []
 }