@open-mercato/core 0.6.5-develop.4516.1.88e6ab71a9 → 0.6.5-develop.4544.1.71c003c861

package/dist/modules/workflows/components/WorkflowGraphImpl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/workflows/components/WorkflowGraphImpl.tsx"],
-  "sourcesContent": ["'use client'\n\nimport '@xyflow/react/dist/style.css'\n\nimport { useCallback, useMemo, useEffect, useState } from 'react'\nimport {\n  ReactFlow,\n  Node,\n  Edge,\n  Controls,\n  Background,\n  BackgroundVariant,\n  MiniMap,\n  Panel,\n  useNodesState,\n  useEdgesState,\n  addEdge,\n  Connection,\n  ConnectionMode,\n  MarkerType,\n} from '@xyflow/react'\nimport {StartNode, EndNode, UserTaskNode, AutomatedNode, SubWorkflowNode, WaitForSignalNode, WaitForTimerNode} from './nodes'\nimport { WorkflowTransitionEdge } from './WorkflowTransitionEdge'\nimport { STATUS_COLORS } from '../lib/status-colors'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { Edit3 } from 'lucide-react'\nimport { useTheme } from '@open-mercato/ui/theme'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport interface WorkflowGraphImplProps {\n  initialNodes?: Node[]\n  initialEdges?: Edge[]\n  onNodesChange?: (changes: any[]) => void\n  onEdgesChange?: (changes: any[]) => void\n  onNodeClick?: (event: React.MouseEvent, node: Node) => void\n  onEdgeClick?: (event: React.MouseEvent, edge: Edge) => void\n  onConnect?: (connection: Connection) => void\n  editable?: boolean\n  className?: string\n  height?: string\n}\n\nexport default function WorkflowGraphImpl({\n  initialNodes = [],\n  initialEdges = [],\n  onNodesChange: onNodesChangeProp,\n  onEdgesChange: onEdgesChangeProp,\n  onNodeClick: onNodeClickProp,\n  onEdgeClick: onEdgeClickProp,\n  onConnect: onConnectProp,\n  editable = false,\n  className = '',\n  height = '600px',\n}: WorkflowGraphImplProps) {\n  const t = useT()\n  const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes)\n  const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges)\n\n  const { resolvedTheme } = useTheme()\n  const isDark = resolvedTheme === 'dark'\n  const backgroundDotColor = isDark ? '#374151' : '#e5e7eb'\n  const [isCompactViewport, setIsCompactViewport] = useState(false)\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return\n    const mediaQuery = window.matchMedia('(max-width: 1279px)')\n    const updateViewportMode = () => setIsCompactViewport(mediaQuery.matches)\n\n    updateViewportMode()\n    mediaQuery.addEventListener('change', updateViewportMode)\n\n    return () => {\n      mediaQuery.removeEventListener('change', updateViewportMode)\n    }\n  }, [])\n\n  useEffect(() => {\n    setNodes(initialNodes)\n  }, [initialNodes, setNodes])\n\n  useEffect(() => {\n    setEdges(initialEdges)\n  }, [initialEdges, setEdges])\n\n  const onConnect = useCallback(\n    (connection: Connection) => {\n      if (onConnectProp) {\n        onConnectProp(connection)\n      } else {\n        const newEdge = {\n          ...connection,\n          type: 'workflowTransition',\n          animated: false,\n          markerEnd: {\n            type: MarkerType.ArrowClosed,\n            width: 16,\n            height: 16,\n            color: '#9ca3af',\n          },\n        }\n        setEdges((eds) => addEdge(newEdge, eds))\n      }\n    },\n    [setEdges, onConnectProp]\n  )\n\n  const handleNodesChange = useCallback(\n    (changes: any) => {\n      onNodesChange(changes)\n      if (onNodesChangeProp) {\n        onNodesChangeProp(changes)\n      }\n    },\n    [onNodesChange, onNodesChangeProp]\n  )\n\n  const handleEdgesChange = useCallback(\n    (changes: any) => {\n      onEdgesChange(changes)\n      if (onEdgesChangeProp) {\n        onEdgesChangeProp(changes)\n      }\n    },\n    [onEdgesChange, onEdgesChangeProp]\n  )\n\n  const nodeTypes = useMemo(\n    () => ({\n      start: StartNode,\n      end: EndNode,\n      userTask: UserTaskNode,\n      automated: AutomatedNode,\n      subWorkflow: SubWorkflowNode,\n      waitForSignal: WaitForSignalNode,\n      waitForTimer: WaitForTimerNode,\n    }),\n    []\n  )\n\n  const edgeTypes = useMemo(\n    () => ({\n      workflowTransition: WorkflowTransitionEdge,\n    }),\n    []\n  )\n\n  return (\n    <div className={`workflow-graph-container ${className}`} style={{ height }}>\n      <ReactFlow\n        nodes={nodes}\n        edges={edges}\n        nodeTypes={nodeTypes}\n        edgeTypes={edgeTypes}\n        onNodesChange={handleNodesChange}\n        onEdgesChange={handleEdgesChange}\n        onConnect={editable ? onConnect : undefined}\n        onNodeClick={onNodeClickProp}\n        onEdgeClick={onEdgeClickProp}\n        connectionMode={ConnectionMode.Loose}\n        fitView\n        fitViewOptions={{\n          padding: 0.2,\n          maxZoom: isCompactViewport ? 0.9 : 1,\n        }}\n        minZoom={0.1}\n        maxZoom={2}\n        defaultEdgeOptions={{\n          type: 'workflowTransition',\n          animated: false,\n          markerEnd: {\n            type: MarkerType.ArrowClosed,\n            width: 16,\n            height: 16,\n            color: '#9ca3af',\n          },\n        }}\n        nodesDraggable={editable}\n        nodesConnectable={editable}\n        elementsSelectable={editable}\n        proOptions={{ hideAttribution: true }}\n      >\n        <Background\n          variant={BackgroundVariant.Dots}\n          gap={16}\n          size={1}\n          color={backgroundDotColor}\n        />\n\n        <Controls\n          showZoom={true}\n          showFitView={true}\n          showInteractive={false}\n          position={isCompactViewport ? 'bottom-right' : 'top-right'}\n          className={`!bg-card !border-border !shadow-md [&>button]:!bg-card [&>button]:!border-border [&>button]:!fill-foreground [&>button:hover]:!bg-muted ${isCompactViewport ? 'scale-90 origin-bottom-right' : ''}`}\n        />\n\n        {!isCompactViewport && (\n          <MiniMap\n            nodeStrokeWidth={3}\n            nodeColor={(node) => {\n              const status = (node.data?.status || 'not_started') as keyof typeof STATUS_COLORS\n              return STATUS_COLORS[status]?.hex || STATUS_COLORS.not_started.hex\n            }}\n            maskColor=\"rgba(0, 0, 0, 0.1)\"\n            position=\"bottom-left\"\n            className=\"!bg-card !border !border-border !rounded-lg\"\n          />\n        )}\n\n        {!editable && !isCompactViewport && (\n          <Panel position=\"top-left\" style={{ margin: 10 }}>\n            <div className=\"bg-card rounded-lg shadow-sm border border-border px-4 py-2\">\n              <p className=\"text-sm text-muted-foreground font-medium\">\n                {t('workflows.graph.visualization')}\n              </p>\n            </div>\n          </Panel>\n        )}\n\n        {editable && !isCompactViewport && (\n          <Panel position=\"top-left\" style={{ margin: 10 }}>\n            <Alert variant=\"info\" className=\"max-w-sm\">\n              <Edit3 className=\"size-4\" />\n              <AlertDescription className=\"font-medium\">\n                {t('workflows.graph.editModeInfo')}\n              </AlertDescription>\n            </Alert>\n          </Panel>\n        )}\n      </ReactFlow>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport '@xyflow/react/dist/style.css'\n\nimport { useCallback, useMemo, useEffect, useState } from 'react'\nimport {\n  ReactFlow,\n  Node,\n  Edge,\n  Controls,\n  Background,\n  BackgroundVariant,\n  MiniMap,\n  Panel,\n  useNodesState,\n  useEdgesState,\n  addEdge,\n  Connection,\n  ConnectionMode,\n  MarkerType,\n} from '@xyflow/react'\nimport {StartNode, EndNode, UserTaskNode, AutomatedNode, SubWorkflowNode, WaitForSignalNode, WaitForTimerNode, ParallelForkNode, ParallelJoinNode} from './nodes'\nimport { WorkflowTransitionEdge } from './WorkflowTransitionEdge'\nimport { STATUS_COLORS } from '../lib/status-colors'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { Edit3 } from 'lucide-react'\nimport { useTheme } from '@open-mercato/ui/theme'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport interface WorkflowGraphImplProps {\n  initialNodes?: Node[]\n  initialEdges?: Edge[]\n  onNodesChange?: (changes: any[]) => void\n  onEdgesChange?: (changes: any[]) => void\n  onNodeClick?: (event: React.MouseEvent, node: Node) => void\n  onEdgeClick?: (event: React.MouseEvent, edge: Edge) => void\n  onConnect?: (connection: Connection) => void\n  editable?: boolean\n  className?: string\n  height?: string\n}\n\nexport default function WorkflowGraphImpl({\n  initialNodes = [],\n  initialEdges = [],\n  onNodesChange: onNodesChangeProp,\n  onEdgesChange: onEdgesChangeProp,\n  onNodeClick: onNodeClickProp,\n  onEdgeClick: onEdgeClickProp,\n  onConnect: onConnectProp,\n  editable = false,\n  className = '',\n  height = '600px',\n}: WorkflowGraphImplProps) {\n  const t = useT()\n  const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes)\n  const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges)\n\n  const { resolvedTheme } = useTheme()\n  const isDark = resolvedTheme === 'dark'\n  const backgroundDotColor = isDark ? '#374151' : '#e5e7eb'\n  const [isCompactViewport, setIsCompactViewport] = useState(false)\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return\n    const mediaQuery = window.matchMedia('(max-width: 1279px)')\n    const updateViewportMode = () => setIsCompactViewport(mediaQuery.matches)\n\n    updateViewportMode()\n    mediaQuery.addEventListener('change', updateViewportMode)\n\n    return () => {\n      mediaQuery.removeEventListener('change', updateViewportMode)\n    }\n  }, [])\n\n  useEffect(() => {\n    setNodes(initialNodes)\n  }, [initialNodes, setNodes])\n\n  useEffect(() => {\n    setEdges(initialEdges)\n  }, [initialEdges, setEdges])\n\n  const onConnect = useCallback(\n    (connection: Connection) => {\n      if (onConnectProp) {\n        onConnectProp(connection)\n      } else {\n        const newEdge = {\n          ...connection,\n          type: 'workflowTransition',\n          animated: false,\n          markerEnd: {\n            type: MarkerType.ArrowClosed,\n            width: 16,\n            height: 16,\n            color: '#9ca3af',\n          },\n        }\n        setEdges((eds) => addEdge(newEdge, eds))\n      }\n    },\n    [setEdges, onConnectProp]\n  )\n\n  const handleNodesChange = useCallback(\n    (changes: any) => {\n      onNodesChange(changes)\n      if (onNodesChangeProp) {\n        onNodesChangeProp(changes)\n      }\n    },\n    [onNodesChange, onNodesChangeProp]\n  )\n\n  const handleEdgesChange = useCallback(\n    (changes: any) => {\n      onEdgesChange(changes)\n      if (onEdgesChangeProp) {\n        onEdgesChangeProp(changes)\n      }\n    },\n    [onEdgesChange, onEdgesChangeProp]\n  )\n\n  const nodeTypes = useMemo(\n    () => ({\n      start: StartNode,\n      end: EndNode,\n      userTask: UserTaskNode,\n      automated: AutomatedNode,\n      subWorkflow: SubWorkflowNode,\n      waitForSignal: WaitForSignalNode,\n      waitForTimer: WaitForTimerNode,\n      parallelFork: ParallelForkNode,\n      parallelJoin: ParallelJoinNode,\n    }),\n    []\n  )\n\n  const edgeTypes = useMemo(\n    () => ({\n      workflowTransition: WorkflowTransitionEdge,\n    }),\n    []\n  )\n\n  return (\n    <div className={`workflow-graph-container ${className}`} style={{ height }}>\n      <ReactFlow\n        nodes={nodes}\n        edges={edges}\n        nodeTypes={nodeTypes}\n        edgeTypes={edgeTypes}\n        onNodesChange={handleNodesChange}\n        onEdgesChange={handleEdgesChange}\n        onConnect={editable ? onConnect : undefined}\n        onNodeClick={onNodeClickProp}\n        onEdgeClick={onEdgeClickProp}\n        connectionMode={ConnectionMode.Loose}\n        fitView\n        fitViewOptions={{\n          padding: 0.2,\n          maxZoom: isCompactViewport ? 0.9 : 1,\n        }}\n        minZoom={0.1}\n        maxZoom={2}\n        defaultEdgeOptions={{\n          type: 'workflowTransition',\n          animated: false,\n          markerEnd: {\n            type: MarkerType.ArrowClosed,\n            width: 16,\n            height: 16,\n            color: '#9ca3af',\n          },\n        }}\n        nodesDraggable={editable}\n        nodesConnectable={editable}\n        elementsSelectable={editable}\n        proOptions={{ hideAttribution: true }}\n      >\n        <Background\n          variant={BackgroundVariant.Dots}\n          gap={16}\n          size={1}\n          color={backgroundDotColor}\n        />\n\n        <Controls\n          showZoom={true}\n          showFitView={true}\n          showInteractive={false}\n          position={isCompactViewport ? 'bottom-right' : 'top-right'}\n          className={`!bg-card !border-border !shadow-md [&>button]:!bg-card [&>button]:!border-border [&>button]:!fill-foreground [&>button:hover]:!bg-muted ${isCompactViewport ? 'scale-90 origin-bottom-right' : ''}`}\n        />\n\n        {!isCompactViewport && (\n          <MiniMap\n            nodeStrokeWidth={3}\n            nodeColor={(node) => {\n              const status = (node.data?.status || 'not_started') as keyof typeof STATUS_COLORS\n              return STATUS_COLORS[status]?.hex || STATUS_COLORS.not_started.hex\n            }}\n            maskColor=\"rgba(0, 0, 0, 0.1)\"\n            position=\"bottom-left\"\n            className=\"!bg-card !border !border-border !rounded-lg\"\n          />\n        )}\n\n        {!editable && !isCompactViewport && (\n          <Panel position=\"top-left\" style={{ margin: 10 }}>\n            <div className=\"bg-card rounded-lg shadow-sm border border-border px-4 py-2\">\n              <p className=\"text-sm text-muted-foreground font-medium\">\n                {t('workflows.graph.visualization')}\n              </p>\n            </div>\n          </Panel>\n        )}\n\n        {editable && !isCompactViewport && (\n          <Panel position=\"top-left\" style={{ margin: 10 }}>\n            <Alert variant=\"info\" className=\"max-w-sm\">\n              <Edit3 className=\"size-4\" />\n              <AlertDescription className=\"font-medium\">\n                {t('workflows.graph.editModeInfo')}\n              </AlertDescription>\n            </Alert>\n          </Panel>\n        )}\n      </ReactFlow>\n    </div>\n  )\n}\n"],
+  "mappings": ";AAuLQ,cAwCI,YAxCJ;AArLR,OAAO;AAEP,SAAS,aAAa,SAAS,WAAW,gBAAgB;AAC1D;AAAA,EACE;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AACP,SAAQ,WAAW,SAAS,cAAc,eAAe,iBAAiB,mBAAmB,kBAAkB,kBAAkB,wBAAuB;AACxJ,SAAS,8BAA8B;AACvC,SAAS,qBAAqB;AAC9B,SAAS,OAAO,wBAAwB;AACxC,SAAS,aAAa;AACtB,SAAS,gBAAgB;AACzB,SAAS,YAAY;AAeN,SAAR,kBAAmC;AAAA,EACxC,eAAe,CAAC;AAAA,EAChB,eAAe,CAAC;AAAA,EAChB,eAAe;AAAA,EACf,eAAe;AAAA,EACf,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AACX,GAA2B;AACzB,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,OAAO,UAAU,aAAa,IAAI,cAAc,YAAY;AACnE,QAAM,CAAC,OAAO,UAAU,aAAa,IAAI,cAAc,YAAY;AAEnE,QAAM,EAAE,cAAc,IAAI,SAAS;AACnC,QAAM,SAAS,kBAAkB;AACjC,QAAM,qBAAqB,SAAS,YAAY;AAChD,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAS,KAAK;AAEhE,YAAU,MAAM;AACd,QAAI,OAAO,WAAW,YAAa;AACnC,UAAM,aAAa,OAAO,WAAW,qBAAqB;AAC1D,UAAM,qBAAqB,MAAM,qBAAqB,WAAW,OAAO;AAExE,uBAAmB;AACnB,eAAW,iBAAiB,UAAU,kBAAkB;AAExD,WAAO,MAAM;AACX,iBAAW,oBAAoB,UAAU,kBAAkB;AAAA,IAC7D;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,aAAS,YAAY;AAAA,EACvB,GAAG,CAAC,cAAc,QAAQ,CAAC;AAE3B,YAAU,MAAM;AACd,aAAS,YAAY;AAAA,EACvB,GAAG,CAAC,cAAc,QAAQ,CAAC;AAE3B,QAAM,YAAY;AAAA,IAChB,CAAC,eAA2B;AAC1B,UAAI,eAAe;AACjB,sBAAc,UAAU;AAAA,MAC1B,OAAO;AACL,cAAM,UAAU;AAAA,UACd,GAAG;AAAA,UACH,MAAM;AAAA,UACN,UAAU;AAAA,UACV,WAAW;AAAA,YACT,MAAM,WAAW;AAAA,YACjB,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,OAAO;AAAA,UACT;AAAA,QACF;AACA,iBAAS,CAAC,QAAQ,QAAQ,SAAS,GAAG,CAAC;AAAA,MACzC;AAAA,IACF;AAAA,IACA,CAAC,UAAU,aAAa;AAAA,EAC1B;AAEA,QAAM,oBAAoB;AAAA,IACxB,CAAC,YAAiB;AAChB,oBAAc,OAAO;AACrB,UAAI,mBAAmB;AACrB,0BAAkB,OAAO;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,CAAC,eAAe,iBAAiB;AAAA,EACnC;AAEA,QAAM,oBAAoB;AAAA,IACxB,CAAC,YAAiB;AAChB,oBAAc,OAAO;AACrB,UAAI,mBAAmB;AACrB,0BAAkB,OAAO;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,CAAC,eAAe,iBAAiB;AAAA,EACnC;AAEA,QAAM,YAAY;AAAA,IAChB,OAAO;AAAA,MACL,OAAO;AAAA,MACP,KAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW;AAAA,MACX,aAAa;AAAA,MACb,eAAe;AAAA,MACf,cAAc;AAAA,MACd,cAAc;AAAA,MACd,cAAc;AAAA,IAChB;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,YAAY;AAAA,IAChB,OAAO;AAAA,MACL,oBAAoB;AAAA,IACtB;AAAA,IACA,CAAC;AAAA,EACH;AAEA,SACE,oBAAC,SAAI,WAAW,4BAA4B,SAAS,IAAI,OAAO,EAAE,OAAO,GACvE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MACf,eAAe;AAAA,MACf,WAAW,WAAW,YAAY;AAAA,MAClC,aAAa;AAAA,MACb,aAAa;AAAA,MACb,gBAAgB,eAAe;AAAA,MAC/B,SAAO;AAAA,MACP,gBAAgB;AAAA,QACd,SAAS;AAAA,QACT,SAAS,oBAAoB,MAAM;AAAA,MACrC;AAAA,MACA,SAAS;AAAA,MACT,SAAS;AAAA,MACT,oBAAoB;AAAA,QAClB,MAAM;AAAA,QACN,UAAU;AAAA,QACV,WAAW;AAAA,UACT,MAAM,WAAW;AAAA,UACjB,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MACA,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,oBAAoB;AAAA,MACpB,YAAY,EAAE,iBAAiB,KAAK;AAAA,MAEpC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,kBAAkB;AAAA,YAC3B,KAAK;AAAA,YACL,MAAM;AAAA,YACN,OAAO;AAAA;AAAA,QACT;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV,aAAa;AAAA,YACb,iBAAiB;AAAA,YACjB,UAAU,oBAAoB,iBAAiB;AAAA,YAC/C,WAAW,2IAA2I,oBAAoB,iCAAiC,EAAE;AAAA;AAAA,QAC/M;AAAA,QAEC,CAAC,qBACA;AAAA,UAAC;AAAA;AAAA,YACC,iBAAiB;AAAA,YACjB,WAAW,CAAC,SAAS;AACnB,oBAAM,SAAU,KAAK,MAAM,UAAU;AACrC,qBAAO,cAAc,MAAM,GAAG,OAAO,cAAc,YAAY;AAAA,YACjE;AAAA,YACA,WAAU;AAAA,YACV,UAAS;AAAA,YACT,WAAU;AAAA;AAAA,QACZ;AAAA,QAGD,CAAC,YAAY,CAAC,qBACb,oBAAC,SAAM,UAAS,YAAW,OAAO,EAAE,QAAQ,GAAG,GAC7C,8BAAC,SAAI,WAAU,+DACb,8BAAC,OAAE,WAAU,6CACV,YAAE,+BAA+B,GACpC,GACF,GACF;AAAA,QAGD,YAAY,CAAC,qBACZ,oBAAC,SAAM,UAAS,YAAW,OAAO,EAAE,QAAQ,GAAG,GAC7C,+BAAC,SAAM,SAAQ,QAAO,WAAU,YAC9B;AAAA,8BAAC,SAAM,WAAU,UAAS;AAAA,UAC1B,oBAAC,oBAAiB,WAAU,eACzB,YAAE,8BAA8B,GACnC;AAAA,WACF,GACF;AAAA;AAAA;AAAA,EAEJ,GACF;AAEJ;",
   "names": []
 }

package/dist/modules/workflows/components/formConfig.js

@@ -167,6 +167,7 @@ function createFormGroups(t, StepsEditorComponent, TransitionsEditorComponent) {
 }
 import { toDateInputValue } from "@open-mercato/shared/lib/date/format";
 function parseWorkflowToFormValues(workflow) {
+  const updatedAt = workflow.updatedAt ?? workflow.updated_at ?? null;
   const metadata = workflow.metadata || {};
   return {
     workflowId: workflow.workflowId || "",
@@ -182,7 +183,9 @@ function parseWorkflowToFormValues(workflow) {
     "metadata.icon": metadata.icon || "",
     steps: workflow.definition?.steps || [],
     transitions: workflow.definition?.transitions || [],
-    triggers: workflow.definition?.triggers || []
+    triggers: workflow.definition?.triggers || [],
+    id: workflow.id,
+    updatedAt: typeof updatedAt === "string" ? updatedAt : updatedAt ? String(updatedAt) : null
   };
 }
 function buildWorkflowPayload(values) {

package/dist/modules/workflows/components/formConfig.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/workflows/components/formConfig.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { z } from 'zod'\nimport type { CrudField, CrudFormGroup } from '@open-mercato/ui/backend/CrudForm'\nimport type { WorkflowDefinitionTrigger } from '../data/entities'\n\n/**\n * Form Values Type\n * Represents the structure of form data for creating/editing workflow definitions\n */\nexport type WorkflowDefinitionFormValues = {\n  workflowId: string\n  workflowName: string\n  description?: string | null\n  version: number\n  enabled: boolean\n  effectiveFrom?: string | null\n  effectiveTo?: string | null\n  // Metadata fields are declared on the form with dot-path ids\n  // (`metadata.category`, `metadata.tags`, `metadata.icon`). CrudForm only\n  // collapses dot-paths for injected/custom fields, so declared base fields are\n  // carried as flat keys end-to-end; buildWorkflowPayload reassembles them into\n  // the nested metadata object the API expects. See issue #2503.\n  'metadata.category'?: string\n  'metadata.tags'?: string[]\n  'metadata.icon'?: string\n  steps: any[]\n  transitions: any[]\n  triggers: WorkflowDefinitionTrigger[]\n}\n\n/**\n * Form Validation Schema\n * Extends the API schema with additional client-side validation\n */\nexport const workflowDefinitionFormSchema = z.object({\n  workflowId: z.string()\n    .min(1, 'Workflow ID is required')\n    .max(100, 'Workflow ID must be 100 characters or less')\n    .regex(/^[a-z0-9_.-]+$/, 'Workflow ID must contain only lowercase letters, numbers, hyphens, underscores, and dots'),\n  workflowName: z.string()\n    .min(1, 'Workflow name is required')\n    .max(200, 'Workflow name must be 200 characters or less'),\n  description: z.string()\n    .max(5000, 'Description must be 5000 characters or less')\n    .optional()\n    .nullable(),\n  version: z.number().int().min(1),\n  enabled: z.boolean(),\n  effectiveFrom: z.string().optional().nullable(),\n  effectiveTo: z.string().optional().nullable(),\n  // Flat dot-path keys mirror the field ids so CrudForm's non-strict\n  // schema.safeParse keeps them instead of stripping them before onSubmit.\n  'metadata.category': z.string().max(50).optional(),\n  'metadata.tags': z.array(z.string()).optional(),\n  'metadata.icon': z.string().max(50).optional(),\n  steps: z.array(z.any()),\n  transitions: z.array(z.any()),\n  triggers: z.array(z.any()).default([]),\n})\n\n/**\n * Default Form Values\n */\nexport const defaultFormValues: WorkflowDefinitionFormValues = {\n  workflowId: '',\n  workflowName: '',\n  description: null,\n  version: 1,\n  enabled: true,\n  effectiveFrom: null,\n  effectiveTo: null,\n  'metadata.category': '',\n  'metadata.tags': [],\n  'metadata.icon': '',\n  steps: [],\n  transitions: [],\n  triggers: [],\n}\n\n/**\n * Create Field Definitions\n * Returns field configurations for the CrudForm\n */\nexport function createFieldDefinitions(t: (key: string) => string): CrudField[] {\n  return [\n    {\n      id: 'workflowId',\n      label: t('workflows.form.workflowId'),\n      type: 'text',\n      required: true,\n      placeholder: t('workflows.form.placeholders.workflowId'),\n      description: t('workflows.form.descriptions.workflowId'),\n    },\n    {\n      id: 'workflowName',\n      label: t('workflows.form.workflowName'),\n      type: 'text',\n      required: true,\n      placeholder: t('workflows.form.placeholders.workflowName'),\n    },\n    {\n      id: 'description',\n      label: t('workflows.form.description'),\n      type: 'textarea',\n      placeholder: t('workflows.form.placeholders.description'),\n    },\n    {\n      id: 'version',\n      label: t('workflows.form.version'),\n      type: 'number',\n      required: true,\n      description: t('workflows.form.descriptions.version'),\n    },\n    {\n      id: 'enabled',\n      label: t('workflows.form.enabled'),\n      type: 'checkbox',\n      description: t('workflows.form.descriptions.enabled'),\n    },\n    {\n      id: 'effectiveFrom',\n      label: t('workflows.form.effectiveFrom'),\n      type: 'date',\n      description: t('workflows.form.descriptions.effectiveFrom'),\n    },\n    {\n      id: 'effectiveTo',\n      label: t('workflows.form.effectiveTo'),\n      type: 'date',\n      description: t('workflows.form.descriptions.effectiveTo'),\n    },\n    {\n      id: 'metadata.category',\n      label: t('workflows.form.category'),\n      type: 'text',\n      placeholder: t('workflows.form.placeholders.category'),\n    },\n    {\n      id: 'metadata.tags',\n      label: t('workflows.form.tags'),\n      type: 'tags',\n      placeholder: t('workflows.form.placeholders.tags'),\n      description: t('workflows.form.descriptions.tags'),\n    },\n    {\n      id: 'metadata.icon',\n      label: t('workflows.form.icon'),\n      type: 'text',\n      placeholder: t('workflows.form.placeholders.icon'),\n      description: t('workflows.form.descriptions.icon'),\n    },\n  ]\n}\n\n/**\n * Create Form Groups\n * Returns grouped layout configuration for the CrudForm\n */\nexport function createFormGroups(\n  t: (key: string) => string,\n  StepsEditorComponent: React.ComponentType<any>,\n  TransitionsEditorComponent: React.ComponentType<any>\n): CrudFormGroup[] {\n  // Wrapper components to adapt CrudForm props\n  const StepsEditorWrapper = (props: { value: any; setValue: (v: any) => void; error?: string; values?: any }) => {\n    return <StepsEditorComponent value={props.value} onChange={props.setValue} error={props.error} />\n  }\n\n  const TransitionsEditorWrapper = (props: { value: any; setValue: (v: any) => void; error?: string; values?: any }) => {\n    // Pass the steps from values (all form values) so transitions can reference them\n    return <TransitionsEditorComponent value={props.value} onChange={props.setValue} steps={props.values?.steps || []} error={props.error} />\n  }\n\n  return [\n    {\n      id: 'basic',\n      title: t('workflows.form.groups.basic'),\n      column: 1,\n      fields: [\n        'workflowId',\n        'workflowName',\n        'description',\n        'version',\n        'enabled',\n      ],\n    },\n    {\n      id: 'metadata',\n      title: t('workflows.form.groups.metadata'),\n      column: 1,\n      fields: [\n        'metadata.category',\n        'metadata.tags',\n        'metadata.icon',\n        'effectiveFrom',\n        'effectiveTo',\n      ],\n    },\n    {\n      id: 'steps',\n      title: t('workflows.form.groups.steps'),\n      column: 1,\n      fields: [\n        {\n          id: 'steps',\n          label: t('workflows.form.stepsLabel'),\n          type: 'custom',\n          required: true,\n          component: StepsEditorWrapper,\n        },\n      ],\n    },\n    {\n      id: 'transitions',\n      title: t('workflows.form.groups.transitions'),\n      column: 1,\n      fields: [\n        {\n          id: 'transitions',\n          label: t('workflows.form.transitionsLabel'),\n          type: 'custom',\n          required: true,\n          component: TransitionsEditorWrapper,\n        },\n      ],\n    },\n  ]\n}\n\nimport { toDateInputValue } from '@open-mercato/shared/lib/date/format'\n\n/**\n * Parse workflow definition to form values\n */\nexport function parseWorkflowToFormValues(workflow: any): WorkflowDefinitionFormValues {\n  const metadata = workflow.metadata || {}\n  return {\n    workflowId: workflow.workflowId || '',\n    workflowName: workflow.workflowName || '',\n    description: workflow.description || null,\n    version: workflow.version || 1,\n    enabled: workflow.enabled ?? true,\n    effectiveFrom: toDateInputValue(workflow.effectiveFrom),\n    effectiveTo: toDateInputValue(workflow.effectiveTo),\n    // Hydrate the flat dot-path keys the CrudForm inputs actually read.\n    'metadata.category': metadata.category || '',\n    'metadata.tags': Array.isArray(metadata.tags) ? metadata.tags : [],\n    'metadata.icon': metadata.icon || '',\n    steps: workflow.definition?.steps || [],\n    transitions: workflow.definition?.transitions || [],\n    triggers: workflow.definition?.triggers || [],\n  }\n}\n\n/**\n * Build API payload from form values\n */\nexport function buildWorkflowPayload(values: WorkflowDefinitionFormValues) {\n  const triggers = values.triggers ?? []\n  // Collapse the flat dot-path keys back into the nested metadata object the API\n  // expects. Empty category/icon are dropped so they don't persist as blanks.\n  const category = (values['metadata.category'] || '').trim()\n  const icon = (values['metadata.icon'] || '').trim()\n  const tags = Array.isArray(values['metadata.tags']) ? values['metadata.tags'] : []\n  const metadata = {\n    tags,\n    ...(category ? { category } : {}),\n    ...(icon ? { icon } : {}),\n  }\n  return {\n    workflowId: values.workflowId,\n    workflowName: values.workflowName,\n    description: values.description || null,\n    version: values.version,\n    enabled: values.enabled,\n    effectiveFrom: values.effectiveFrom || null,\n    effectiveTo: values.effectiveTo || null,\n    metadata,\n    definition: {\n      steps: values.steps,\n      transitions: values.transitions,\n      ...(triggers.length > 0 ? { triggers } : {}),\n    },\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { z } from 'zod'\nimport type { CrudField, CrudFormGroup } from '@open-mercato/ui/backend/CrudForm'\nimport type { WorkflowDefinitionTrigger } from '../data/entities'\n\n/**\n * Form Values Type\n * Represents the structure of form data for creating/editing workflow definitions\n */\nexport type WorkflowDefinitionFormValues = {\n  workflowId: string\n  workflowName: string\n  description?: string | null\n  version: number\n  enabled: boolean\n  effectiveFrom?: string | null\n  effectiveTo?: string | null\n  // Metadata fields are declared on the form with dot-path ids\n  // (`metadata.category`, `metadata.tags`, `metadata.icon`). CrudForm only\n  // collapses dot-paths for injected/custom fields, so declared base fields are\n  // carried as flat keys end-to-end; buildWorkflowPayload reassembles them into\n  // the nested metadata object the API expects. See issue #2503.\n  'metadata.category'?: string\n  'metadata.tags'?: string[]\n  'metadata.icon'?: string\n  steps: any[]\n  transitions: any[]\n  triggers: WorkflowDefinitionTrigger[]\n  id?: string\n  updatedAt?: string | null\n}\n\n/**\n * Form Validation Schema\n * Extends the API schema with additional client-side validation\n */\nexport const workflowDefinitionFormSchema = z.object({\n  workflowId: z.string()\n    .min(1, 'Workflow ID is required')\n    .max(100, 'Workflow ID must be 100 characters or less')\n    .regex(/^[a-z0-9_.-]+$/, 'Workflow ID must contain only lowercase letters, numbers, hyphens, underscores, and dots'),\n  workflowName: z.string()\n    .min(1, 'Workflow name is required')\n    .max(200, 'Workflow name must be 200 characters or less'),\n  description: z.string()\n    .max(5000, 'Description must be 5000 characters or less')\n    .optional()\n    .nullable(),\n  version: z.number().int().min(1),\n  enabled: z.boolean(),\n  effectiveFrom: z.string().optional().nullable(),\n  effectiveTo: z.string().optional().nullable(),\n  // Flat dot-path keys mirror the field ids so CrudForm's non-strict\n  // schema.safeParse keeps them instead of stripping them before onSubmit.\n  'metadata.category': z.string().max(50).optional(),\n  'metadata.tags': z.array(z.string()).optional(),\n  'metadata.icon': z.string().max(50).optional(),\n  steps: z.array(z.any()),\n  transitions: z.array(z.any()),\n  triggers: z.array(z.any()).default([]),\n})\n\n/**\n * Default Form Values\n */\nexport const defaultFormValues: WorkflowDefinitionFormValues = {\n  workflowId: '',\n  workflowName: '',\n  description: null,\n  version: 1,\n  enabled: true,\n  effectiveFrom: null,\n  effectiveTo: null,\n  'metadata.category': '',\n  'metadata.tags': [],\n  'metadata.icon': '',\n  steps: [],\n  transitions: [],\n  triggers: [],\n}\n\n/**\n * Create Field Definitions\n * Returns field configurations for the CrudForm\n */\nexport function createFieldDefinitions(t: (key: string) => string): CrudField[] {\n  return [\n    {\n      id: 'workflowId',\n      label: t('workflows.form.workflowId'),\n      type: 'text',\n      required: true,\n      placeholder: t('workflows.form.placeholders.workflowId'),\n      description: t('workflows.form.descriptions.workflowId'),\n    },\n    {\n      id: 'workflowName',\n      label: t('workflows.form.workflowName'),\n      type: 'text',\n      required: true,\n      placeholder: t('workflows.form.placeholders.workflowName'),\n    },\n    {\n      id: 'description',\n      label: t('workflows.form.description'),\n      type: 'textarea',\n      placeholder: t('workflows.form.placeholders.description'),\n    },\n    {\n      id: 'version',\n      label: t('workflows.form.version'),\n      type: 'number',\n      required: true,\n      description: t('workflows.form.descriptions.version'),\n    },\n    {\n      id: 'enabled',\n      label: t('workflows.form.enabled'),\n      type: 'checkbox',\n      description: t('workflows.form.descriptions.enabled'),\n    },\n    {\n      id: 'effectiveFrom',\n      label: t('workflows.form.effectiveFrom'),\n      type: 'date',\n      description: t('workflows.form.descriptions.effectiveFrom'),\n    },\n    {\n      id: 'effectiveTo',\n      label: t('workflows.form.effectiveTo'),\n      type: 'date',\n      description: t('workflows.form.descriptions.effectiveTo'),\n    },\n    {\n      id: 'metadata.category',\n      label: t('workflows.form.category'),\n      type: 'text',\n      placeholder: t('workflows.form.placeholders.category'),\n    },\n    {\n      id: 'metadata.tags',\n      label: t('workflows.form.tags'),\n      type: 'tags',\n      placeholder: t('workflows.form.placeholders.tags'),\n      description: t('workflows.form.descriptions.tags'),\n    },\n    {\n      id: 'metadata.icon',\n      label: t('workflows.form.icon'),\n      type: 'text',\n      placeholder: t('workflows.form.placeholders.icon'),\n      description: t('workflows.form.descriptions.icon'),\n    },\n  ]\n}\n\n/**\n * Create Form Groups\n * Returns grouped layout configuration for the CrudForm\n */\nexport function createFormGroups(\n  t: (key: string) => string,\n  StepsEditorComponent: React.ComponentType<any>,\n  TransitionsEditorComponent: React.ComponentType<any>\n): CrudFormGroup[] {\n  // Wrapper components to adapt CrudForm props\n  const StepsEditorWrapper = (props: { value: any; setValue: (v: any) => void; error?: string; values?: any }) => {\n    return <StepsEditorComponent value={props.value} onChange={props.setValue} error={props.error} />\n  }\n\n  const TransitionsEditorWrapper = (props: { value: any; setValue: (v: any) => void; error?: string; values?: any }) => {\n    // Pass the steps from values (all form values) so transitions can reference them\n    return <TransitionsEditorComponent value={props.value} onChange={props.setValue} steps={props.values?.steps || []} error={props.error} />\n  }\n\n  return [\n    {\n      id: 'basic',\n      title: t('workflows.form.groups.basic'),\n      column: 1,\n      fields: [\n        'workflowId',\n        'workflowName',\n        'description',\n        'version',\n        'enabled',\n      ],\n    },\n    {\n      id: 'metadata',\n      title: t('workflows.form.groups.metadata'),\n      column: 1,\n      fields: [\n        'metadata.category',\n        'metadata.tags',\n        'metadata.icon',\n        'effectiveFrom',\n        'effectiveTo',\n      ],\n    },\n    {\n      id: 'steps',\n      title: t('workflows.form.groups.steps'),\n      column: 1,\n      fields: [\n        {\n          id: 'steps',\n          label: t('workflows.form.stepsLabel'),\n          type: 'custom',\n          required: true,\n          component: StepsEditorWrapper,\n        },\n      ],\n    },\n    {\n      id: 'transitions',\n      title: t('workflows.form.groups.transitions'),\n      column: 1,\n      fields: [\n        {\n          id: 'transitions',\n          label: t('workflows.form.transitionsLabel'),\n          type: 'custom',\n          required: true,\n          component: TransitionsEditorWrapper,\n        },\n      ],\n    },\n  ]\n}\n\nimport { toDateInputValue } from '@open-mercato/shared/lib/date/format'\n\n/**\n * Parse workflow definition to form values\n */\nexport function parseWorkflowToFormValues(workflow: any): WorkflowDefinitionFormValues {\n  const updatedAt = workflow.updatedAt ?? workflow.updated_at ?? null\n  const metadata = workflow.metadata || {}\n  return {\n    workflowId: workflow.workflowId || '',\n    workflowName: workflow.workflowName || '',\n    description: workflow.description || null,\n    version: workflow.version || 1,\n    enabled: workflow.enabled ?? true,\n    effectiveFrom: toDateInputValue(workflow.effectiveFrom),\n    effectiveTo: toDateInputValue(workflow.effectiveTo),\n    // Hydrate the flat dot-path keys the CrudForm inputs actually read.\n    'metadata.category': metadata.category || '',\n    'metadata.tags': Array.isArray(metadata.tags) ? metadata.tags : [],\n    'metadata.icon': metadata.icon || '',\n    steps: workflow.definition?.steps || [],\n    transitions: workflow.definition?.transitions || [],\n    triggers: workflow.definition?.triggers || [],\n    id: workflow.id,\n    updatedAt: typeof updatedAt === 'string' ? updatedAt : updatedAt ? String(updatedAt) : null,\n  }\n}\n\n/**\n * Build API payload from form values\n */\nexport function buildWorkflowPayload(values: WorkflowDefinitionFormValues) {\n  const triggers = values.triggers ?? []\n  // Collapse the flat dot-path keys back into the nested metadata object the API\n  // expects. Empty category/icon are dropped so they don't persist as blanks.\n  const category = (values['metadata.category'] || '').trim()\n  const icon = (values['metadata.icon'] || '').trim()\n  const tags = Array.isArray(values['metadata.tags']) ? values['metadata.tags'] : []\n  const metadata = {\n    tags,\n    ...(category ? { category } : {}),\n    ...(icon ? { icon } : {}),\n  }\n  return {\n    workflowId: values.workflowId,\n    workflowName: values.workflowName,\n    description: values.description || null,\n    version: values.version,\n    enabled: values.enabled,\n    effectiveFrom: values.effectiveFrom || null,\n    effectiveTo: values.effectiveTo || null,\n    metadata,\n    definition: {\n      steps: values.steps,\n      transitions: values.transitions,\n      ...(triggers.length > 0 ? { triggers } : {}),\n    },\n  }\n}\n"],
+  "mappings": ";AAyKW;AAtKX,SAAS,SAAS;AAmCX,MAAM,+BAA+B,EAAE,OAAO;AAAA,EACnD,YAAY,EAAE,OAAO,EAClB,IAAI,GAAG,yBAAyB,EAChC,IAAI,KAAK,4CAA4C,EACrD,MAAM,kBAAkB,0FAA0F;AAAA,EACrH,cAAc,EAAE,OAAO,EACpB,IAAI,GAAG,2BAA2B,EAClC,IAAI,KAAK,8CAA8C;AAAA,EAC1D,aAAa,EAAE,OAAO,EACnB,IAAI,KAAM,6CAA6C,EACvD,SAAS,EACT,SAAS;AAAA,EACZ,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC;AAAA,EAC/B,SAAS,EAAE,QAAQ;AAAA,EACnB,eAAe,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAAA,EAC9C,aAAa,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAAA;AAAA;AAAA,EAG5C,qBAAqB,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,SAAS;AAAA,EACjD,iBAAiB,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,SAAS;AAAA,EAC9C,iBAAiB,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,SAAS;AAAA,EAC7C,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC;AAAA,EACtB,aAAa,EAAE,MAAM,EAAE,IAAI,CAAC;AAAA,EAC5B,UAAU,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC;AACvC,CAAC;AAKM,MAAM,oBAAkD;AAAA,EAC7D,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,aAAa;AAAA,EACb,SAAS;AAAA,EACT,SAAS;AAAA,EACT,eAAe;AAAA,EACf,aAAa;AAAA,EACb,qBAAqB;AAAA,EACrB,iBAAiB,CAAC;AAAA,EAClB,iBAAiB;AAAA,EACjB,OAAO,CAAC;AAAA,EACR,aAAa,CAAC;AAAA,EACd,UAAU,CAAC;AACb;AAMO,SAAS,uBAAuB,GAAyC;AAC9E,SAAO;AAAA,IACL;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,2BAA2B;AAAA,MACpC,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa,EAAE,wCAAwC;AAAA,MACvD,aAAa,EAAE,wCAAwC;AAAA,IACzD;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,6BAA6B;AAAA,MACtC,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa,EAAE,0CAA0C;AAAA,IAC3D;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,4BAA4B;AAAA,MACrC,MAAM;AAAA,MACN,aAAa,EAAE,yCAAyC;AAAA,IAC1D;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,wBAAwB;AAAA,MACjC,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa,EAAE,qCAAqC;AAAA,IACtD;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,wBAAwB;AAAA,MACjC,MAAM;AAAA,MACN,aAAa,EAAE,qCAAqC;AAAA,IACtD;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,8BAA8B;AAAA,MACvC,MAAM;AAAA,MACN,aAAa,EAAE,2CAA2C;AAAA,IAC5D;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,4BAA4B;AAAA,MACrC,MAAM;AAAA,MACN,aAAa,EAAE,yCAAyC;AAAA,IAC1D;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,yBAAyB;AAAA,MAClC,MAAM;AAAA,MACN,aAAa,EAAE,sCAAsC;AAAA,IACvD;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,qBAAqB;AAAA,MAC9B,MAAM;AAAA,MACN,aAAa,EAAE,kCAAkC;AAAA,MACjD,aAAa,EAAE,kCAAkC;AAAA,IACnD;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,qBAAqB;AAAA,MAC9B,MAAM;AAAA,MACN,aAAa,EAAE,kCAAkC;AAAA,MACjD,aAAa,EAAE,kCAAkC;AAAA,IACnD;AAAA,EACF;AACF;AAMO,SAAS,iBACd,GACA,sBACA,4BACiB;AAEjB,QAAM,qBAAqB,CAAC,UAAoF;AAC9G,WAAO,oBAAC,wBAAqB,OAAO,MAAM,OAAO,UAAU,MAAM,UAAU,OAAO,MAAM,OAAO;AAAA,EACjG;AAEA,QAAM,2BAA2B,CAAC,UAAoF;AAEpH,WAAO,oBAAC,8BAA2B,OAAO,MAAM,OAAO,UAAU,MAAM,UAAU,OAAO,MAAM,QAAQ,SAAS,CAAC,GAAG,OAAO,MAAM,OAAO;AAAA,EACzI;AAEA,SAAO;AAAA,IACL;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,6BAA6B;AAAA,MACtC,QAAQ;AAAA,MACR,QAAQ;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,gCAAgC;AAAA,MACzC,QAAQ;AAAA,MACR,QAAQ;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,6BAA6B;AAAA,MACtC,QAAQ;AAAA,MACR,QAAQ;AAAA,QACN;AAAA,UACE,IAAI;AAAA,UACJ,OAAO,EAAE,2BAA2B;AAAA,UACpC,MAAM;AAAA,UACN,UAAU;AAAA,UACV,WAAW;AAAA,QACb;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,mCAAmC;AAAA,MAC5C,QAAQ;AAAA,MACR,QAAQ;AAAA,QACN;AAAA,UACE,IAAI;AAAA,UACJ,OAAO,EAAE,iCAAiC;AAAA,UAC1C,MAAM;AAAA,UACN,UAAU;AAAA,UACV,WAAW;AAAA,QACb;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,SAAS,wBAAwB;AAK1B,SAAS,0BAA0B,UAA6C;AACrF,QAAM,YAAY,SAAS,aAAa,SAAS,cAAc;AAC/D,QAAM,WAAW,SAAS,YAAY,CAAC;AACvC,SAAO;AAAA,IACL,YAAY,SAAS,cAAc;AAAA,IACnC,cAAc,SAAS,gBAAgB;AAAA,IACvC,aAAa,SAAS,eAAe;AAAA,IACrC,SAAS,SAAS,WAAW;AAAA,IAC7B,SAAS,SAAS,WAAW;AAAA,IAC7B,eAAe,iBAAiB,SAAS,aAAa;AAAA,IACtD,aAAa,iBAAiB,SAAS,WAAW;AAAA;AAAA,IAElD,qBAAqB,SAAS,YAAY;AAAA,IAC1C,iBAAiB,MAAM,QAAQ,SAAS,IAAI,IAAI,SAAS,OAAO,CAAC;AAAA,IACjE,iBAAiB,SAAS,QAAQ;AAAA,IAClC,OAAO,SAAS,YAAY,SAAS,CAAC;AAAA,IACtC,aAAa,SAAS,YAAY,eAAe,CAAC;AAAA,IAClD,UAAU,SAAS,YAAY,YAAY,CAAC;AAAA,IAC5C,IAAI,SAAS;AAAA,IACb,WAAW,OAAO,cAAc,WAAW,YAAY,YAAY,OAAO,SAAS,IAAI;AAAA,EACzF;AACF;AAKO,SAAS,qBAAqB,QAAsC;AACzE,QAAM,WAAW,OAAO,YAAY,CAAC;AAGrC,QAAM,YAAY,OAAO,mBAAmB,KAAK,IAAI,KAAK;AAC1D,QAAM,QAAQ,OAAO,eAAe,KAAK,IAAI,KAAK;AAClD,QAAM,OAAO,MAAM,QAAQ,OAAO,eAAe,CAAC,IAAI,OAAO,eAAe,IAAI,CAAC;AACjF,QAAM,WAAW;AAAA,IACf;AAAA,IACA,GAAI,WAAW,EAAE,SAAS,IAAI,CAAC;AAAA,IAC/B,GAAI,OAAO,EAAE,KAAK,IAAI,CAAC;AAAA,EACzB;AACA,SAAO;AAAA,IACL,YAAY,OAAO;AAAA,IACnB,cAAc,OAAO;AAAA,IACrB,aAAa,OAAO,eAAe;AAAA,IACnC,SAAS,OAAO;AAAA,IAChB,SAAS,OAAO;AAAA,IAChB,eAAe,OAAO,iBAAiB;AAAA,IACvC,aAAa,OAAO,eAAe;AAAA,IACnC;AAAA,IACA,YAAY;AAAA,MACV,OAAO,OAAO;AAAA,MACd,aAAa,OAAO;AAAA,MACpB,GAAI,SAAS,SAAS,IAAI,EAAE,SAAS,IAAI,CAAC;AAAA,IAC5C;AAAA,EACF;AACF;",
   "names": []
 }

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

@@ -0,0 +1,49 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Handle, Position } from "@xyflow/react";
+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 }) {
+  const nodeData = data;
+  return /* @__PURE__ */ jsxs("div", { className: "parallel-fork-node", title: nodeData.tooltip, children: [
+    /* @__PURE__ */ jsx(
+      Handle,
+      {
+        type: "target",
+        position: Position.Top,
+        id: "target",
+        isConnectable,
+        className: "!w-3 !h-3 !bg-primary !border-2 !border-background"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      WorkflowNodeCard,
+      {
+        title: nodeData.label,
+        description: nodeData.description,
+        status: mapStatus(nodeData.status),
+        nodeType: "parallelFork",
+        selected
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Handle,
+      {
+        type: "source",
+        position: Position.Bottom,
+        id: "source",
+        isConnectable,
+        className: "!w-3 !h-3 !bg-primary !border-2 !border-background"
+      }
+    )
+  ] });
+}
+export {
+  ParallelForkNode
+};
+//# sourceMappingURL=ParallelForkNode.js.map

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

@@ -0,0 +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;",
+  "names": []
+}

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

@@ -0,0 +1,49 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Handle, Position } from "@xyflow/react";
+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 }) {
+  const nodeData = data;
+  return /* @__PURE__ */ jsxs("div", { className: "parallel-join-node", title: nodeData.tooltip, children: [
+    /* @__PURE__ */ jsx(
+      Handle,
+      {
+        type: "target",
+        position: Position.Top,
+        id: "target",
+        isConnectable,
+        className: "!w-3 !h-3 !bg-primary !border-2 !border-background"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      WorkflowNodeCard,
+      {
+        title: nodeData.label,
+        description: nodeData.description,
+        status: mapStatus(nodeData.status),
+        nodeType: "parallelJoin",
+        selected
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Handle,
+      {
+        type: "source",
+        position: Position.Bottom,
+        id: "source",
+        isConnectable,
+        className: "!w-3 !h-3 !bg-primary !border-2 !border-background"
+      }
+    )
+  ] });
+}
+export {
+  ParallelJoinNode
+};
+//# sourceMappingURL=ParallelJoinNode.js.map

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

@@ -0,0 +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;",
+  "names": []
+}

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

@@ -5,9 +5,13 @@ import { AutomatedNode } from "./AutomatedNode.js";
 import { SubWorkflowNode } from "./SubWorkflowNode.js";
 import { WaitForSignalNode } from "./WaitForSignalNode.js";
 import { WaitForTimerNode } from "./WaitForTimerNode.js";
+import { ParallelForkNode } from "./ParallelForkNode.js";
+import { ParallelJoinNode } from "./ParallelJoinNode.js";
 export {
   AutomatedNode,
   EndNode,
+  ParallelForkNode,
+  ParallelJoinNode,
   StartNode,
   SubWorkflowNode,
   UserTaskNode,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/nodes/index.ts"],
-  "sourcesContent": ["export { StartNode } from './StartNode'\nexport type { StartNodeData } from './StartNode'\n\nexport { EndNode } from './EndNode'\nexport type { EndNodeData } from './EndNode'\n\nexport { UserTaskNode } from './UserTaskNode'\nexport type { UserTaskNodeData } from './UserTaskNode'\n\nexport { AutomatedNode } from './AutomatedNode'\nexport type { AutomatedNodeData } from './AutomatedNode'\n\nexport { SubWorkflowNode } from './SubWorkflowNode'\nexport type { SubWorkflowNodeData } from './SubWorkflowNode'\n\nexport { WaitForSignalNode } from './WaitForSignalNode'\nexport type { WaitForSignalNodeData } from './WaitForSignalNode'\n\nexport { WaitForTimerNode } from './WaitForTimerNode'\nexport type { WaitForTimerNodeData } from './WaitForTimerNode'\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAG1B,SAAS,eAAe;AAGxB,SAAS,oBAAoB;AAG7B,SAAS,qBAAqB;AAG9B,SAAS,uBAAuB;AAGhC,SAAS,yBAAyB;AAGlC,SAAS,wBAAwB;",
+  "sourcesContent": ["export { StartNode } from './StartNode'\nexport type { StartNodeData } from './StartNode'\n\nexport { EndNode } from './EndNode'\nexport type { EndNodeData } from './EndNode'\n\nexport { UserTaskNode } from './UserTaskNode'\nexport type { UserTaskNodeData } from './UserTaskNode'\n\nexport { AutomatedNode } from './AutomatedNode'\nexport type { AutomatedNodeData } from './AutomatedNode'\n\nexport { SubWorkflowNode } from './SubWorkflowNode'\nexport type { SubWorkflowNodeData } from './SubWorkflowNode'\n\nexport { WaitForSignalNode } from './WaitForSignalNode'\nexport type { WaitForSignalNodeData } from './WaitForSignalNode'\n\nexport { WaitForTimerNode } from './WaitForTimerNode'\nexport type { WaitForTimerNodeData } from './WaitForTimerNode'\n\nexport { ParallelForkNode } from './ParallelForkNode'\nexport type { ParallelForkNodeData } from './ParallelForkNode'\n\nexport { ParallelJoinNode } from './ParallelJoinNode'\nexport type { ParallelJoinNodeData } from './ParallelJoinNode'\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAG1B,SAAS,eAAe;AAGxB,SAAS,oBAAoB;AAG7B,SAAS,qBAAqB;AAG9B,SAAS,uBAAuB;AAGhC,SAAS,yBAAyB;AAGlC,SAAS,wBAAwB;AAGjC,SAAS,wBAAwB;AAGjC,SAAS,wBAAwB;",
   "names": []
 }

package/dist/modules/workflows/data/entities.js

@@ -136,6 +136,9 @@ __decorateClass([
 __decorateClass([
   Property({ name: "pending_transition", type: "jsonb", nullable: true })
 ], WorkflowInstance.prototype, "pendingTransition", 2);
+__decorateClass([
+  Property({ name: "active_fork_step_id", type: "varchar", length: 100, nullable: true })
+], WorkflowInstance.prototype, "activeForkStepId", 2);
 __decorateClass([
   Property({ name: "retry_count", type: "integer", default: 0 })
 ], WorkflowInstance.prototype, "retryCount", 2);
@@ -163,6 +166,73 @@ WorkflowInstance = __decorateClass([
   Index({ name: "workflow_instances_tenant_org_idx", properties: ["tenantId", "organizationId"] })
 ], WorkflowInstance);
 OptionalProps;
+let WorkflowBranchInstance = class {
+  constructor() {
+    this.createdAt = /* @__PURE__ */ new Date();
+    this.updatedAt = /* @__PURE__ */ new Date();
+  }
+};
+__decorateClass([
+  PrimaryKey({ type: "uuid", defaultRaw: "gen_random_uuid()" })
+], WorkflowBranchInstance.prototype, "id", 2);
+__decorateClass([
+  Property({ name: "workflow_instance_id", type: "uuid" })
+], WorkflowBranchInstance.prototype, "workflowInstanceId", 2);
+__decorateClass([
+  Property({ name: "fork_step_id", type: "varchar", length: 100 })
+], WorkflowBranchInstance.prototype, "forkStepId", 2);
+__decorateClass([
+  Property({ name: "join_step_id", type: "varchar", length: 100 })
+], WorkflowBranchInstance.prototype, "joinStepId", 2);
+__decorateClass([
+  Property({ name: "branch_key", type: "varchar", length: 100 })
+], WorkflowBranchInstance.prototype, "branchKey", 2);
+__decorateClass([
+  Property({ name: "parent_branch_id", type: "uuid", nullable: true })
+], WorkflowBranchInstance.prototype, "parentBranchId", 2);
+__decorateClass([
+  Property({ name: "current_step_id", type: "varchar", length: 100 })
+], WorkflowBranchInstance.prototype, "currentStepId", 2);
+__decorateClass([
+  Property({ name: "status", type: "varchar", length: 30 })
+], WorkflowBranchInstance.prototype, "status", 2);
+__decorateClass([
+  Property({ name: "context_namespace", type: "jsonb" })
+], WorkflowBranchInstance.prototype, "contextNamespace", 2);
+__decorateClass([
+  Property({ name: "pending_transition", type: "jsonb", nullable: true })
+], WorkflowBranchInstance.prototype, "pendingTransition", 2);
+__decorateClass([
+  Property({ name: "error_message", type: "text", nullable: true })
+], WorkflowBranchInstance.prototype, "errorMessage", 2);
+__decorateClass([
+  Property({ name: "error_details", type: "jsonb", nullable: true })
+], WorkflowBranchInstance.prototype, "errorDetails", 2);
+__decorateClass([
+  Property({ name: "started_at", type: Date, nullable: true })
+], WorkflowBranchInstance.prototype, "startedAt", 2);
+__decorateClass([
+  Property({ name: "completed_at", type: Date, nullable: true })
+], WorkflowBranchInstance.prototype, "completedAt", 2);
+__decorateClass([
+  Property({ name: "tenant_id", type: "uuid" })
+], WorkflowBranchInstance.prototype, "tenantId", 2);
+__decorateClass([
+  Property({ name: "organization_id", type: "uuid" })
+], WorkflowBranchInstance.prototype, "organizationId", 2);
+__decorateClass([
+  Property({ name: "created_at", type: Date, onCreate: () => /* @__PURE__ */ new Date() })
+], WorkflowBranchInstance.prototype, "createdAt", 2);
+__decorateClass([
+  Property({ name: "updated_at", type: Date, onUpdate: () => /* @__PURE__ */ new Date() })
+], WorkflowBranchInstance.prototype, "updatedAt", 2);
+WorkflowBranchInstance = __decorateClass([
+  Entity({ tableName: "workflow_branch_instances" }),
+  Index({ name: "workflow_branch_instances_instance_status_idx", properties: ["workflowInstanceId", "status"] }),
+  Index({ name: "workflow_branch_instances_instance_fork_idx", properties: ["workflowInstanceId", "forkStepId"] }),
+  Index({ name: "workflow_branch_instances_tenant_org_idx", properties: ["tenantId", "organizationId"] })
+], WorkflowBranchInstance);
+OptionalProps;
 let StepInstance = class {
   constructor() {
     this.retryCount = 0;
@@ -176,6 +246,9 @@ __decorateClass([
 __decorateClass([
   Property({ name: "workflow_instance_id", type: "uuid" })
 ], StepInstance.prototype, "workflowInstanceId", 2);
+__decorateClass([
+  Property({ name: "branch_instance_id", type: "uuid", nullable: true })
+], StepInstance.prototype, "branchInstanceId", 2);
 __decorateClass([
   Property({ name: "step_id", type: "varchar", length: 100 })
 ], StepInstance.prototype, "stepId", 2);
@@ -243,6 +316,9 @@ __decorateClass([
 __decorateClass([
   Property({ name: "step_instance_id", type: "uuid" })
 ], UserTask.prototype, "stepInstanceId", 2);
+__decorateClass([
+  Property({ name: "branch_instance_id", type: "uuid", nullable: true })
+], UserTask.prototype, "branchInstanceId", 2);
 __decorateClass([
   Property({ name: "task_name", type: "varchar", length: 255 })
 ], UserTask.prototype, "taskName", 2);
@@ -321,6 +397,9 @@ __decorateClass([
 __decorateClass([
   Property({ name: "step_instance_id", type: "uuid", nullable: true })
 ], WorkflowEvent.prototype, "stepInstanceId", 2);
+__decorateClass([
+  Property({ name: "branch_instance_id", type: "uuid", nullable: true })
+], WorkflowEvent.prototype, "branchInstanceId", 2);
 __decorateClass([
   Property({ name: "event_type", type: "varchar", length: 50 })
 ], WorkflowEvent.prototype, "eventType", 2);
@@ -409,6 +488,7 @@ WorkflowEventTrigger = __decorateClass([
 var entities_default = [
   WorkflowDefinition,
   WorkflowInstance,
+  WorkflowBranchInstance,
   StepInstance,
   UserTask,
   WorkflowEvent,
@@ -417,6 +497,7 @@ var entities_default = [
 export {
   StepInstance,
   UserTask,
+  WorkflowBranchInstance,
   WorkflowDefinition,
   WorkflowEvent,
   WorkflowEventTrigger,