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

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

@@ -0,0 +1,29 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Handle, Position } from "@xyflow/react";
+import { NODE_HANDLE_CLASS } from "../../lib/node-geometry.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { ERROR_SOURCE_HANDLE_ID } from "../../lib/error-routing.js";
+function ErrorOutputHandle({ isConnectable }) {
+  const t = useT();
+  const label = t("workflows.nodes.errorHandle", "On error");
+  return /* @__PURE__ */ jsx(
+    Handle,
+    {
+      type: "source",
+      position: Position.Right,
+      id: ERROR_SOURCE_HANDLE_ID,
+      isConnectable,
+      title: label,
+      "aria-label": label,
+      "data-testid": "workflow-error-handle",
+      style: { top: "75%" },
+      className: `${NODE_HANDLE_CLASS} !bg-status-error-icon`
+    }
+  );
+}
+export {
+  ERROR_SOURCE_HANDLE_ID,
+  ErrorOutputHandle
+};
+//# sourceMappingURL=ErrorOutputHandle.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/workflows/components/nodes/ErrorOutputHandle.tsx"],
+  "sourcesContent": ["'use client'\n\nimport { Handle, Position } from '@xyflow/react'\nimport { NODE_HANDLE_CLASS } from '../../lib/node-geometry'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { ERROR_SOURCE_HANDLE_ID } from '../../lib/error-routing'\n\nexport { ERROR_SOURCE_HANDLE_ID }\n\n/**\n * Error output handle. Sits below the node's main source handle on the right so\n * it never collides with the sub-workflow output ports along the bottom edge,\n * and is labelled for pointer and assistive users alike.\n */\nexport function ErrorOutputHandle({ isConnectable }: { isConnectable?: boolean }) {\n  const t = useT()\n  const label = t('workflows.nodes.errorHandle', 'On error')\n\n  return (\n    <Handle\n      type=\"source\"\n      position={Position.Right}\n      id={ERROR_SOURCE_HANDLE_ID}\n      isConnectable={isConnectable}\n      title={label}\n      aria-label={label}\n      data-testid=\"workflow-error-handle\"\n      style={{ top: '75%' }}\n      className={`${NODE_HANDLE_CLASS} !bg-status-error-icon`}\n    />\n  )\n}\n"],
+  "mappings": ";AAmBI;AAjBJ,SAAS,QAAQ,gBAAgB;AACjC,SAAS,yBAAyB;AAClC,SAAS,YAAY;AACrB,SAAS,8BAA8B;AAShC,SAAS,kBAAkB,EAAE,cAAc,GAAgC;AAChF,QAAM,IAAI,KAAK;AACf,QAAM,QAAQ,EAAE,+BAA+B,UAAU;AAEzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU,SAAS;AAAA,MACnB,IAAI;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,MACP,cAAY;AAAA,MACZ,eAAY;AAAA,MACZ,OAAO,EAAE,KAAK,MAAM;AAAA,MACpB,WAAW,GAAG,iBAAiB;AAAA;AAAA,EACjC;AAEJ;",
+  "names": []
+}

package/dist/modules/workflows/components/nodes/IfElseNode.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 IfElseNode({ id, data, isConnectable, selected }) {
+  const nodeData = data;
+  return /* @__PURE__ */ jsxs("div", { className: "if-else-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: "ifElse",
+        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 {
+  IfElseNode
+};
+//# sourceMappingURL=IfElseNode.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/workflows/components/nodes/IfElseNode.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 * IfElseNode display data.\n *\n * An IF_ELSE step is pure transition sugar: it completes immediately and its\n * outgoing transitions carry the routing (a conditioned \"true\" route plus an\n * unconditioned otherwise route at the lowest priority).\n */\nexport interface IfElseNodeData {\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 IfElseNode({ id, data, isConnectable, selected }: NodeProps) {\n  const nodeData = data as unknown as IfElseNodeData\n\n  return (\n    <div className=\"if-else-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=\"ifElse\"\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,gBAAe,OAAO,SAAS,SAC5C;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/InvokeAgentNode.js

@@ -0,0 +1,122 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Handle, Position } from "@xyflow/react";
+import { NODE_HANDLE_CLASS } from "../../lib/node-geometry.js";
+import { WorkflowNodeCard } from "../WorkflowNodeCard.js";
+import { toWorkflowStatus } from "../../lib/status-colors.js";
+import { buildNodeConfigSummary } from "../../lib/node-config-summary.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { ErrorOutputHandle } from "./ErrorOutputHandle.js";
+import { NodeOutcomeRows } from "./NodeOutcomeRows.js";
+import {
+  buildAllAgentOutcomeRows,
+  buildDefaultRouteRow
+} from "../../lib/node-outcome-rows.js";
+import { DEFAULT_SOURCE_HANDLE_ID } from "../../lib/route-kinds.js";
+function InvokeAgentNode({ id, data, isConnectable, selected }) {
+  const t = useT();
+  const nodeData = data;
+  const [showAllOutcomes, setShowAllOutcomes] = useState(false);
+  const availableOutcomeRows = buildAllAgentOutcomeRows();
+  const outcomeRows = showAllOutcomes ? availableOutcomeRows : nodeData.outcomeRows ?? [];
+  const canRevealOutcomes = Boolean(
+    isConnectable && !showAllOutcomes && outcomeRows.length < availableOutcomeRows.length
+  );
+  const hasOutcomeFooter = outcomeRows.length > 0;
+  const defaultRouteRow = buildDefaultRouteRow();
+  const workflowStatus = toWorkflowStatus(nodeData.status);
+  const summary = buildNodeConfigSummary("invokeAgent", nodeData);
+  const agentId = nodeData.agentId || nodeData.activities?.find((activity) => activity.activityType === "INVOKE_AGENT")?.config?.agentId;
+  const description = nodeData.description || (agentId ? t("workflows.invokeAgent.runsAgent", { agentId }) : t("workflows.invokeAgent.noAgent"));
+  const chip = (() => {
+    if (workflowStatus === "completed") {
+      return {
+        label: t("workflows.invokeAgent.statusDone"),
+        className: "bg-status-success-bg text-status-success-text"
+      };
+    }
+    if (workflowStatus === "in_progress") {
+      return {
+        label: t("workflows.invokeAgent.statusRunning"),
+        className: "bg-status-info-bg text-status-info-text"
+      };
+    }
+    if (nodeData.executionStatus === "active") {
+      return {
+        label: t("workflows.invokeAgent.statusWaiting"),
+        className: "bg-status-warning-bg text-status-warning-text"
+      };
+    }
+    return null;
+  })();
+  return /* @__PURE__ */ jsxs("div", { className: "invoke-agent-node", title: nodeData.tooltip, children: [
+    /* @__PURE__ */ jsx(
+      Handle,
+      {
+        type: "target",
+        position: Position.Left,
+        id: "target",
+        isConnectable,
+        className: `${NODE_HANDLE_CLASS} !bg-brand-violet`
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(
+        WorkflowNodeCard,
+        {
+          summary,
+          title: nodeData.label,
+          description,
+          status: workflowStatus,
+          runReason: nodeData.runReason,
+          runStartedAt: nodeData.runStartedAt,
+          nodeType: "invokeAgent",
+          selected,
+          hasError: nodeData.hasError,
+          hasCompensation: nodeData.hasCompensation,
+          errorCount: nodeData.errorCount,
+          nodeId: id,
+          editable: isConnectable,
+          footer: /* @__PURE__ */ jsx(
+            NodeOutcomeRows,
+            {
+              rows: outcomeRows,
+              defaultRow: hasOutcomeFooter ? defaultRouteRow : void 0,
+              isConnectable,
+              inheritanceNote: t(
+                "workflows.outcomes.inheritsErrorDirective",
+                "unhandled \u2192 error directive"
+              ),
+              revealLabel: canRevealOutcomes ? t("workflows.outcomes.add", "+ outcome") : void 0,
+              onReveal: canRevealOutcomes ? () => setShowAllOutcomes(true) : void 0,
+              testId: "workflow-agent-outcome-rows"
+            }
+          )
+        }
+      ),
+      chip && /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: `absolute bottom-2 right-2 inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${chip.className}`,
+          children: chip.label
+        }
+      )
+    ] }),
+    !hasOutcomeFooter && /* @__PURE__ */ jsx(
+      Handle,
+      {
+        type: "source",
+        position: Position.Right,
+        id: DEFAULT_SOURCE_HANDLE_ID,
+        isConnectable,
+        className: `${NODE_HANDLE_CLASS} !bg-brand-violet`
+      }
+    ),
+    !hasOutcomeFooter && /* @__PURE__ */ jsx(ErrorOutputHandle, { isConnectable })
+  ] });
+}
+export {
+  InvokeAgentNode
+};
+//# sourceMappingURL=InvokeAgentNode.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/workflows/components/nodes/InvokeAgentNode.tsx"],
+  "sourcesContent": ["'use client'\n\nimport { useState } from 'react'\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 { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { ErrorOutputHandle } from './ErrorOutputHandle'\nimport { NodeOutcomeRows } from './NodeOutcomeRows'\nimport {\n  buildAllAgentOutcomeRows,\n  buildDefaultRouteRow,\n  type NodeOutcomeRow,\n} from '../../lib/node-outcome-rows'\nimport { DEFAULT_SOURCE_HANDLE_ID } from '../../lib/route-kinds'\n\nexport interface InvokeAgentNodeData {\n  label: string\n  description?: string\n  agentId?: string\n  activities?: Array<{ activityType?: string; config?: { agentId?: 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   * Disposition outcome rows (spec \u00A77.2), derived from the committed edges by\n   * `WorkflowGraphImpl` at RENDER time \u2014 never part of the saved definition.\n   */\n  outcomeRows?: NodeOutcomeRow[]\n}\n\n/**\n * InvokeAgentNode - Runs an AI agent (area 02b).\n *\n * AI-accented (brand-violet via NODE_TYPE_COLORS.invokeAgent). Shows the target\n * agent id plus a status chip (running / waiting / done) using the same\n * status-badge token pattern as other status surfaces. The node compiles to an\n * AUTOMATED step carrying a single INVOKE_AGENT activity (see NodeEditDialog +\n * graph-utils); `agentId` here is for display only.\n */\nexport function InvokeAgentNode({ id, data, isConnectable, selected }: NodeProps) {\n  const t = useT()\n  const nodeData = data as unknown as InvokeAgentNodeData\n  const [showAllOutcomes, setShowAllOutcomes] = useState(false)\n  const availableOutcomeRows = buildAllAgentOutcomeRows()\n  const outcomeRows = showAllOutcomes ? availableOutcomeRows : (nodeData.outcomeRows ?? [])\n  const canRevealOutcomes = Boolean(\n    isConnectable && !showAllOutcomes && outcomeRows.length < availableOutcomeRows.length,\n  )\n  const hasOutcomeFooter = outcomeRows.length > 0\n  const defaultRouteRow = buildDefaultRouteRow()\n\n  const workflowStatus = toWorkflowStatus(nodeData.status)\n  const summary = buildNodeConfigSummary('invokeAgent', nodeData as never)\n\n  const agentId =\n    nodeData.agentId ||\n    nodeData.activities?.find((activity) => activity.activityType === 'INVOKE_AGENT')?.config?.agentId\n\n  const description =\n    nodeData.description ||\n    (agentId\n      ? t('workflows.invokeAgent.runsAgent', { agentId })\n      : t('workflows.invokeAgent.noAgent'))\n\n  // Status chip: running / waiting (parked for a human) / done.\n  const chip = (() => {\n    if (workflowStatus === 'completed') {\n      return {\n        label: t('workflows.invokeAgent.statusDone'),\n        className: 'bg-status-success-bg text-status-success-text',\n      }\n    }\n    if (workflowStatus === 'in_progress') {\n      return {\n        label: t('workflows.invokeAgent.statusRunning'),\n        className: 'bg-status-info-bg text-status-info-text',\n      }\n    }\n    if (nodeData.executionStatus === 'active') {\n      return {\n        label: t('workflows.invokeAgent.statusWaiting'),\n        className: 'bg-status-warning-bg text-status-warning-text',\n      }\n    }\n    return null\n  })()\n\n  return (\n    <div className=\"invoke-agent-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-brand-violet`}\n      />\n\n      <div className=\"relative\">\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=\"invokeAgent\"\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={outcomeRows}\n              defaultRow={hasOutcomeFooter ? defaultRouteRow : undefined}\n              isConnectable={isConnectable}\n              inheritanceNote={t(\n                'workflows.outcomes.inheritsErrorDirective',\n                'unhandled \u2192 error directive',\n              )}\n              revealLabel={\n                canRevealOutcomes\n                  ? t('workflows.outcomes.add', '+ outcome')\n                  : undefined\n              }\n              onReveal={canRevealOutcomes ? () => setShowAllOutcomes(true) : undefined}\n              testId=\"workflow-agent-outcome-rows\"\n            />\n          }\n        />\n        {chip && (\n          <span\n            className={`absolute bottom-2 right-2 inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${chip.className}`}\n          >\n            {chip.label}\n          </span>\n        )}\n      </div>\n\n      {/* The default route leaves from the footer's last row whenever there is\n          a footer, so it shares the outcome rows' x-position, size and rhythm\n          instead of floating over the first of them. Without a footer there is\n          nothing to hang it off, so it stays exactly where it always was. */}\n      {!hasOutcomeFooter && (\n        <Handle\n          type=\"source\"\n          position={Position.Right}\n          id={DEFAULT_SOURCE_HANDLE_ID}\n          isConnectable={isConnectable}\n          className={`${NODE_HANDLE_CLASS} !bg-brand-violet`}\n        />\n      )}\n\n      {/* Like the default source handle above, the floating error handle only\n          belongs on a node WITHOUT an outcome footer. When the footer renders,\n          error routing is already expressed there (the `error` disposition row\n          plus the \"unhandled \u2192 error directive\" inheritance note), so a second\n          floating red handle pinned at top:75% only overlaps the revealed\n          rows. */}\n      {!hasOutcomeFooter && <ErrorOutputHandle isConnectable={isConnectable} />}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,100 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Handle, Position } from "@xyflow/react";
+import { Check, CircleAlert, CornerDownLeft, Info, ShieldMinus, Slash, Dot } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { NODE_HANDLE_CLASS, NODE_HANDLE_EDGE_OFFSET } from "../../lib/node-geometry.js";
+const TONE_DOT_CLASSES = {
+  success: "!bg-status-success-icon",
+  warning: "!bg-status-warning-icon",
+  error: "!bg-status-error-icon",
+  info: "!bg-status-info-icon",
+  neutral: "!bg-muted-foreground"
+};
+const TONE_TEXT_CLASSES = {
+  success: "text-status-success-icon",
+  warning: "text-status-warning-icon",
+  error: "text-status-error-icon",
+  info: "text-status-info-icon",
+  neutral: "text-muted-foreground"
+};
+const GLYPH_COMPONENTS = {
+  check: Check,
+  info: Info,
+  slash: Slash,
+  shield: ShieldMinus,
+  alert: CircleAlert,
+  dot: Dot,
+  corner: CornerDownLeft
+};
+function NodeOutcomeRows({
+  rows,
+  defaultRow,
+  isConnectable,
+  inheritanceNote,
+  revealLabel,
+  onReveal,
+  testId
+}) {
+  const t = useT();
+  if (rows.length === 0 && !defaultRow) return null;
+  const allRows = defaultRow ? [...rows, defaultRow] : rows;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "border-t border-border px-2 py-1",
+      "data-testid": testId ?? "workflow-node-outcome-rows",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "grid gap-0.5", children: allRows.map((row) => {
+          const label = row.labelKey ? t(row.labelKey, row.labelFallback) : row.labelFallback;
+          const Glyph = GLYPH_COMPONENTS[row.glyph];
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "relative flex min-h-4 items-center justify-end gap-1 pr-2",
+              ...row === defaultRow ? { "data-default-route-handle": row.handleId } : { "data-outcome-handle": row.handleId },
+              children: [
+                /* @__PURE__ */ jsx(Glyph, { className: `h-3 w-3 shrink-0 ${TONE_TEXT_CLASSES[row.tone]}`, "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx("span", { className: "truncate text-overline text-muted-foreground", children: label }),
+                /* @__PURE__ */ jsx(
+                  Handle,
+                  {
+                    type: "source",
+                    position: Position.Right,
+                    id: row.handleId,
+                    isConnectable,
+                    title: label,
+                    "aria-label": label,
+                    style: { right: NODE_HANDLE_EDGE_OFFSET, top: "50%" },
+                    className: `${NODE_HANDLE_CLASS} ${TONE_DOT_CLASSES[row.tone]}`
+                  }
+                )
+              ]
+            },
+            row.handleId
+          );
+        }) }),
+        revealLabel && onReveal && /* @__PURE__ */ jsx("div", { className: "mt-1 flex justify-end", children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "2xs",
+            className: "nodrag nopan",
+            onClick: (event) => {
+              event.stopPropagation();
+              onReveal();
+            },
+            children: revealLabel
+          }
+        ) }),
+        inheritanceNote && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-right text-overline text-muted-foreground", children: inheritanceNote })
+      ]
+    }
+  );
+}
+export {
+  NodeOutcomeRows
+};
+//# sourceMappingURL=NodeOutcomeRows.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/workflows/components/nodes/NodeOutcomeRows.tsx"],
+  "sourcesContent": ["'use client'\n\nimport { Handle, Position } from '@xyflow/react'\nimport { Check, CircleAlert, CornerDownLeft, Info, ShieldMinus, Slash, Dot } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport type { NodeOutcomeRow, NodeOutcomeRowGlyph, NodeOutcomeRowTone } from '../../lib/node-outcome-rows'\nimport { NODE_HANDLE_CLASS, NODE_HANDLE_EDGE_OFFSET } from '../../lib/node-geometry'\n\n/**\n * The node's outcome-row footer (fidelity gap #4, spec \u00A77.2).\n *\n * A hairline rule, right-aligned rows, and a dot overhanging the right edge that\n * IS the connection handle \u2014 so wiring a disposition is drawing a line from the\n * row that names it.\n *\n * Accessibility (spec \u00A74.6 acceptance criterion): the LABEL carries the meaning,\n * never the dot colour. Two of these rows are red, which at 10px and at canvas\n * zoom is not a distinction anyone can read \u2014 so each row also carries its own\n * glyph, and each handle is named for assistive users. The labels are therefore\n * not decorative and must never be dropped for a denser rendering.\n */\n\nconst TONE_DOT_CLASSES: Record<NodeOutcomeRowTone, string> = {\n  success: '!bg-status-success-icon',\n  warning: '!bg-status-warning-icon',\n  error: '!bg-status-error-icon',\n  info: '!bg-status-info-icon',\n  neutral: '!bg-muted-foreground',\n}\n\nconst TONE_TEXT_CLASSES: Record<NodeOutcomeRowTone, string> = {\n  success: 'text-status-success-icon',\n  warning: 'text-status-warning-icon',\n  error: 'text-status-error-icon',\n  info: 'text-status-info-icon',\n  neutral: 'text-muted-foreground',\n}\n\nconst GLYPH_COMPONENTS: Record<NodeOutcomeRowGlyph, typeof Check> = {\n  check: Check,\n  info: Info,\n  slash: Slash,\n  shield: ShieldMinus,\n  alert: CircleAlert,\n  dot: Dot,\n  corner: CornerDownLeft,\n}\n\nexport interface NodeOutcomeRowsProps {\n  rows: NodeOutcomeRow[]\n  /**\n   * The step's ordinary output, rendered as the LAST row so every outgoing\n   * connection leaves the card from a footer row \u2014 one x-position, one dot\n   * size, one vertical rhythm. Passing it is what tells the node not to render\n   * its own floating source handle; omitting it keeps the node's handle where\n   * it always was.\n   */\n  defaultRow?: NodeOutcomeRow\n  isConnectable?: boolean\n  /**\n   * Announced when an outcome has no route: \u00A77.2 requires the node face to\n   * state that unwired outcomes inherit the step's error directive.\n   */\n  inheritanceNote?: string\n  revealLabel?: string\n  onReveal?: () => void\n  testId?: string\n}\n\nexport function NodeOutcomeRows({\n  rows,\n  defaultRow,\n  isConnectable,\n  inheritanceNote,\n  revealLabel,\n  onReveal,\n  testId,\n}: NodeOutcomeRowsProps) {\n  const t = useT()\n  if (rows.length === 0 && !defaultRow) return null\n\n  const allRows = defaultRow ? [...rows, defaultRow] : rows\n\n  return (\n    <div\n      className=\"border-t border-border px-2 py-1\"\n      data-testid={testId ?? 'workflow-node-outcome-rows'}\n    >\n      <div className=\"grid gap-0.5\">\n        {allRows.map((row) => {\n          const label = row.labelKey ? t(row.labelKey, row.labelFallback) : row.labelFallback\n          const Glyph = GLYPH_COMPONENTS[row.glyph]\n          return (\n            <div\n              key={row.handleId}\n              className=\"relative flex min-h-4 items-center justify-end gap-1 pr-2\"\n              {...(row === defaultRow\n                ? { 'data-default-route-handle': row.handleId }\n                : { 'data-outcome-handle': row.handleId })}\n            >\n              <Glyph className={`h-3 w-3 shrink-0 ${TONE_TEXT_CLASSES[row.tone]}`} aria-hidden=\"true\" />\n              <span className=\"truncate text-overline text-muted-foreground\">{label}</span>\n              <Handle\n                type=\"source\"\n                position={Position.Right}\n                id={row.handleId}\n                isConnectable={isConnectable}\n                title={label}\n                aria-label={label}\n                style={{ right: NODE_HANDLE_EDGE_OFFSET, top: '50%' }}\n                className={`${NODE_HANDLE_CLASS} ${TONE_DOT_CLASSES[row.tone]}`}\n              />\n            </div>\n          )\n        })}\n      </div>\n      {revealLabel && onReveal && (\n        <div className=\"mt-1 flex justify-end\">\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"2xs\"\n            className=\"nodrag nopan\"\n            onClick={(event) => {\n              // Reveal the remaining outcome rows in place. Without stopping\n              // propagation the click also bubbles to React Flow's onNodeClick,\n              // which opens the node edit dialog \u2014 the wrong surface for a\n              // canvas-local disclosure.\n              event.stopPropagation()\n              onReveal()\n            }}\n          >\n            {revealLabel}\n          </Button>\n        </div>\n      )}\n      {inheritanceNote && (\n        <p className=\"mt-0.5 text-right text-overline text-muted-foreground\">{inheritanceNote}</p>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": ";AA8FY,SAOE,KAPF;AA5FZ,SAAS,QAAQ,gBAAgB;AACjC,SAAS,OAAO,aAAa,gBAAgB,MAAM,aAAa,OAAO,WAAW;AAClF,SAAS,YAAY;AACrB,SAAS,cAAc;AAEvB,SAAS,mBAAmB,+BAA+B;AAgB3D,MAAM,mBAAuD;AAAA,EAC3D,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AACX;AAEA,MAAM,oBAAwD;AAAA,EAC5D,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AACX;AAEA,MAAM,mBAA8D;AAAA,EAClE,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AACV;AAuBO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,IAAI,KAAK;AACf,MAAI,KAAK,WAAW,KAAK,CAAC,WAAY,QAAO;AAE7C,QAAM,UAAU,aAAa,CAAC,GAAG,MAAM,UAAU,IAAI;AAErD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAa,UAAU;AAAA,MAEvB;AAAA,4BAAC,SAAI,WAAU,gBACZ,kBAAQ,IAAI,CAAC,QAAQ;AACpB,gBAAM,QAAQ,IAAI,WAAW,EAAE,IAAI,UAAU,IAAI,aAAa,IAAI,IAAI;AACtE,gBAAM,QAAQ,iBAAiB,IAAI,KAAK;AACxC,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,WAAU;AAAA,cACT,GAAI,QAAQ,aACT,EAAE,6BAA6B,IAAI,SAAS,IAC5C,EAAE,uBAAuB,IAAI,SAAS;AAAA,cAE1C;AAAA,oCAAC,SAAM,WAAW,oBAAoB,kBAAkB,IAAI,IAAI,CAAC,IAAI,eAAY,QAAO;AAAA,gBACxF,oBAAC,UAAK,WAAU,gDAAgD,iBAAM;AAAA,gBACtE;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,UAAU,SAAS;AAAA,oBACnB,IAAI,IAAI;AAAA,oBACR;AAAA,oBACA,OAAO;AAAA,oBACP,cAAY;AAAA,oBACZ,OAAO,EAAE,OAAO,yBAAyB,KAAK,MAAM;AAAA,oBACpD,WAAW,GAAG,iBAAiB,IAAI,iBAAiB,IAAI,IAAI,CAAC;AAAA;AAAA,gBAC/D;AAAA;AAAA;AAAA,YAjBK,IAAI;AAAA,UAkBX;AAAA,QAEJ,CAAC,GACH;AAAA,QACC,eAAe,YACd,oBAAC,SAAI,WAAU,yBACb;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS,CAAC,UAAU;AAKlB,oBAAM,gBAAgB;AACtB,uBAAS;AAAA,YACX;AAAA,YAEC;AAAA;AAAA,QACH,GACF;AAAA,QAED,mBACC,oBAAC,OAAE,WAAU,yDAAyD,2BAAgB;AAAA;AAAA;AAAA,EAE1F;AAEJ;",
+  "names": []
+}

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

@@ -1,24 +1,21 @@
 "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 mapStatus(status) {
-  if (!status || status === "pending") return "not_started";
-  if (status === "running" || status === "in_progress") return "in_progress";
-  if (status === "completed") return "completed";
-  return "not_started";
-}
-function ParallelForkNode({ data, isConnectable, selected }) {
+import { toWorkflowStatus } from "../../lib/status-colors.js";
+function ParallelForkNode({ id, data, isConnectable, selected }) {
   const nodeData = data;
   return /* @__PURE__ */ jsxs("div", { className: "parallel-fork-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-primary !border-2 !border-background"
+        className: `${NODE_HANDLE_CLASS} !bg-primary`
       }
     ),
     /* @__PURE__ */ jsx(
@@ -26,19 +23,26 @@ function ParallelForkNode({ data, isConnectable, selected }) {
       {
         title: nodeData.label,
         description: nodeData.description,
-        status: mapStatus(nodeData.status),
+        status: toWorkflowStatus(nodeData.status),
+        runReason: nodeData.runReason,
+        runStartedAt: nodeData.runStartedAt,
         nodeType: "parallelFork",
-        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-primary !border-2 !border-background"
+        className: `${NODE_HANDLE_CLASS} !bg-primary`
       }
     )
   ] });

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/nodes/ParallelForkNode.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { Handle, Position, NodeProps } from '@xyflow/react'\nimport { WorkflowNodeCard } from '../WorkflowNodeCard'\nimport { WorkflowStatus } from '../../lib/status-colors'\n\n/**\n * ParallelForkNode display data.\n *\n * A PARALLEL_FORK splits execution into N branches (one per outgoing `auto`\n * transition) that run concurrently and converge at the paired PARALLEL_JOIN\n * referenced by `joinStepId`.\n */\nexport interface ParallelForkNodeData {\n  label: string\n  description?: string\n  joinStepId?: 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\nfunction 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  return 'not_started'\n}\n\n/**\n * ParallelForkNode - splits the workflow into concurrent branches.\n * One target handle (in); one source handle (out) that fans out to each branch.\n */\nexport function ParallelForkNode({ data, isConnectable, selected }: NodeProps) {\n  const nodeData = data as unknown as ParallelForkNodeData\n\n  return (\n    <div className=\"parallel-fork-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-primary !border-2 !border-background\"\n      />\n\n      <WorkflowNodeCard\n        title={nodeData.label}\n        description={nodeData.description}\n        status={mapStatus(nodeData.status)}\n        nodeType=\"parallelFork\"\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-primary !border-2 !border-background\"\n      />\n    </div>\n  )\n}\n"],
-  "mappings": ";AAuCI,SACE,KADF;AArCJ,SAAS,QAAQ,gBAA2B;AAC5C,SAAS,wBAAwB;AAqBjC,SAAS,UAAU,QAAiC;AAClD,MAAI,CAAC,UAAU,WAAW,UAAW,QAAO;AAC5C,MAAI,WAAW,aAAa,WAAW,cAAe,QAAO;AAC7D,MAAI,WAAW,YAAa,QAAO;AACnC,SAAO;AACT;AAMO,SAAS,iBAAiB,EAAE,MAAM,eAAe,SAAS,GAAc;AAC7E,QAAM,WAAW;AAEjB,SACE,qBAAC,SAAI,WAAU,sBAAqB,OAAO,SAAS,SAClD;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,UAAU,SAAS,MAAM;AAAA,QACjC,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'\n\n/**\n * ParallelForkNode display data.\n *\n * A PARALLEL_FORK splits execution into N branches (one per outgoing `auto`\n * transition) that run concurrently and converge at the paired PARALLEL_JOIN\n * referenced by `joinStepId`.\n */\nexport interface ParallelForkNodeData {\n  label: string\n  description?: string\n  joinStepId?: 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\n/**\n * ParallelForkNode - splits the workflow into concurrent branches.\n * One target handle (in); one source handle (out) that fans out to each branch.\n */\nexport function ParallelForkNode({ id, data, isConnectable, selected }: NodeProps) {\n  const nodeData = data as unknown as ParallelForkNodeData\n\n  return (\n    <div className=\"parallel-fork-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=\"parallelFork\"\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": ";AA6CI,SACE,KADF;AA3CJ,SAAS,QAAQ,gBAA2B;AAC5C,SAAS,gCAAgC;AACzC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AAEjC,SAAS,wBAAwB;AAkC1B,SAAS,iBAAiB,EAAE,IAAI,MAAM,eAAe,SAAS,GAAc;AACjF,QAAM,WAAW;AAEjB,SACE,qBAAC,SAAI,WAAU,sBAAqB,OAAO,SAAS,SAClD;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/ParallelJoinNode.js

@@ -1,24 +1,21 @@
 "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 mapStatus(status) {
-  if (!status || status === "pending") return "not_started";
-  if (status === "running" || status === "in_progress") return "in_progress";
-  if (status === "completed") return "completed";
-  return "not_started";
-}
-function ParallelJoinNode({ data, isConnectable, selected }) {
+import { toWorkflowStatus } from "../../lib/status-colors.js";
+function ParallelJoinNode({ id, data, isConnectable, selected }) {
   const nodeData = data;
   return /* @__PURE__ */ jsxs("div", { className: "parallel-join-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-primary !border-2 !border-background"
+        className: `${NODE_HANDLE_CLASS} !bg-primary`
       }
     ),
     /* @__PURE__ */ jsx(
@@ -26,19 +23,26 @@ function ParallelJoinNode({ data, isConnectable, selected }) {
       {
         title: nodeData.label,
         description: nodeData.description,
-        status: mapStatus(nodeData.status),
+        status: toWorkflowStatus(nodeData.status),
+        runReason: nodeData.runReason,
+        runStartedAt: nodeData.runStartedAt,
         nodeType: "parallelJoin",
-        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-primary !border-2 !border-background"
+        className: `${NODE_HANDLE_CLASS} !bg-primary`
       }
     )
   ] });

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/nodes/ParallelJoinNode.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { Handle, Position, NodeProps } from '@xyflow/react'\nimport { WorkflowNodeCard } from '../WorkflowNodeCard'\nimport { WorkflowStatus } from '../../lib/status-colors'\n\n/**\n * ParallelJoinNode display data.\n *\n * A PARALLEL_JOIN synchronizes the branches created by its paired\n * PARALLEL_FORK (`forkStepId`) using wait-all semantics, then continues the\n * single outgoing transition once every branch has completed.\n */\nexport interface ParallelJoinNodeData {\n  label: string\n  description?: string\n  forkStepId?: 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\nfunction 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  return 'not_started'\n}\n\n/**\n * ParallelJoinNode - synchronizes concurrent branches (wait-all).\n * One target handle (in) collecting all branches; one source handle (out).\n */\nexport function ParallelJoinNode({ data, isConnectable, selected }: NodeProps) {\n  const nodeData = data as unknown as ParallelJoinNodeData\n\n  return (\n    <div className=\"parallel-join-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-primary !border-2 !border-background\"\n      />\n\n      <WorkflowNodeCard\n        title={nodeData.label}\n        description={nodeData.description}\n        status={mapStatus(nodeData.status)}\n        nodeType=\"parallelJoin\"\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-primary !border-2 !border-background\"\n      />\n    </div>\n  )\n}\n"],
-  "mappings": ";AAuCI,SACE,KADF;AArCJ,SAAS,QAAQ,gBAA2B;AAC5C,SAAS,wBAAwB;AAqBjC,SAAS,UAAU,QAAiC;AAClD,MAAI,CAAC,UAAU,WAAW,UAAW,QAAO;AAC5C,MAAI,WAAW,aAAa,WAAW,cAAe,QAAO;AAC7D,MAAI,WAAW,YAAa,QAAO;AACnC,SAAO;AACT;AAMO,SAAS,iBAAiB,EAAE,MAAM,eAAe,SAAS,GAAc;AAC7E,QAAM,WAAW;AAEjB,SACE,qBAAC,SAAI,WAAU,sBAAqB,OAAO,SAAS,SAClD;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,UAAU,SAAS,MAAM;AAAA,QACjC,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'\n\n/**\n * ParallelJoinNode display data.\n *\n * A PARALLEL_JOIN synchronizes the branches created by its paired\n * PARALLEL_FORK (`forkStepId`) using wait-all semantics, then continues the\n * single outgoing transition once every branch has completed.\n */\nexport interface ParallelJoinNodeData {\n  label: string\n  description?: string\n  forkStepId?: 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\n/**\n * ParallelJoinNode - synchronizes concurrent branches (wait-all).\n * One target handle (in) collecting all branches; one source handle (out).\n */\nexport function ParallelJoinNode({ id, data, isConnectable, selected }: NodeProps) {\n  const nodeData = data as unknown as ParallelJoinNodeData\n\n  return (\n    <div className=\"parallel-join-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=\"parallelJoin\"\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": ";AA6CI,SACE,KADF;AA3CJ,SAAS,QAAQ,gBAA2B;AAC5C,SAAS,gCAAgC;AACzC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AAEjC,SAAS,wBAAwB;AAkC1B,SAAS,iBAAiB,EAAE,IAAI,MAAM,eAAe,SAAS,GAAc;AACjF,QAAM,WAAW;AAEjB,SACE,qBAAC,SAAI,WAAU,sBAAqB,OAAO,SAAS,SAClD;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": []
 }