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

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

@@ -1,18 +1,63 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Handle, Position } from "@xyflow/react";
-import { WorkflowNodeCard } from "../WorkflowNodeCard.js";
-function StartNode({ data, isConnectable, selected }) {
+import { DEFAULT_SOURCE_HANDLE_ID } from "../../lib/route-kinds.js";
+import { NODE_HANDLE_CLASS } from "../../lib/node-geometry.js";
+import { WorkflowNodeCard, WORKFLOW_NODE_TITLE_SLOT } from "../WorkflowNodeCard.js";
+import { STATUS_COLORS, toWorkflowStatus } from "../../lib/status-colors.js";
+import { NODE_TYPE_COLORS, NODE_TYPE_ICONS } from "../../lib/node-type-icons.js";
+import { TriggerCap } from "./TriggerCap.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function StartNode({ 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);
-  return /* @__PURE__ */ jsxs("div", { className: "start-node", title: nodeData.tooltip, children: [
+  const t = useT();
+  const workflowStatus = toWorkflowStatus(nodeData.status);
+  if (nodeData.trigger) {
+    const colors = STATUS_COLORS[workflowStatus];
+    const isEditMode = workflowStatus === "not_started";
+    const StartIcon = NODE_TYPE_ICONS.start;
+    const statusLabel = t(`workflows.nodeStatus.${workflowStatus}`, workflowStatus);
+    const bodyBackground = isEditMode ? "bg-card" : colors.bg;
+    const borderClass = selected ? "border-primary" : isEditMode ? "border-border" : colors.border;
+    const elevationClass = selected ? "ring-2 ring-primary" : "shadow-sm hover:shadow-md";
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "group",
+        "aria-label": `${nodeData.label || "Start"} \u2014 ${statusLabel}`,
+        "data-node-status": workflowStatus,
+        "data-node-variant": "start-card",
+        title: nodeData.tooltip,
+        className: `start-node w-fit rounded-lg border ${borderClass} ${bodyBackground} transition-all duration-200 ${elevationClass}`,
+        children: [
+          /* @__PURE__ */ jsx(TriggerCap, { model: nodeData.trigger, onOpen: nodeData.onOpenTriggers, variant: "header" }),
+          /* @__PURE__ */ jsxs("div", { className: "relative flex items-center gap-2 px-4 py-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: statusLabel }),
+            /* @__PURE__ */ jsx(StartIcon, { className: `h-4 w-4 shrink-0 ${NODE_TYPE_COLORS.start}`, "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                "data-slot": WORKFLOW_NODE_TITLE_SLOT,
+                className: `truncate text-sm font-semibold leading-snug ${colors.text}`,
+                children: nodeData.label || "Start"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Handle,
+              {
+                type: "source",
+                position: Position.Right,
+                id: DEFAULT_SOURCE_HANDLE_ID,
+                isConnectable,
+                className: `${NODE_HANDLE_CLASS} !bg-primary`
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "start-node relative", title: nodeData.tooltip, children: [
     /* @__PURE__ */ jsx(
       WorkflowNodeCard,
       {
@@ -20,17 +65,23 @@ function StartNode({ data, isConnectable, selected }) {
         description: nodeData.description,
         status: workflowStatus,
         nodeType: "start",
-        selected
+        selected,
+        hasError: nodeData.hasError,
+        hasCompensation: nodeData.hasCompensation,
+        errorCount: nodeData.errorCount,
+        nodeId: id,
+        editable: isConnectable,
+        variant: "pill"
       }
     ),
     /* @__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/StartNode.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/nodes/StartNode.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 StartNodeData {\n  label: string\n  description?: string\n  status?: 'pending' | 'running' | 'completed' | 'error' | 'not_started' | 'in_progress'\n  badge?: string\n  tooltip?: string\n  executionStatus?: 'completed' | 'active' | 'pending' | 'failed' | 'skipped'\n}\n\n/**\n * StartNode - Starting point of a workflow\n * Uses WorkflowNodeCard for consistent styling\n */\nexport function StartNode({ data, isConnectable, selected }: NodeProps) {\n  const nodeData = data as unknown as StartNodeData\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=\"start-node\" title={nodeData.tooltip}>\n      <WorkflowNodeCard\n        title={nodeData.label || 'Start'}\n        description={nodeData.description}\n        status={workflowStatus}\n        nodeType=\"start\"\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": ";AAkCI,SACE,KADF;AAhCJ,SAAS,QAAQ,gBAA2B;AAC5C,SAAS,wBAAwB;AAgB1B,SAAS,UAAU,EAAE,MAAM,eAAe,SAAS,GAAc;AACtE,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,cAAa,OAAO,SAAS,SAC1C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,SAAS,SAAS;AAAA,QACzB,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 { DEFAULT_SOURCE_HANDLE_ID } from '../../lib/route-kinds'\nimport { NODE_HANDLE_CLASS } from '../../lib/node-geometry'\nimport { WorkflowNodeCard, WORKFLOW_NODE_TITLE_SLOT } from '../WorkflowNodeCard'\nimport { STATUS_COLORS, toWorkflowStatus } from '../../lib/status-colors'\nimport { NODE_TYPE_COLORS, NODE_TYPE_ICONS } from '../../lib/node-type-icons'\nimport { TriggerCap } from './TriggerCap'\nimport type { TriggerNodeModel } from '../../lib/trigger-node'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport interface StartNodeData {\n  label: string\n  description?: string\n  status?: 'pending' | 'running' | 'completed' | 'error' | 'not_started' | 'in_progress'\n  badge?: string\n  tooltip?: string\n  executionStatus?: 'completed' | 'active' | 'pending' | 'failed' | 'skipped'\n  hasError?: boolean\n  hasCompensation?: boolean\n  errorCount?: number\n  /**\n   * The definition's triggers, folded onto the START node as a clickable cap\n   * (fidelity gap #5, Direction A). Injected at render time by\n   * `WorkflowGraphImpl`; absent in read-only viewers, which then render no cap.\n   */\n  trigger?: TriggerNodeModel\n  onOpenTriggers?: () => void\n}\n\n/**\n * StartNode \u2014 the workflow's entry point.\n *\n * Without triggers it is a terminal pill (`WorkflowNodeCard`). WITH triggers it\n * becomes ONE unified card: the trigger cap as an attached header row above the\n * Start row (mockup #9), rather than two detached pills. The source handle is\n * nested in the Start row so it stays centred on \"Start\" even though the card is\n * taller \u2014 and the card is not `overflow-hidden`, so the handle can overhang.\n */\nexport function StartNode({ id, data, isConnectable, selected }: NodeProps) {\n  const nodeData = data as unknown as StartNodeData\n  const t = useT()\n  const workflowStatus = toWorkflowStatus(nodeData.status)\n\n  if (nodeData.trigger) {\n    const colors = STATUS_COLORS[workflowStatus]\n    const isEditMode = workflowStatus === 'not_started'\n    const StartIcon = NODE_TYPE_ICONS.start\n    const statusLabel = t(`workflows.nodeStatus.${workflowStatus}`, workflowStatus)\n    const bodyBackground = isEditMode ? 'bg-card' : colors.bg\n    const borderClass = selected ? 'border-primary' : isEditMode ? 'border-border' : colors.border\n    const elevationClass = selected ? 'ring-2 ring-primary' : 'shadow-sm hover:shadow-md'\n\n    return (\n      <div\n        role=\"group\"\n        aria-label={`${nodeData.label || 'Start'} \u2014 ${statusLabel}`}\n        data-node-status={workflowStatus}\n        data-node-variant=\"start-card\"\n        title={nodeData.tooltip}\n        className={`start-node w-fit rounded-lg border ${borderClass} ${bodyBackground} transition-all duration-200 ${elevationClass}`}\n      >\n        <TriggerCap model={nodeData.trigger} onOpen={nodeData.onOpenTriggers} variant=\"header\" />\n        <div className=\"relative flex items-center gap-2 px-4 py-2\">\n          <span className=\"sr-only\">{statusLabel}</span>\n          <StartIcon className={`h-4 w-4 shrink-0 ${NODE_TYPE_COLORS.start}`} aria-hidden=\"true\" />\n          <span\n            data-slot={WORKFLOW_NODE_TITLE_SLOT}\n            className={`truncate text-sm font-semibold leading-snug ${colors.text}`}\n          >\n            {nodeData.label || 'Start'}\n          </span>\n          {/* Nested in the Start row so React Flow centres it on \"Start\", not on\n              the taller cap+row card. */}\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      </div>\n    )\n  }\n\n  return (\n    <div className=\"start-node relative\" title={nodeData.tooltip}>\n      <WorkflowNodeCard\n        title={nodeData.label || 'Start'}\n        description={nodeData.description}\n        status={workflowStatus}\n        nodeType=\"start\"\n        selected={selected}\n        hasError={nodeData.hasError}\n        hasCompensation={nodeData.hasCompensation}\n        errorCount={nodeData.errorCount}\n        nodeId={id}\n        editable={isConnectable}\n        variant=\"pill\"\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": ";AA+DQ,cACA,YADA;AA7DR,SAAS,QAAQ,gBAA2B;AAC5C,SAAS,gCAAgC;AACzC,SAAS,yBAAyB;AAClC,SAAS,kBAAkB,gCAAgC;AAC3D,SAAS,eAAe,wBAAwB;AAChD,SAAS,kBAAkB,uBAAuB;AAClD,SAAS,kBAAkB;AAE3B,SAAS,YAAY;AA8Bd,SAAS,UAAU,EAAE,IAAI,MAAM,eAAe,SAAS,GAAc;AAC1E,QAAM,WAAW;AACjB,QAAM,IAAI,KAAK;AACf,QAAM,iBAAiB,iBAAiB,SAAS,MAAM;AAEvD,MAAI,SAAS,SAAS;AACpB,UAAM,SAAS,cAAc,cAAc;AAC3C,UAAM,aAAa,mBAAmB;AACtC,UAAM,YAAY,gBAAgB;AAClC,UAAM,cAAc,EAAE,wBAAwB,cAAc,IAAI,cAAc;AAC9E,UAAM,iBAAiB,aAAa,YAAY,OAAO;AACvD,UAAM,cAAc,WAAW,mBAAmB,aAAa,kBAAkB,OAAO;AACxF,UAAM,iBAAiB,WAAW,wBAAwB;AAE1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,GAAG,SAAS,SAAS,OAAO,WAAM,WAAW;AAAA,QACzD,oBAAkB;AAAA,QAClB,qBAAkB;AAAA,QAClB,OAAO,SAAS;AAAA,QAChB,WAAW,sCAAsC,WAAW,IAAI,cAAc,gCAAgC,cAAc;AAAA,QAE5H;AAAA,8BAAC,cAAW,OAAO,SAAS,SAAS,QAAQ,SAAS,gBAAgB,SAAQ,UAAS;AAAA,UACvF,qBAAC,SAAI,WAAU,8CACb;AAAA,gCAAC,UAAK,WAAU,WAAW,uBAAY;AAAA,YACvC,oBAAC,aAAU,WAAW,oBAAoB,iBAAiB,KAAK,IAAI,eAAY,QAAO;AAAA,YACvF;AAAA,cAAC;AAAA;AAAA,gBACC,aAAW;AAAA,gBACX,WAAW,+CAA+C,OAAO,IAAI;AAAA,gBAEpE,mBAAS,SAAS;AAAA;AAAA,YACrB;AAAA,YAGA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,UAAU,SAAS;AAAA,gBACnB,IAAI;AAAA,gBACJ;AAAA,gBACA,WAAW,GAAG,iBAAiB;AAAA;AAAA,YACjC;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAU,uBAAsB,OAAO,SAAS,SACnD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,SAAS,SAAS;AAAA,QACzB,aAAa,SAAS;AAAA,QACtB,QAAQ;AAAA,QACR,UAAS;AAAA,QACT;AAAA,QACA,UAAU,SAAS;AAAA,QACnB,iBAAiB,SAAS;AAAA,QAC1B,YAAY,SAAS;AAAA,QACrB,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAQ;AAAA;AAAA,IACV;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/StickyNoteNode.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { NodeResizer } from "@xyflow/react";
+import { StickyNote, Trash2 } from "lucide-react";
+import { MarkdownContent } from "@open-mercato/ui/backend/markdown";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { requestWorkflowNodeDeletion } from "../WorkflowNodeCard.js";
+function StickyNoteNode({ id, data, isConnectable, selected }) {
+  const t = useT();
+  const noteData = data;
+  const markdown = typeof noteData?.markdown === "string" ? noteData.markdown : "";
+  const editable = isConnectable;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `group flex h-full w-full flex-col overflow-hidden rounded-lg border border-status-warning-border bg-status-warning-bg shadow-sm transition-all duration-200 ${selected ? "ring-2 ring-primary" : "hover:shadow-md"}`,
+      children: [
+        /* @__PURE__ */ jsx(NodeResizer, { isVisible: editable && selected, minWidth: 160, minHeight: 100, lineClassName: "!border-primary", handleClassName: "!bg-primary !border-background" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-b border-status-warning-border px-2.5 py-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [
+            /* @__PURE__ */ jsx(StickyNote, { className: "h-3 w-3 shrink-0 text-status-warning-text", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: "truncate text-overline font-semibold uppercase tracking-wide text-status-warning-text", children: t("workflows.annotations.note.typeLabel", "Note") })
+          ] }),
+          editable && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": t("workflows.annotations.note.delete", "Delete note"),
+              className: "nodrag nopan -mr-1 flex h-5 w-5 shrink-0 items-center justify-center rounded text-muted-foreground opacity-0 transition-opacity hover:bg-muted hover:text-status-error-icon focus-visible:opacity-100 group-hover:opacity-100",
+              onClick: (event) => {
+                event.stopPropagation();
+                event.preventDefault();
+                requestWorkflowNodeDeletion(id);
+              },
+              children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5", "aria-hidden": "true" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-2.5 py-2 text-xs text-foreground", children: markdown ? /* @__PURE__ */ jsx(
+          MarkdownContent,
+          {
+            body: markdown,
+            format: "markdown",
+            className: "prose-workflow-note break-words [&_a]:underline [&_code]:text-overline [&_h1]:text-sm [&_h1]:font-semibold [&_h2]:text-xs [&_h2]:font-semibold [&_li]:list-item [&_ul]:list-inside [&_ul]:list-disc"
+          }
+        ) : /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("workflows.annotations.note.empty", "Empty note \u2014 click to write something.") }) })
+      ]
+    }
+  );
+}
+export {
+  StickyNoteNode
+};
+//# sourceMappingURL=StickyNoteNode.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/workflows/components/nodes/StickyNoteNode.tsx"],
+  "sourcesContent": ["'use client'\n\nimport { NodeResizer, type NodeProps } from '@xyflow/react'\nimport { StickyNote, Trash2 } from 'lucide-react'\nimport { MarkdownContent } from '@open-mercato/ui/backend/markdown'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { requestWorkflowNodeDeletion } from '../WorkflowNodeCard'\nimport type { WorkflowNoteNodeData } from '../../lib/editor-annotations'\n\n/**\n * Markdown sticky note (spec section 4.5). It carries no handles and no status:\n * a note is documentation, never a step, and `graphToDefinition` filters it out\n * of the saved definition entirely.\n */\nexport function StickyNoteNode({ id, data, isConnectable, selected }: NodeProps) {\n  const t = useT()\n  const noteData = data as unknown as WorkflowNoteNodeData\n  const markdown = typeof noteData?.markdown === 'string' ? noteData.markdown : ''\n  const editable = isConnectable\n\n  return (\n    <div\n      className={`group flex h-full w-full flex-col overflow-hidden rounded-lg border border-status-warning-border bg-status-warning-bg shadow-sm transition-all duration-200 ${\n        selected ? 'ring-2 ring-primary' : 'hover:shadow-md'\n      }`}\n    >\n      <NodeResizer isVisible={editable && selected} minWidth={160} minHeight={100} lineClassName=\"!border-primary\" handleClassName=\"!bg-primary !border-background\" />\n      <div className=\"flex items-center justify-between gap-2 border-b border-status-warning-border px-2.5 py-1\">\n        <div className=\"flex min-w-0 items-center gap-1\">\n          <StickyNote className=\"h-3 w-3 shrink-0 text-status-warning-text\" aria-hidden=\"true\" />\n          <span className=\"truncate text-overline font-semibold uppercase tracking-wide text-status-warning-text\">\n            {t('workflows.annotations.note.typeLabel', 'Note')}\n          </span>\n        </div>\n        {editable && (\n          <button\n            type=\"button\"\n            aria-label={t('workflows.annotations.note.delete', 'Delete note')}\n            className=\"nodrag nopan -mr-1 flex h-5 w-5 shrink-0 items-center justify-center rounded text-muted-foreground opacity-0 transition-opacity hover:bg-muted hover:text-status-error-icon focus-visible:opacity-100 group-hover:opacity-100\"\n            onClick={(event) => {\n              event.stopPropagation()\n              event.preventDefault()\n              requestWorkflowNodeDeletion(id)\n            }}\n          >\n            <Trash2 className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n          </button>\n        )}\n      </div>\n      <div className=\"min-h-0 flex-1 overflow-y-auto px-2.5 py-2 text-xs text-foreground\">\n        {markdown ? (\n          <MarkdownContent\n            body={markdown}\n            format=\"markdown\"\n            className=\"prose-workflow-note break-words [&_a]:underline [&_code]:text-overline [&_h1]:text-sm [&_h1]:font-semibold [&_h2]:text-xs [&_h2]:font-semibold [&_li]:list-item [&_ul]:list-inside [&_ul]:list-disc\"\n          />\n        ) : (\n          <p className=\"text-muted-foreground\">\n            {t('workflows.annotations.note.empty', 'Empty note \u2014 click to write something.')}\n          </p>\n        )}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": ";AA0BM,cAEE,YAFF;AAxBN,SAAS,mBAAmC;AAC5C,SAAS,YAAY,cAAc;AACnC,SAAS,uBAAuB;AAChC,SAAS,YAAY;AACrB,SAAS,mCAAmC;AAQrC,SAAS,eAAe,EAAE,IAAI,MAAM,eAAe,SAAS,GAAc;AAC/E,QAAM,IAAI,KAAK;AACf,QAAM,WAAW;AACjB,QAAM,WAAW,OAAO,UAAU,aAAa,WAAW,SAAS,WAAW;AAC9E,QAAM,WAAW;AAEjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,+JACT,WAAW,wBAAwB,iBACrC;AAAA,MAEA;AAAA,4BAAC,eAAY,WAAW,YAAY,UAAU,UAAU,KAAK,WAAW,KAAK,eAAc,mBAAkB,iBAAgB,kCAAiC;AAAA,QAC9J,qBAAC,SAAI,WAAU,6FACb;AAAA,+BAAC,SAAI,WAAU,mCACb;AAAA,gCAAC,cAAW,WAAU,6CAA4C,eAAY,QAAO;AAAA,YACrF,oBAAC,UAAK,WAAU,yFACb,YAAE,wCAAwC,MAAM,GACnD;AAAA,aACF;AAAA,UACC,YACC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAY,EAAE,qCAAqC,aAAa;AAAA,cAChE,WAAU;AAAA,cACV,SAAS,CAAC,UAAU;AAClB,sBAAM,gBAAgB;AACtB,sBAAM,eAAe;AACrB,4CAA4B,EAAE;AAAA,cAChC;AAAA,cAEA,8BAAC,UAAO,WAAU,eAAc,eAAY,QAAO;AAAA;AAAA,UACrD;AAAA,WAEJ;AAAA,QACA,oBAAC,SAAI,WAAU,sEACZ,qBACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,QAAO;AAAA,YACP,WAAU;AAAA;AAAA,QACZ,IAEA,oBAAC,OAAE,WAAU,yBACV,YAAE,oCAAoC,6CAAwC,GACjF,GAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

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

@@ -1,50 +1,116 @@
 "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, NODE_PORT_HANDLE_CLASS } from "../../lib/node-geometry.js";
+import { ArrowUpRight } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { WorkflowNodeCard } from "../WorkflowNodeCard.js";
-function SubWorkflowNode({ data, isConnectable, selected }) {
+import { toWorkflowStatus } from "../../lib/status-colors.js";
+import { buildNodeConfigSummary } from "../../lib/node-config-summary.js";
+import { ErrorOutputHandle } from "./ErrorOutputHandle.js";
+function SubWorkflowNode({ id, data, isConnectable, selected }) {
+  const t = useT();
   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 inputs = Array.isArray(nodeData.inputs) ? nodeData.inputs : [];
+  const outputs = Array.isArray(nodeData.outputs) ? nodeData.outputs : [];
+  const childInstanceCount = Array.isArray(nodeData.childInstanceIds) ? nodeData.childInstanceIds.length : 0;
+  const isNavigable = childInstanceCount > 0;
+  const workflowStatus = toWorkflowStatus(nodeData.status);
+  const summary = buildNodeConfigSummary("subWorkflow", nodeData);
   const description = nodeData.description || (nodeData.subWorkflowName ? `Invokes: ${nodeData.subWorkflowName}${nodeData.version ? ` v${nodeData.version}` : ""}` : nodeData.subWorkflowId ? `Invokes: ${nodeData.subWorkflowId}` : "Sub-workflow invocation");
-  return /* @__PURE__ */ jsxs("div", { className: "sub-workflow-node", title: nodeData.tooltip, children: [
-    /* @__PURE__ */ jsx(
-      Handle,
-      {
-        type: "target",
-        position: Position.Top,
-        id: "target",
-        isConnectable,
-        className: "!w-3 !h-3 !bg-[#0080FE] !border-2 !border-white"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      WorkflowNodeCard,
-      {
-        title: nodeData.label,
-        description,
-        status: workflowStatus,
-        nodeType: "subWorkflow",
-        selected
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Handle,
-      {
-        type: "source",
-        position: Position.Bottom,
-        id: "source",
-        isConnectable,
-        className: "!w-3 !h-3 !bg-[#0080FE] !border-2 !border-white"
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `sub-workflow-node relative${isNavigable ? " cursor-pointer" : ""}`,
+      title: nodeData.tooltip,
+      role: isNavigable ? "button" : void 0,
+      "aria-label": isNavigable ? t("workflows.instances.subWorkflows.openChild", "Open sub-workflow instance") : void 0,
+      children: [
+        isNavigable && /* @__PURE__ */ jsxs("span", { className: "absolute -right-1.5 -top-1.5 z-10 inline-flex items-center gap-0.5 rounded-full border border-border bg-background px-1.5 py-0.5 text-xs font-medium text-primary shadow-sm", children: [
+          childInstanceCount > 1 && /* @__PURE__ */ jsx("span", { children: childInstanceCount }),
+          /* @__PURE__ */ jsx(ArrowUpRight, { className: "size-3", "aria-hidden": "true" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Handle,
+          {
+            type: "target",
+            position: Position.Left,
+            id: "target",
+            isConnectable,
+            className: `${NODE_HANDLE_CLASS} !bg-primary`
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          WorkflowNodeCard,
+          {
+            summary,
+            title: nodeData.label,
+            description,
+            status: workflowStatus,
+            runReason: nodeData.runReason,
+            runStartedAt: nodeData.runStartedAt,
+            nodeType: "subWorkflow",
+            selected,
+            hasError: nodeData.hasError,
+            hasCompensation: nodeData.hasCompensation,
+            errorCount: nodeData.errorCount,
+            nodeId: id,
+            editable: isConnectable
+          }
+        ),
+        (inputs.length > 0 || outputs.length > 0) && /* @__PURE__ */ jsxs("div", { className: "mt-1 rounded-md border border-border bg-background text-xs overflow-hidden", children: [
+          inputs.length > 0 && /* @__PURE__ */ jsxs("div", { className: "px-3 py-1.5", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs uppercase tracking-wide text-muted-foreground mb-1", children: t("workflows.ports.inputs") }),
+            inputs.map((port, index) => /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-between gap-3 py-0.5", children: [
+              /* @__PURE__ */ jsx(
+                Handle,
+                {
+                  type: "target",
+                  position: Position.Top,
+                  id: `in:${port.name}`,
+                  isConnectable,
+                  style: { left: `${(index + 1) / (inputs.length + 1) * 100}%` },
+                  className: `${NODE_PORT_HANDLE_CLASS} !bg-primary`
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "truncate text-foreground", children: port.label || port.name }),
+              /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", children: t(`workflows.ports.types.${port.type}`) })
+            ] }, port.name))
+          ] }),
+          outputs.length > 0 && /* @__PURE__ */ jsxs("div", { className: "px-3 py-1.5 border-t border-border", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs uppercase tracking-wide text-muted-foreground mb-1", children: t("workflows.ports.outputs") }),
+            outputs.map((port, index) => /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-between gap-3 py-0.5", children: [
+              /* @__PURE__ */ jsx("span", { className: "truncate text-foreground", children: port.label || port.name }),
+              /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", children: t(`workflows.ports.types.${port.type}`) }),
+              /* @__PURE__ */ jsx(
+                Handle,
+                {
+                  type: "source",
+                  position: Position.Bottom,
+                  id: `out:${port.name}`,
+                  isConnectable,
+                  style: { left: `${(index + 1) / (outputs.length + 1) * 100}%` },
+                  className: `${NODE_PORT_HANDLE_CLASS} !bg-muted-foreground`
+                }
+              )
+            ] }, port.name))
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Handle,
+          {
+            type: "source",
+            position: Position.Right,
+            id: DEFAULT_SOURCE_HANDLE_ID,
+            isConnectable,
+            className: `${NODE_HANDLE_CLASS} !bg-primary`
+          }
+        ),
+        /* @__PURE__ */ jsx(ErrorOutputHandle, { isConnectable })
+      ]
+    }
+  );
 }
 export {
   SubWorkflowNode

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/nodes/SubWorkflowNode.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 SubWorkflowNodeData {\n  label: string\n  description?: string\n  subWorkflowId?: string\n  subWorkflowName?: 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 * SubWorkflowNode - Sub-workflow invocation step in a workflow\n * Uses WorkflowNodeCard for consistent styling\n */\nexport function SubWorkflowNode({ data, isConnectable, selected }: NodeProps) {\n  const nodeData = data as unknown as SubWorkflowNodeData\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  // Build description with sub-workflow info\n  const description = nodeData.description ||\n    (nodeData.subWorkflowName\n      ? `Invokes: ${nodeData.subWorkflowName}${nodeData.version ? ` v${nodeData.version}` : ''}`\n      : nodeData.subWorkflowId\n        ? `Invokes: ${nodeData.subWorkflowId}`\n        : 'Sub-workflow invocation')\n\n  return (\n    <div className=\"sub-workflow-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=\"subWorkflow\"\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": ";AA8CI,SAEE,KAFF;AA5CJ,SAAS,QAAQ,gBAA2B;AAC5C,SAAS,wBAAwB;AAoB1B,SAAS,gBAAgB,EAAE,MAAM,eAAe,SAAS,GAAc;AAC5E,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;AAGhD,QAAM,cAAc,SAAS,gBAC1B,SAAS,kBACN,YAAY,SAAS,eAAe,GAAG,SAAS,UAAU,KAAK,SAAS,OAAO,KAAK,EAAE,KACtF,SAAS,gBACP,YAAY,SAAS,aAAa,KAClC;AAER,SACE,qBAAC,SAAI,WAAU,qBAAoB,OAAO,SAAS,SAEjD;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, NODE_PORT_HANDLE_CLASS } from '../../lib/node-geometry'\nimport { ArrowUpRight } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\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 type { PortField } from '../../data/validators'\nimport { ErrorOutputHandle } from './ErrorOutputHandle'\n\nexport interface SubWorkflowNodeData {\n  label: string\n  description?: string\n  subWorkflowId?: string\n  subWorkflowName?: 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  /** Declared input/output ports of the referenced sub-workflow (definition.io). */\n  inputs?: PortField[]\n  outputs?: PortField[]\n  /**\n   * Ids of the child workflow instances this step spawned (read-only instance\n   * viewer only). When present the node is navigable \u2014 clicking it opens the\n   * child instance (or a picker when more than one). Empty/absent in the editor.\n   */\n  childInstanceIds?: string[]\n}\n\n/**\n * SubWorkflowNode - Sub-workflow invocation step in a workflow.\n *\n * Renders the referenced child's declared IN/OUT ports (when supplied via node\n * data) so a business user can see and target each field without opening the\n * child. Per-port data handles use stable ids `in:<name>` / `out:<name>`. Under\n * the horizontal (left\u2192right) flow, control-flow handles take Left (target) /\n * Right (source); the data ports relocate to the Top (in) / Bottom (out) edges\n * \u2014 fanned out horizontally \u2014 so the two handle classes never collide. Handle\n * ids are unchanged, so existing transitions and mappings keep connecting.\n * Falls back to the plain card when no contract is present.\n */\nexport function SubWorkflowNode({ id, data, isConnectable, selected }: NodeProps) {\n  const t = useT()\n  const nodeData = data as unknown as SubWorkflowNodeData\n  const inputs = Array.isArray(nodeData.inputs) ? nodeData.inputs : []\n  const outputs = Array.isArray(nodeData.outputs) ? nodeData.outputs : []\n  const childInstanceCount = Array.isArray(nodeData.childInstanceIds) ? nodeData.childInstanceIds.length : 0\n  const isNavigable = childInstanceCount > 0\n\n  const workflowStatus = toWorkflowStatus(nodeData.status)\n  const summary = buildNodeConfigSummary('subWorkflow', nodeData as never)\n\n  const description = nodeData.description ||\n    (nodeData.subWorkflowName\n      ? `Invokes: ${nodeData.subWorkflowName}${nodeData.version ? ` v${nodeData.version}` : ''}`\n      : nodeData.subWorkflowId\n        ? `Invokes: ${nodeData.subWorkflowId}`\n        : 'Sub-workflow invocation')\n\n  return (\n    <div\n      className={`sub-workflow-node relative${isNavigable ? ' cursor-pointer' : ''}`}\n      title={nodeData.tooltip}\n      role={isNavigable ? 'button' : undefined}\n      aria-label={isNavigable\n        ? t('workflows.instances.subWorkflows.openChild', 'Open sub-workflow instance')\n        : undefined}\n    >\n      {isNavigable && (\n        <span className=\"absolute -right-1.5 -top-1.5 z-10 inline-flex items-center gap-0.5 rounded-full border border-border bg-background px-1.5 py-0.5 text-xs font-medium text-primary shadow-sm\">\n          {childInstanceCount > 1 && <span>{childInstanceCount}</span>}\n          <ArrowUpRight className=\"size-3\" aria-hidden=\"true\" />\n        </span>\n      )}\n      {/* Control-flow target handle (left edge under horizontal flow) */}\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=\"subWorkflow\"\n        selected={selected}\n        hasError={nodeData.hasError}\n        hasCompensation={nodeData.hasCompensation}\n        errorCount={nodeData.errorCount}\n        nodeId={id}\n        editable={isConnectable}\n      />\n\n      {(inputs.length > 0 || outputs.length > 0) && (\n        <div className=\"mt-1 rounded-md border border-border bg-background text-xs overflow-hidden\">\n          {inputs.length > 0 && (\n            <div className=\"px-3 py-1.5\">\n              <div className=\"text-xs uppercase tracking-wide text-muted-foreground mb-1\">\n                {t('workflows.ports.inputs')}\n              </div>\n              {inputs.map((port, index) => (\n                <div key={port.name} className=\"relative flex items-center justify-between gap-3 py-0.5\">\n                  <Handle\n                    type=\"target\"\n                    position={Position.Top}\n                    id={`in:${port.name}`}\n                    isConnectable={isConnectable}\n                    style={{ left: `${((index + 1) / (inputs.length + 1)) * 100}%` }}\n                    className={`${NODE_PORT_HANDLE_CLASS} !bg-primary`}\n                  />\n                  <span className=\"truncate text-foreground\">{port.label || port.name}</span>\n                  <span className=\"shrink-0 text-muted-foreground\">{t(`workflows.ports.types.${port.type}`)}</span>\n                </div>\n              ))}\n            </div>\n          )}\n          {outputs.length > 0 && (\n            <div className=\"px-3 py-1.5 border-t border-border\">\n              <div className=\"text-xs uppercase tracking-wide text-muted-foreground mb-1\">\n                {t('workflows.ports.outputs')}\n              </div>\n              {outputs.map((port, index) => (\n                <div key={port.name} className=\"relative flex items-center justify-between gap-3 py-0.5\">\n                  <span className=\"truncate text-foreground\">{port.label || port.name}</span>\n                  <span className=\"shrink-0 text-muted-foreground\">{t(`workflows.ports.types.${port.type}`)}</span>\n                  <Handle\n                    type=\"source\"\n                    position={Position.Bottom}\n                    id={`out:${port.name}`}\n                    isConnectable={isConnectable}\n                    style={{ left: `${((index + 1) / (outputs.length + 1)) * 100}%` }}\n                    className={`${NODE_PORT_HANDLE_CLASS} !bg-muted-foreground`}\n                  />\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Control-flow source handle (right edge under horizontal flow) */}\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      <ErrorOutputHandle isConnectable={isConnectable} />\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -0,0 +1,51 @@
+"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 SwitchNode({ id, data, isConnectable, selected }) {
+  const nodeData = data;
+  return /* @__PURE__ */ jsxs("div", { className: "switch-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),
+        nodeType: "switch",
+        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 {
+  SwitchNode
+};
+//# sourceMappingURL=SwitchNode.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/workflows/components/nodes/SwitchNode.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 { toWorkflowStatus } from '../../lib/status-colors'\n\n/**\n * SwitchNode display data.\n *\n * A SWITCH step is pure transition sugar: it completes immediately and its\n * outgoing transitions carry the routing (one generated `field == value`\n * condition per case, plus a required unconditioned otherwise route).\n */\nexport interface SwitchNodeData {\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  hasError?: boolean\n  hasCompensation?: boolean\n  errorCount?: number\n}\n\nexport function SwitchNode({ id, data, isConnectable, selected }: NodeProps) {\n  const nodeData = data as unknown as SwitchNodeData\n\n  return (\n    <div className=\"switch-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        nodeType=\"switch\"\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": ";AAgCI,SACE,KADF;AA9BJ,SAAS,QAAQ,gBAA2B;AAC5C,SAAS,gCAAgC;AACzC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAsB1B,SAAS,WAAW,EAAE,IAAI,MAAM,eAAe,SAAS,GAAc;AAC3E,QAAM,WAAW;AAEjB,SACE,qBAAC,SAAI,WAAU,eAAc,OAAO,SAAS,SAC3C;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,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/TriggerCap.js

@@ -0,0 +1,65 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronRight, MousePointerClick, PowerOff, Zap } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function TriggerCap({
+  model,
+  onOpen,
+  variant = "pill"
+}) {
+  const t = useT();
+  const { triggerCount, enabledCount, definitionEnabled } = model;
+  const openLabel = t("workflows.triggerNode.open", "Edit triggers");
+  const manualLabel = t("workflows.triggerNode.manual", "manual / API start");
+  const countLabel = triggerCount === 1 ? t("workflows.triggerNode.capCountOne", "{count} trigger", { count: triggerCount }) : t("workflows.triggerNode.capCount", "{count} triggers", { count: triggerCount });
+  const definitionDisabledLabel = t(
+    "workflows.triggerNode.definitionDisabled",
+    "workflow disabled \u2014 nothing starts it"
+  );
+  const summary = definitionEnabled ? t(
+    "workflows.triggerNode.summary",
+    "{enabled} of {total} event trigger(s) active, plus manual and API start",
+    { enabled: enabledCount, total: triggerCount }
+  ) : definitionDisabledLabel;
+  const isHeader = variant === "header";
+  const shapeClass = isHeader ? "flex w-full rounded-t-lg border-b px-3 py-1.5" : "inline-flex w-fit max-w-full rounded-md border px-2 py-0.5 shadow-sm";
+  const baseClass = `nodrag nopan items-center gap-1 text-overline font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring ${shapeClass}`;
+  const commonProps = {
+    type: "button",
+    "data-testid": "workflow-trigger-cap",
+    "aria-label": `${summary}. ${openLabel}`,
+    title: openLabel,
+    onClick: (event) => {
+      event.stopPropagation();
+      onOpen?.();
+    }
+  };
+  if (!definitionEnabled) {
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ...commonProps,
+        "data-trigger-definition-disabled": "true",
+        className: `${baseClass} border-status-warning-border bg-status-warning-bg text-status-warning-text hover:brightness-95`,
+        children: [
+          /* @__PURE__ */ jsx(PowerOff, { className: "h-3 w-3 shrink-0 text-status-warning-icon", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: definitionDisabledLabel }),
+          /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-3 w-3 shrink-0 text-status-warning-icon", "aria-hidden": "true" })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("button", { ...commonProps, className: `${baseClass} border-border bg-muted text-foreground hover:bg-accent`, children: [
+    triggerCount > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Zap, { className: "h-3 w-3 shrink-0 text-chart-emerald", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx("span", { className: "truncate text-chart-emerald", children: countLabel }),
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", "aria-hidden": "true", children: "\xB7" })
+    ] }) : /* @__PURE__ */ jsx(MousePointerClick, { className: "h-3 w-3 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx("span", { className: "truncate text-muted-foreground", children: manualLabel }),
+    /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-3 w-3 shrink-0 text-muted-foreground", "aria-hidden": "true" })
+  ] });
+}
+export {
+  TriggerCap
+};
+//# sourceMappingURL=TriggerCap.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/workflows/components/nodes/TriggerCap.tsx"],
+  "sourcesContent": ["'use client'\n\nimport { ChevronRight, MousePointerClick, PowerOff, Zap } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { TriggerNodeModel } from '../../lib/trigger-node'\n\n/**\n * The trigger \"cap\" (fidelity gap #5, Direction A) \u2014 a compact, clickable\n * summary of what starts a workflow, folded onto the START node.\n *\n * Two layouts:\n * - `variant=\"header\"` (default in `StartNode`): a full-width header row that\n *   sits ATOP the Start card, forming one unified card (rounded top, hairline\n *   rule below). This is the shipped look.\n * - `variant=\"pill\"`: a standalone rounded pill (used by tests / any host that\n *   wants a detached chip).\n *\n * Everything it states is true of the running system (derived in\n * `lib/trigger-node.ts`): the manual/API path is always available because\n * `startWorkflow` needs no trigger, and a disabled definition says nothing\n * starts it at all. Accessibility (spec \u00A74.6): it IS a `<button>`, carries a\n * named `aria-label`, and every state pairs its token colour with a glyph and a\n * label \u2014 never colour alone.\n */\nexport function TriggerCap({\n  model,\n  onOpen,\n  variant = 'pill',\n}: {\n  model: TriggerNodeModel\n  onOpen?: () => void\n  variant?: 'pill' | 'header'\n}) {\n  const t = useT()\n  const { triggerCount, enabledCount, definitionEnabled } = model\n\n  const openLabel = t('workflows.triggerNode.open', 'Edit triggers')\n  const manualLabel = t('workflows.triggerNode.manual', 'manual / API start')\n  const countLabel =\n    triggerCount === 1\n      ? t('workflows.triggerNode.capCountOne', '{count} trigger', { count: triggerCount })\n      : t('workflows.triggerNode.capCount', '{count} triggers', { count: triggerCount })\n  const definitionDisabledLabel = t(\n    'workflows.triggerNode.definitionDisabled',\n    'workflow disabled \u2014 nothing starts it',\n  )\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  const isHeader = variant === 'header'\n  const shapeClass = isHeader\n    ? 'flex w-full rounded-t-lg border-b px-3 py-1.5'\n    : 'inline-flex w-fit max-w-full rounded-md border px-2 py-0.5 shadow-sm'\n  const baseClass = `nodrag nopan items-center gap-1 text-overline font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring ${shapeClass}`\n\n  const commonProps = {\n    type: 'button' as const,\n    'data-testid': 'workflow-trigger-cap',\n    'aria-label': `${summary}. ${openLabel}`,\n    title: openLabel,\n    onClick: (event: React.MouseEvent) => {\n      event.stopPropagation()\n      onOpen?.()\n    },\n  }\n\n  if (!definitionEnabled) {\n    return (\n      <button\n        {...commonProps}\n        data-trigger-definition-disabled=\"true\"\n        className={`${baseClass} border-status-warning-border bg-status-warning-bg text-status-warning-text hover:brightness-95`}\n      >\n        <PowerOff className=\"h-3 w-3 shrink-0 text-status-warning-icon\" aria-hidden=\"true\" />\n        <span className=\"truncate\">{definitionDisabledLabel}</span>\n        <ChevronRight className=\"ml-auto h-3 w-3 shrink-0 text-status-warning-icon\" aria-hidden=\"true\" />\n      </button>\n    )\n  }\n\n  return (\n    <button {...commonProps} className={`${baseClass} border-border bg-muted text-foreground hover:bg-accent`}>\n      {triggerCount > 0 ? (\n        <>\n          <Zap className=\"h-3 w-3 shrink-0 text-chart-emerald\" aria-hidden=\"true\" />\n          <span className=\"truncate text-chart-emerald\">{countLabel}</span>\n          <span className=\"text-muted-foreground\" aria-hidden=\"true\">\n            \u00B7\n          </span>\n        </>\n      ) : (\n        <MousePointerClick className=\"h-3 w-3 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n      )}\n      <span className=\"truncate text-muted-foreground\">{manualLabel}</span>\n      <ChevronRight className=\"ml-auto h-3 w-3 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n    </button>\n  )\n}\n"],
+  "mappings": ";AAyEM,SAeE,UAVA,KALF;AAvEN,SAAS,cAAc,mBAAmB,UAAU,WAAW;AAC/D,SAAS,YAAY;AAqBd,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA,UAAU;AACZ,GAIG;AACD,QAAM,IAAI,KAAK;AACf,QAAM,EAAE,cAAc,cAAc,kBAAkB,IAAI;AAE1D,QAAM,YAAY,EAAE,8BAA8B,eAAe;AACjE,QAAM,cAAc,EAAE,gCAAgC,oBAAoB;AAC1E,QAAM,aACJ,iBAAiB,IACb,EAAE,qCAAqC,mBAAmB,EAAE,OAAO,aAAa,CAAC,IACjF,EAAE,kCAAkC,oBAAoB,EAAE,OAAO,aAAa,CAAC;AACrF,QAAM,0BAA0B;AAAA,IAC9B;AAAA,IACA;AAAA,EACF;AACA,QAAM,UAAU,oBACZ;AAAA,IACE;AAAA,IACA;AAAA,IACA,EAAE,SAAS,cAAc,OAAO,aAAa;AAAA,EAC/C,IACA;AAEJ,QAAM,WAAW,YAAY;AAC7B,QAAM,aAAa,WACf,kDACA;AACJ,QAAM,YAAY,kLAAkL,UAAU;AAE9M,QAAM,cAAc;AAAA,IAClB,MAAM;AAAA,IACN,eAAe;AAAA,IACf,cAAc,GAAG,OAAO,KAAK,SAAS;AAAA,IACtC,OAAO;AAAA,IACP,SAAS,CAAC,UAA4B;AACpC,YAAM,gBAAgB;AACtB,eAAS;AAAA,IACX;AAAA,EACF;AAEA,MAAI,CAAC,mBAAmB;AACtB,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,oCAAiC;AAAA,QACjC,WAAW,GAAG,SAAS;AAAA,QAEvB;AAAA,8BAAC,YAAS,WAAU,6CAA4C,eAAY,QAAO;AAAA,UACnF,oBAAC,UAAK,WAAU,YAAY,mCAAwB;AAAA,UACpD,oBAAC,gBAAa,WAAU,qDAAoD,eAAY,QAAO;AAAA;AAAA;AAAA,IACjG;AAAA,EAEJ;AAEA,SACE,qBAAC,YAAQ,GAAG,aAAa,WAAW,GAAG,SAAS,2DAC7C;AAAA,mBAAe,IACd,iCACE;AAAA,0BAAC,OAAI,WAAU,uCAAsC,eAAY,QAAO;AAAA,MACxE,oBAAC,UAAK,WAAU,+BAA+B,sBAAW;AAAA,MAC1D,oBAAC,UAAK,WAAU,yBAAwB,eAAY,QAAO,kBAE3D;AAAA,OACF,IAEA,oBAAC,qBAAkB,WAAU,0CAAyC,eAAY,QAAO;AAAA,IAE3F,oBAAC,UAAK,WAAU,kCAAkC,uBAAY;AAAA,IAC9D,oBAAC,gBAAa,WAAU,kDAAiD,eAAY,QAAO;AAAA,KAC9F;AAEJ;",
+  "names": []
+}