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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/workflows/components/NodeEditDialogCrudForm.tsx"],
-  "sourcesContent": ["'use client'\n\nimport type { Node } from '@xyflow/react'\nimport { useState, useEffect, useCallback, useMemo } from 'react'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from '@open-mercato/ui/primitives/dialog'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Trash2 } from 'lucide-react'\nimport { CrudForm, type CrudFormGroup, type CrudField, type CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\nimport { JsonBuilder } from '@open-mercato/ui/backend/JsonBuilder'\nimport { FormFieldArrayEditor } from './fields/FormFieldArrayEditor'\nimport { ActivityArrayEditor } from './fields/ActivityArrayEditor'\nimport { MappingArrayEditor } from './fields/MappingArrayEditor'\nimport { WorkflowSelectorField } from './fields/WorkflowSelectorField'\nimport { StartPreConditionsEditor } from './fields/StartPreConditionsEditor'\nimport { nodeToFormValues, formValuesToNodeUpdates, isJsonSchemaFormat, type NodeFormValues } from '../lib/nodeFormTransforms'\nimport { sanitizeId } from '../lib/graph-utils'\n\n/**\n * JsonConfigEditor - Custom field wrapper for JsonBuilder\n */\nfunction JsonConfigEditor({ value, setValue, disabled }: CrudCustomFieldRenderProps) {\n  return (\n    <JsonBuilder\n      value={value || {}}\n      onChange={setValue}\n      disabled={disabled}\n    />\n  )\n}\n\nexport interface NodeEditDialogCrudFormProps {\n  node: Node | null\n  isOpen: boolean\n  onClose: () => void\n  onSave: (nodeId: string, updates: Partial<Node['data']>) => void\n  onDelete?: (nodeId: string) => void\n}\n\n/**\n * NodeEditDialogCrudForm - CrudForm-based modal dialog for editing step properties\n *\n * Migrated from NodeEditDialog to use CrudForm for:\n * - UI coherence with other admin forms\n * - Custom fields support (future enhancement)\n * - Standardized validation and error handling\n * - Consistent keyboard shortcuts\n *\n * Handles 7 node types with dynamic groups:\n * - start: Non-editable (alert only)\n * - end: Non-editable (alert only)\n * - userTask: Assignment fields + form builder\n * - automated: Activity type + activities array\n * - subWorkflow: Workflow selector + input/output mappings\n * - waitForSignal: Signal name + timeout\n * - decision: Basic fields only\n */\nexport function NodeEditDialogCrudForm({ node, isOpen, onClose, onSave, onDelete }: NodeEditDialogCrudFormProps) {\n  const [initialValues, setInitialValues] = useState<Partial<NodeFormValues>>({})\n  const [showJsonSchemaWarning, setShowJsonSchemaWarning] = useState(false)\n\n  // Load node data when dialog opens\n  useEffect(() => {\n    if (node && isOpen) {\n      const values = nodeToFormValues(node)\n      setInitialValues(values)\n      setShowJsonSchemaWarning(isJsonSchemaFormat(node))\n    }\n  }, [node, isOpen])\n\n  const handleSubmit = useCallback(async (values: Record<string, unknown>) => {\n    if (!node) return\n\n    // Validate and sanitize step ID\n    const sanitizedId = sanitizeId(node.id)\n    if (sanitizedId !== node.id) {\n      if (typeof window !== 'undefined') {\n        window.alert(\n          `\u26A0\uFE0F Step ID was sanitized from \"${node.id}\" to \"${sanitizedId}\" to match schema requirements (lowercase letters, numbers, hyphens, and underscores only).`\n        )\n      }\n    }\n\n    try {\n      const updates = formValuesToNodeUpdates(values as unknown as NodeFormValues, node)\n      onSave(node.id, updates)\n      onClose()\n    } catch (error) {\n      // Error will be displayed in form (e.g., invalid JSON)\n      throw error\n    }\n  }, [node, onSave, onClose])\n\n  const handleDelete = useCallback(() => {\n    if (!node || !onDelete) return\n    onDelete(node.id)\n  }, [node, onDelete])\n\n  const handleKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      onClose()\n    }\n  }, [onClose])\n\n  // Dynamic groups based on node type\n  const groups: CrudFormGroup[] = useMemo(() => {\n    if (!node) return []\n\n    // End nodes are non-editable\n    if (node.type === 'end') {\n      return [\n        {\n          id: 'info',\n          column: 1,\n          bare: true,\n          component: () => (\n            <Alert status=\"information\">\n              <AlertDescription>\n                End nodes cannot be edited. They mark the completion of the workflow.\n              </AlertDescription>\n            </Alert>\n          ),\n        },\n      ]\n    }\n\n    // Start nodes: allow editing pre-conditions\n    if (node.type === 'start') {\n      return [\n        {\n          id: 'info',\n          column: 1,\n          bare: true,\n          component: () => (\n            <Alert status=\"information\" className=\"mb-4\">\n              <AlertDescription>\n                Start nodes mark the beginning of the workflow. You can define pre-conditions that must pass before the workflow can be started.\n              </AlertDescription>\n            </Alert>\n          ),\n        },\n        {\n          id: 'preConditions',\n          title: 'Pre-Conditions',\n          column: 1,\n          description: 'Business rules that must pass before the workflow can start',\n          fields: ['preConditions'],\n        },\n      ]\n    }\n\n    const baseGroups: CrudFormGroup[] = [\n      {\n        id: 'basic',\n        title: 'Basic Information',\n        column: 1,\n        fields: ['stepName', 'description', 'timeout'],\n      },\n    ]\n\n    // UserTask specific groups\n    if (node.type === 'userTask') {\n      return [\n        ...baseGroups,\n        {\n          id: 'userTask',\n          title: 'User Task Configuration',\n          column: 1,\n          fields: ['assignedTo', 'assignedToRoles', 'formKey'],\n        },\n        {\n          id: 'formFields',\n          title: 'Form Fields',\n          column: 1,\n          description: 'Define the form structure for this user task',\n          fields: ['formFields'],\n        },\n        {\n          id: 'advanced',\n          title: 'Advanced Configuration',\n          column: 1,\n          description: 'Additional JSON configuration (userTaskConfig, retryPolicy, etc.)',\n          fields: ['advancedConfig'],\n        },\n      ]\n    }\n\n    // Automated specific groups\n    if (node.type === 'automated') {\n      return [\n        ...baseGroups,\n        {\n          id: 'automated',\n          title: 'Automated Task Configuration',\n          column: 1,\n          fields: ['activityType', 'activityId'],\n        },\n        {\n          id: 'stepActivities',\n          title: 'Step Activities',\n          column: 1,\n          description: 'Activities executed as part of this automated step',\n          fields: ['stepActivities'],\n        },\n        {\n          id: 'advanced',\n          title: 'Advanced Configuration',\n          column: 1,\n          description: 'Additional JSON configuration (retryPolicy, etc.)',\n          fields: ['advancedConfig'],\n        },\n      ]\n    }\n\n    // SubWorkflow specific groups\n    if (node.type === 'subWorkflow') {\n      return [\n        ...baseGroups,\n        {\n          id: 'subWorkflow',\n          title: 'Sub-Workflow Configuration',\n          column: 1,\n          fields: ['subWorkflowId', 'subWorkflowVersion'],\n        },\n        {\n          id: 'mappings',\n          title: 'Data Mappings',\n          column: 1,\n          description: 'Map data between parent and sub-workflow',\n          fields: ['inputMappings', 'outputMappings'],\n        },\n        {\n          id: 'advanced',\n          title: 'Advanced Configuration',\n          column: 1,\n          description: 'Additional JSON configuration',\n          fields: ['advancedConfig'],\n        },\n      ]\n    }\n\n    // WaitForSignal specific groups\n    if (node.type === 'waitForSignal') {\n      return [\n        ...baseGroups,\n        {\n          id: 'signal',\n          title: 'Signal Configuration',\n          column: 1,\n          fields: ['signalName', 'signalTimeout'],\n        },\n        {\n          id: 'advanced',\n          title: 'Advanced Configuration',\n          column: 1,\n          description: 'Additional JSON configuration',\n          fields: ['advancedConfig'],\n        },\n      ]\n    }\n\n    // Decision and other types: just basic fields + advanced\n    return [\n      ...baseGroups,\n      {\n        id: 'advanced',\n        title: 'Advanced Configuration',\n        column: 1,\n        description: 'Additional JSON configuration',\n        fields: ['advancedConfig'],\n      },\n    ]\n  }, [node])\n\n  // Define all possible form fields (only relevant ones are used based on groups)\n  const fields: CrudField[] = useMemo(() => [\n    // Basic fields\n    {\n      id: 'stepName',\n      label: 'Step Name',\n      type: 'text',\n      placeholder: 'Enter step name',\n      required: true,\n      description: 'Display name for this step',\n    },\n    {\n      id: 'description',\n      label: 'Description',\n      type: 'textarea',\n      placeholder: 'Enter step description',\n      description: 'Optional description of what this step does',\n    },\n    {\n      id: 'timeout',\n      label: 'Timeout',\n      type: 'text',\n      placeholder: 'PT30S or 30000',\n      description: 'ISO 8601 duration (e.g., PT30S) or milliseconds',\n    },\n\n    // UserTask fields\n    {\n      id: 'assignedTo',\n      label: 'Assigned To',\n      type: 'text',\n      placeholder: 'user@example.com or userId',\n      description: 'User email or ID to assign this task to',\n    },\n    {\n      id: 'assignedToRoles',\n      label: 'Assigned To Roles',\n      type: 'text',\n      placeholder: 'admin, manager',\n      description: 'Comma-separated list of roles that can claim this task',\n    },\n    {\n      id: 'formKey',\n      label: 'Form Key',\n      type: 'text',\n      placeholder: 'approval_form',\n      description: 'Optional form key for external form rendering',\n    },\n    {\n      id: 'formFields',\n      label: 'Form Fields',\n      type: 'custom',\n      component: (props) => (\n        <FormFieldArrayEditor\n          {...props}\n          value={props.value as any}\n          isJsonSchemaFormat={showJsonSchemaWarning}\n        />\n      ),\n    },\n\n    // Automated fields\n    {\n      id: 'activityType',\n      label: 'Activity Type',\n      type: 'select',\n      options: [\n        { value: 'SEND_EMAIL', label: 'Send Email' },\n        { value: 'CALL_API', label: 'Call API' },\n        { value: 'UPDATE_ENTITY', label: 'Update Entity' },\n        { value: 'EMIT_EVENT', label: 'Emit Event' },\n        { value: 'CALL_WEBHOOK', label: 'Call Webhook' },\n        { value: 'EXECUTE_FUNCTION', label: 'Execute Function' },\n        { value: 'WAIT', label: 'Wait' },\n      ],\n      description: 'Type of activity to execute',\n    },\n    {\n      id: 'activityId',\n      label: 'Activity ID',\n      type: 'text',\n      placeholder: 'send_welcome_email',\n      description: 'Unique identifier for this activity',\n    },\n    {\n      id: 'stepActivities',\n      label: 'Step Activities',\n      type: 'custom',\n      component: (props) => <ActivityArrayEditor {...props} value={props.value as any} />,\n    },\n\n    // SubWorkflow fields\n    {\n      id: 'subWorkflowId',\n      label: 'Sub-Workflow',\n      type: 'custom',\n      component: (props) => <WorkflowSelectorField {...props} value={props.value as any} />,\n    },\n    {\n      id: 'subWorkflowVersion',\n      label: 'Version',\n      type: 'number',\n      placeholder: '1',\n      description: 'Specific version of the sub-workflow to invoke',\n    },\n    {\n      id: 'inputMappings',\n      label: 'Input Mappings',\n      type: 'custom',\n      component: (props) => (\n        <MappingArrayEditor\n          {...props}\n          value={props.value as any}\n          label=\"Input Mappings\"\n          description=\"Map parent workflow data to sub-workflow input\"\n        />\n      ),\n    },\n    {\n      id: 'outputMappings',\n      label: 'Output Mappings',\n      type: 'custom',\n      component: (props) => (\n        <MappingArrayEditor\n          {...props}\n          value={props.value as any}\n          label=\"Output Mappings\"\n          description=\"Map sub-workflow output back to parent workflow\"\n        />\n      ),\n    },\n\n    // WaitForSignal fields\n    {\n      id: 'signalName',\n      label: 'Signal Name',\n      type: 'text',\n      placeholder: 'approval_received',\n      description: 'Name of the signal to wait for',\n    },\n    {\n      id: 'signalTimeout',\n      label: 'Signal Timeout',\n      type: 'text',\n      placeholder: 'PT5M',\n      description: 'How long to wait for the signal (ISO 8601 duration)',\n    },\n\n    // Advanced configuration\n    {\n      id: 'advancedConfig',\n      label: 'Advanced Configuration (JSON)',\n      type: 'custom',\n      description: 'Additional JSON configuration merged with the step data',\n      component: (props) => <JsonConfigEditor {...props} />,\n    },\n\n    // Start node pre-conditions\n    {\n      id: 'preConditions',\n      label: 'Pre-Conditions',\n      type: 'custom',\n      description: 'Business rules that must pass before the workflow can start',\n      component: (props) => <StartPreConditionsEditor {...props} value={props.value as any} />,\n    },\n  ], [showJsonSchemaWarning])\n\n  if (!isOpen || !node) return null\n\n  const nodeType = node.type || 'unknown'\n  const nodeTypeLabel = nodeType.charAt(0).toUpperCase() + nodeType.slice(1).replace(/([A-Z])/g, ' $1')\n\n  const canDelete = !!onDelete\n\n  return (\n    <Dialog open={isOpen} onOpenChange={onClose}>\n      <DialogContent\n        className=\"sm:max-w-7xl max-h-[90vh] overflow-hidden flex flex-col !p-0 [&_.grid]:!grid-cols-1\"\n        onKeyDown={handleKeyDown}\n      >\n        <DialogHeader className=\"flex-shrink-0 p-6 pb-4 border-b border-border/70\">\n          <div className=\"flex items-center gap-2 mb-2\">\n            <DialogTitle>Edit Step</DialogTitle>\n            <Badge variant=\"secondary\" className=\"text-xs\">\n              {nodeTypeLabel}\n            </Badge>\n          </div>\n          <div className=\"space-y-1\">\n            <DialogDescription>\n              Configure step properties and behavior\n            </DialogDescription>\n            <div className=\"flex items-center gap-2 text-xs text-muted-foreground\">\n              <span className=\"font-medium\">ID:</span>\n              <code className=\"px-1.5 py-0.5 rounded bg-muted font-mono\">{node.id}</code>\n            </div>\n          </div>\n        </DialogHeader>\n\n        <div className=\"flex-1 overflow-y-auto min-h-0 px-6\">\n          {/* JSON Schema Conversion Warning */}\n          {showJsonSchemaWarning && (\n            <Alert status=\"information\" className=\"mb-4\">\n              <AlertDescription className=\"text-xs\">\n                This form uses JSON Schema format. Fields have been converted for visual editing.\n                When you save, it will be converted to the simplified format. To preserve the original JSON Schema,\n                edit it in the &#34;Advanced Configuration (JSON)&#34; section.\n              </AlertDescription>\n            </Alert>\n          )}\n\n          <CrudForm\n            fields={fields}\n            groups={groups}\n            initialValues={initialValues}\n            onSubmit={handleSubmit}\n            embedded={true}\n            submitLabel=\"Save Step\"\n            extraActions={\n              canDelete ? (\n                <Button\n                  type=\"button\"\n                  variant=\"destructive\"\n                  onClick={handleDelete}\n                >\n                  <Trash2 className=\"size-4 mr-2\" />\n                  Delete Step\n                </Button>\n              ) : undefined\n            }\n          />\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport type { Node } from '@xyflow/react'\nimport { useState, useEffect, useCallback, useMemo } from 'react'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Trash2 } from 'lucide-react'\nimport { CrudForm, type CrudFormGroup, type CrudField, type CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { JsonBuilder } from '@open-mercato/ui/backend/JsonBuilder'\nimport { DurationInput } from '@open-mercato/ui/backend/inputs/DurationInput'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { FormFieldArrayEditor } from './fields/FormFieldArrayEditor'\nimport { ActivityArrayEditor, type ActivityTestContext } from './fields/ActivityArrayEditor'\nimport { useActivityTypeOptions } from './fields/useActivityTypeOptions'\nimport { MappingArrayEditor } from './fields/MappingArrayEditor'\nimport { WorkflowSelectorField } from './fields/WorkflowSelectorField'\nimport { RolesMultiSelect } from './fields/RolesMultiSelect'\nimport { StartPreConditionsEditor } from './fields/StartPreConditionsEditor'\nimport { AgentInvokeConfigField } from './fields/AgentInvokeConfigField'\nimport { IfElseRoutesField, SwitchRoutesField } from './fields/BranchingRoutesEditor'\nimport { RouteOrderEditor } from './fields/RouteOrderEditor'\nimport { TemplateTextControl } from './fields/TemplateTextControl'\nimport { TaskEntityBindingsField } from './fields/TaskEntityBindingsField'\nimport { TaskAssignmentField } from './fields/TaskAssignmentField'\nimport { TaskOnBreachField, TaskRemindersField } from './fields/TaskDeadlineFields'\nimport { AgentReviewOnBreachField } from './fields/AgentReviewOnBreachField'\nimport { TaskDecisionsField, TaskEditablePrefilledField } from './fields/TaskDecisionsField'\nimport { TASK_PRIORITY_VALUES } from '../lib/task-inspector-config'\nimport { AGENT_REVIEW_ASSIGNMENT_MODES } from '../lib/agent-review-inspector'\nimport type { RouteOrderEntry } from '../lib/route-priority'\nimport { ConditionBuilder } from '@open-mercato/core/modules/business_rules/components/ConditionBuilder'\nimport type { GroupCondition } from '@open-mercato/core/modules/business_rules/components/utils/conditionValidation'\nimport { InputDataPanel } from './InputDataPanel'\nimport { InspectorPanel, type InspectorPanelVariant } from './InspectorPanel'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { nodeToFormValues, formValuesToNodeUpdates, isJsonSchemaFormat, type NodeFormValues } from '../lib/nodeFormTransforms'\nimport {\n  isConvertibleStepType,\n  listStepTypeConversionOptions,\n  listStepTypeConversionTargets,\n  readUnmappedStepConfig,\n  type ConvertibleStepType,\n} from '../lib/step-type-conversion'\nimport { sanitizeId } from '../lib/graph-utils'\nimport { isBranchingNodeType } from '../lib/branching-routes'\nimport type { BranchingRouteDraft, SwitchRoutesValue } from '../lib/branching-routes'\nimport type { LedgerEntry } from '../lib/context-ledger'\nimport type { PinnedSampleEnvelope } from '../lib/sample-resolver'\n\n/**\n * JsonConfigEditor - Custom field wrapper for JsonBuilder\n */\nfunction JsonConfigEditor({ value, setValue, disabled }: CrudCustomFieldRenderProps) {\n  return (\n    <JsonBuilder\n      value={value || {}}\n      onChange={setValue}\n      disabled={disabled}\n    />\n  )\n}\n\n/**\n * DurationCrudField - Custom field wrapper for DurationInput\n */\nexport function DurationCrudField({ id, value, setValue, disabled }: CrudCustomFieldRenderProps) {\n  return (\n    <DurationInput\n      id={id}\n      value={typeof value === 'string' ? value : ''}\n      onChange={setValue}\n      disabled={disabled}\n    />\n  )\n}\n\n/**\n * RolesCrudField - Custom field wrapper for RolesMultiSelect\n */\nexport function RolesCrudField({ id, value, setValue, disabled }: CrudCustomFieldRenderProps) {\n  const roles = useMemo(\n    () => (Array.isArray(value) ? value.filter((entry): entry is string => typeof entry === 'string') : []),\n    [value],\n  )\n  return (\n    <RolesMultiSelect\n      id={id}\n      value={roles}\n      onChange={setValue}\n      disabled={disabled}\n    />\n  )\n}\n\n/**\n * StepTypeConversionControl \u2014 \"Change type\u2026\" (spec 4.5, #4237).\n *\n * Conversion is an action on the step, not a form value: it rewrites the node\n * type and its data wholesale, so it runs through its own callback (with a\n * confirmation on the page) instead of the CrudForm submit.\n *\n * The select still READS as the step's type: it opens on whatever the step is\n * today (issue #5988 \u2014 it used to open blank on every visit, so it never said\n * what the step was, not even right after a conversion), and picking a\n * different entry is what arms \"Change type\u2026\".\n */\nfunction StepTypeConversionControl({\n  nodeType,\n  onConvert,\n}: {\n  nodeType: string | undefined\n  onConvert: (targetType: ConvertibleStepType) => void\n}) {\n  const t = useT()\n  const currentType = isConvertibleStepType(nodeType) ? nodeType : null\n  const options = useMemo(() => listStepTypeConversionOptions(nodeType), [nodeType])\n  const [targetType, setTargetType] = useState<string>(currentType ?? '')\n\n  // A conversion replaces the node type under an already-mounted control, so\n  // the selection follows the step rather than stranding the previous choice.\n  useEffect(() => {\n    setTargetType(currentType ?? '')\n  }, [currentType])\n\n  if (options.length === 0) return null\n\n  const canConvert = targetType.length > 0 && targetType !== currentType\n\n  return (\n    <div className=\"space-y-2\">\n      <p className=\"text-sm text-muted-foreground\">\n        {t(\n          'workflows.stepConversion.description',\n          'Keeps this step\u2019s id, name, position and wiring. Configuration the new type cannot execute is parked under Unmapped configuration instead of being deleted.',\n        )}\n      </p>\n      <div className=\"flex items-center gap-2\">\n        <Select value={targetType} onValueChange={setTargetType}>\n          <SelectTrigger className=\"w-64\" aria-label={t('workflows.steps.stepType')}>\n            <SelectValue placeholder={t('workflows.stepConversion.targetPlaceholder', 'Select a step type')} />\n          </SelectTrigger>\n          <SelectContent>\n            {options.map((candidate) => (\n              <SelectItem key={candidate} value={candidate}>\n                {t(`workflows.nodeTypes.${candidate}`)}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          disabled={!canConvert}\n          onClick={() => {\n            if (canConvert) onConvert(targetType as ConvertibleStepType)\n          }}\n        >\n          {t('workflows.stepConversion.action', 'Change type\u2026')}\n        </Button>\n      </div>\n    </div>\n  )\n}\n\n/**\n * UnmappedConfigDrawer \u2014 the quarantine made visible (spec 4.5). Read-only: the\n * values are stored verbatim in the step metadata and are recovered by\n * converting back, never edited in place.\n */\nfunction UnmappedConfigDrawer({ value }: { value: Record<string, unknown> }) {\n  const t = useT()\n  return (\n    <details className=\"rounded-md border border-border bg-muted/30 p-3\">\n      <summary className=\"cursor-pointer text-sm font-medium\">\n        {t('workflows.stepConversion.unmapped.title', 'Unmapped configuration')}\n      </summary>\n      <p className=\"mt-2 text-xs text-muted-foreground\">\n        {t(\n          'workflows.stepConversion.unmapped.description',\n          'Kept from an earlier type change. It is stored with the step but is not executed; change the step back to recover it.',\n        )}\n      </p>\n      <pre className=\"mt-2 max-h-64 overflow-auto rounded bg-background p-2 font-mono text-xs\">\n        {JSON.stringify(value, null, 2)}\n      </pre>\n    </details>\n  )\n}\n\nexport interface NodeEditDialogCrudFormProps {\n  node: Node | null\n  isOpen: boolean\n  onClose: () => void\n  onSave: (nodeId: string, updates: Partial<Node['data']>) => void\n  onDelete?: (nodeId: string) => void\n  ledgerEntries?: LedgerEntry[]\n  definitionId?: string | null\n  samples?: Record<string, PinnedSampleEnvelope>\n  onPinSample?: (stepId: string, data: unknown) => void\n  onUnpinSample?: (stepId: string) => void\n  /**\n   * Outgoing routes of a branching step (IF_ELSE / SWITCH). The inspector edits\n   * transitions rather than step data, so the value round-trips through a\n   * dedicated callback instead of the node-update payload.\n   */\n  branchingRoutes?: SwitchRoutesValue\n  onSaveBranchingRoutes?: (nodeId: string, value: SwitchRoutesValue) => void\n  /**\n   * Outgoing routes of a NON-branching step, in evaluation order. Reordering the\n   * list derives the transition priorities (spec 4.4) \u2014 branching steps order\n   * their routes through their own case list instead.\n   */\n  routeOrder?: RouteOrderEntry[]\n  onSaveRouteOrder?: (nodeId: string, entries: RouteOrderEntry[]) => void\n  /**\n   * In-place step type conversion (spec 4.5). The page confirms the change and\n   * rewrites the node, because conversion replaces the node type and its data\n   * rather than producing a form value.\n   */\n  onConvertType?: (nodeId: string, targetType: ConvertibleStepType) => void\n  /**\n   * How the inspector is presented. Defaults to `overlay` so a caller that has\n   * not opted in keeps the modal shape it had.\n   */\n  variant?: InspectorPanelVariant\n  /** Widen the overlay Drawer to the metadata-drawer width \u2014 the step form is dense. */\n  wide?: boolean\n}\n\n/**\n * NodeEditDialogCrudForm - CrudForm-based modal dialog for editing step properties\n *\n * Migrated from NodeEditDialog to use CrudForm for:\n * - UI coherence with other admin forms\n * - Custom fields support (future enhancement)\n * - Standardized validation and error handling\n * - Consistent keyboard shortcuts\n *\n * Handles 7 node types with dynamic groups:\n * - start: Non-editable (alert only)\n * - end: Non-editable (alert only)\n * - userTask: Assignment fields + form builder\n * - automated: Activity type + activities array\n * - subWorkflow: Workflow selector + input/output mappings\n * - waitForSignal: Signal name + timeout\n * - waitForTimer: Duration XOR wait-until timer configuration\n * - waitForCondition: ConditionBuilder predicate + mandatory timeout policy\n * - decision: Basic fields only\n */\nexport function NodeEditDialogCrudForm({ node, isOpen, onClose, onSave, onDelete, ledgerEntries, definitionId, samples, onPinSample, onUnpinSample, branchingRoutes, onSaveBranchingRoutes, routeOrder, onSaveRouteOrder, onConvertType, variant = 'overlay', wide }: NodeEditDialogCrudFormProps) {\n  const t = useT()\n  const activityTypeOptions = useActivityTypeOptions()\n  const [initialValues, setInitialValues] = useState<Partial<NodeFormValues>>({})\n  const [showJsonSchemaWarning, setShowJsonSchemaWarning] = useState(false)\n\n  const activityTestContext = useMemo<ActivityTestContext | undefined>(() => {\n    if (!node || !onPinSample || !onUnpinSample) return undefined\n    const stepId = node.id\n    return {\n      definitionId: definitionId ?? null,\n      stepId,\n      pinnedSample: samples?.[stepId],\n      onPinSample: (data: unknown) => onPinSample(stepId, data),\n      onUnpinSample: () => onUnpinSample(stepId),\n    }\n  }, [node, definitionId, samples, onPinSample, onUnpinSample])\n\n  // Load node data when dialog opens\n  useEffect(() => {\n    if (node && isOpen) {\n      const values = nodeToFormValues(node)\n      setInitialValues(\n        isBranchingNodeType(node.type)\n          ? { ...values, branchingRoutes: branchingRoutes ?? { field: '', routes: [] } }\n          : { ...values, routeOrder: routeOrder ?? [] },\n      )\n      setShowJsonSchemaWarning(isJsonSchemaFormat(node))\n    }\n  }, [node, isOpen, branchingRoutes, routeOrder])\n\n  const handleSubmit = useCallback(async (values: Record<string, unknown>) => {\n    if (!node) return\n\n    // Validate and sanitize step ID\n    const sanitizedId = sanitizeId(node.id)\n    if (sanitizedId !== node.id) {\n      flash(t('workflows.nodeEditor.stepIdSanitized', { from: node.id, to: sanitizedId }), 'warning')\n    }\n\n    try {\n      const updates = formValuesToNodeUpdates(values as unknown as NodeFormValues, node)\n      onSave(node.id, updates)\n      if (isBranchingNodeType(node.type) && onSaveBranchingRoutes) {\n        const routesValue = values.branchingRoutes as SwitchRoutesValue | undefined\n        onSaveBranchingRoutes(node.id, routesValue ?? { field: '', routes: [] })\n      } else if (onSaveRouteOrder) {\n        const entries = values.routeOrder as RouteOrderEntry[] | undefined\n        if (Array.isArray(entries) && entries.length > 0) onSaveRouteOrder(node.id, entries)\n      }\n      onClose()\n    } catch (error) {\n      const message = error instanceof Error ? error.message : String(error)\n      throw new Error(t(message))\n    }\n  }, [node, onSave, onSaveBranchingRoutes, onSaveRouteOrder, onClose, t])\n\n  const handleDelete = useCallback(() => {\n    if (!node || !onDelete) return\n    onDelete(node.id)\n  }, [node, onDelete])\n\n  // Dynamic groups based on node type\n  const typeGroups: CrudFormGroup[] = useMemo(() => {\n    if (!node) return []\n\n    // End nodes are non-editable\n    if (node.type === 'end') {\n      return [\n        {\n          id: 'info',\n          column: 1,\n          bare: true,\n          component: () => (\n            <Alert status=\"information\">\n              <AlertDescription>\n                {t('workflows.nodeEditor.endStepsNotEditable')}\n              </AlertDescription>\n            </Alert>\n          ),\n        },\n      ]\n    }\n\n    // Start nodes: allow editing pre-conditions\n    if (node.type === 'start') {\n      return [\n        {\n          id: 'info',\n          column: 1,\n          bare: true,\n          component: () => (\n            <Alert status=\"information\" className=\"mb-4\">\n              <AlertDescription>\n                {t('workflows.nodeEditor.startStepsInfo')}\n              </AlertDescription>\n            </Alert>\n          ),\n        },\n        {\n          id: 'preConditions',\n          title: t('workflows.transitions.preConditions'),\n          column: 1,\n          description: t('workflows.fieldEditors.preConditions.description'),\n          fields: ['preConditions'],\n        },\n      ]\n    }\n\n    const baseGroups: CrudFormGroup[] = [\n      {\n        id: 'basic',\n        title: t('workflows.form.groups.basic'),\n        column: 1,\n        fields: ['stepName', 'description', 'timeout'],\n      },\n    ]\n\n    // Route ordering (spec 4.4) only makes sense once a step has a choice to\n    // make. Branching steps order their routes through their own case list.\n    if (!isBranchingNodeType(node.type) && (routeOrder?.length ?? 0) > 1) {\n      baseGroups.push({\n        id: 'routeOrder',\n        title: t('workflows.routeOrder.groupTitle'),\n        column: 1,\n        description: t('workflows.routeOrder.groupDescription'),\n        fields: ['routeOrder'],\n      })\n    }\n\n    const advancedGroup: CrudFormGroup = {\n      id: 'advanced',\n      title: t('workflows.form.advancedConfiguration'),\n      column: 1,\n      description: t('workflows.form.descriptions.advancedConfig'),\n      fields: ['advancedConfig'],\n    }\n\n    // Error handling (spec section 5.9): what this step does when it fails and\n    // no error route is wired from its error handle.\n    const errorHandlingGroup: CrudFormGroup = {\n      id: 'errorHandling',\n      title: t('workflows.nodeEditor.groups.errorHandling', 'Error Handling'),\n      column: 1,\n      description: t(\n        'workflows.nodeEditor.groups.errorHandlingDescription',\n        'Applies when this step fails and no error route is wired from its error output handle.',\n      ),\n      fields: ['errorDirectiveMode', 'errorDirectiveFallbackValue'],\n    }\n\n    // UserTask: the five task-inspector sections of spec \u00A76.1, in order \u2014\n    // What / About what / Who / When / Decisions \u2014 followed by the step\n    // mechanics every node type shares. Each section is container-agnostic: it\n    // declares no width and assumes no modal chrome, so re-hosting the\n    // inspector in a docked rail is a re-parent rather than a rewrite.\n    if (node.type === 'userTask') {\n      return [\n        {\n          id: 'taskWhat',\n          title: t('workflows.tasks.inspector.what.title'),\n          column: 1,\n          fields: ['stepName', 'taskInstructions'],\n        },\n        {\n          id: 'taskAbout',\n          title: t('workflows.tasks.inspector.bindings.title'),\n          column: 1,\n          fields: ['taskEntityBindings'],\n        },\n        {\n          id: 'taskWho',\n          title: t('workflows.tasks.inspector.who.title'),\n          column: 1,\n          fields: ['assignmentMode'],\n        },\n        {\n          id: 'taskWhen',\n          title: t('workflows.tasks.inspector.when.title'),\n          column: 1,\n          fields: ['taskPriority', 'slaDuration', 'taskReminders', 'taskOnBreach'],\n        },\n        {\n          id: 'taskDecisions',\n          title: t('workflows.tasks.inspector.decisions.title'),\n          column: 1,\n          description: t('workflows.form.descriptions.formFields'),\n          fields: ['taskDecisions', 'formFields', 'taskEditablePrefilled', 'formKey'],\n        },\n        {\n          id: 'basic',\n          title: t('workflows.form.groups.basic'),\n          column: 1,\n          fields: ['description', 'timeout'],\n        },\n        ...baseGroups.slice(1),\n        errorHandlingGroup,\n        advancedGroup,\n      ]\n    }\n\n    // Automated specific groups\n    if (node.type === 'automated') {\n      return [\n        ...baseGroups,\n        {\n          id: 'automated',\n          title: t('workflows.nodeEditor.groups.automated'),\n          column: 1,\n          fields: ['activityType', 'activityId'],\n        },\n        {\n          id: 'stepActivities',\n          title: t('workflows.nodeEditor.groups.stepActivities'),\n          column: 1,\n          description: t('workflows.nodeEditor.groups.stepActivitiesDescription'),\n          fields: ['stepActivities'],\n        },\n        errorHandlingGroup,\n        advancedGroup,\n      ]\n    }\n\n    // SubWorkflow specific groups\n    if (node.type === 'subWorkflow') {\n      return [\n        ...baseGroups,\n        {\n          id: 'subWorkflow',\n          title: t('workflows.form.subWorkflowConfig'),\n          column: 1,\n          fields: ['subWorkflowId', 'subWorkflowVersion'],\n        },\n        {\n          id: 'mappings',\n          title: t('workflows.nodeEditor.groups.mappings'),\n          column: 1,\n          description: t('workflows.nodeEditor.groups.mappingsDescription'),\n          fields: ['inputMappings', 'outputMappings'],\n        },\n        errorHandlingGroup,\n        advancedGroup,\n      ]\n    }\n\n    // WaitForSignal specific groups\n    if (node.type === 'waitForSignal') {\n      return [\n        ...baseGroups,\n        {\n          id: 'signal',\n          title: t('workflows.form.signalConfig'),\n          column: 1,\n          fields: ['signalName', 'signalTimeout'],\n        },\n        advancedGroup,\n      ]\n    }\n\n    // WaitForTimer specific groups\n    if (node.type === 'waitForTimer') {\n      return [\n        {\n          id: 'basic',\n          title: t('workflows.form.groups.basic'),\n          column: 1,\n          fields: ['stepName', 'description'],\n        },\n        {\n          id: 'timer',\n          title: t('workflows.nodeEditor.groups.timer'),\n          column: 1,\n          description: t('workflows.nodeEditor.groups.timerDescription'),\n          fields: ['timerDuration', 'timerUntil'],\n        },\n        advancedGroup,\n      ]\n    }\n\n    // WaitForCondition specific groups\n    if (node.type === 'waitForCondition') {\n      return [\n        {\n          id: 'basic',\n          title: t('workflows.form.groups.basic'),\n          column: 1,\n          fields: ['stepName', 'description'],\n        },\n        {\n          id: 'waitCondition',\n          title: t('workflows.nodeEditor.groups.waitCondition', 'Wait Condition'),\n          column: 1,\n          description: t(\n            'workflows.nodeEditor.groups.waitConditionDescription',\n            'The workflow pauses here until this condition over the run context becomes true. It is re-checked whenever the context is written and on a periodic poll.',\n          ),\n          fields: ['waitCondition'],\n        },\n        {\n          id: 'waitConditionTimeout',\n          title: t('workflows.nodeEditor.groups.waitConditionTimeout', 'Timeout Policy'),\n          column: 1,\n          description: t(\n            'workflows.nodeEditor.groups.waitConditionTimeoutDescription',\n            'A timeout is required so a condition that never becomes true cannot hang the run forever.',\n          ),\n          fields: ['waitConditionTimeout', 'waitConditionOnTimeout', 'waitConditionPollIntervalMs'],\n        },\n        advancedGroup,\n      ]\n    }\n\n    // InvokeAgent specific groups\n    if (node.type === 'invokeAgent') {\n      return [\n        ...baseGroups,\n        {\n          id: 'invokeAgent',\n          title: t('workflows.form.invokeAgent.sectionTitle'),\n          column: 1,\n          description: t('workflows.form.invokeAgent.sectionDescription'),\n          fields: ['agentConfig'],\n        },\n        // Review (spec \u00A77.5): who dispositions the proposal this step raises,\n        // and by when. The same Who/When vocabulary the Task inspector authors\n        // (\u00A76.1.3 / \u00A76.1.4) \u2014 because the thing being authored IS a task.\n        {\n          id: 'agentReviewWho',\n          title: t('workflows.form.invokeAgent.review.whoTitle'),\n          column: 1,\n          description: t('workflows.form.invokeAgent.review.whoDescription'),\n          fields: ['reviewAssignmentMode'],\n        },\n        {\n          id: 'agentReviewWhen',\n          title: t('workflows.form.invokeAgent.review.whenTitle'),\n          column: 1,\n          description: t('workflows.form.invokeAgent.review.whenDescription'),\n          fields: ['reviewPriority', 'reviewDeadline', 'reviewReminders', 'reviewOnBreach'],\n        },\n        errorHandlingGroup,\n        advancedGroup,\n      ]\n    }\n\n    // Branching steps: the routes inspector edits the outgoing transitions\n    if (isBranchingNodeType(node.type)) {\n      return [\n        ...baseGroups,\n        {\n          id: 'branchingRoutes',\n          title: t('workflows.branching.groupTitle', 'Routes'),\n          column: 1,\n          description: t(\n            'workflows.branching.groupDescription',\n            'Routing happens on the outgoing transitions: each case is evaluated by priority, and the otherwise route runs when none matches.',\n          ),\n          fields: ['branchingRoutes'],\n        },\n        errorHandlingGroup,\n        advancedGroup,\n      ]\n    }\n\n    // Decision and other types: just basic fields + advanced\n    return [\n      ...baseGroups,\n      advancedGroup,\n    ]\n  }, [node, t])\n\n  // Quarantined config from an earlier type change, and the conversion control\n  // itself (spec 4.5). Both hang off every editable step type, after whatever\n  // that type's own inspector renders.\n  const unmappedConfig = useMemo(() => readUnmappedStepConfig(node?.data), [node])\n\n  const groups: CrudFormGroup[] = useMemo(() => {\n    if (!node) return []\n    const extras: CrudFormGroup[] = []\n    if (unmappedConfig) {\n      extras.push({\n        id: 'unmappedConfig',\n        column: 1,\n        bare: true,\n        component: () => <UnmappedConfigDrawer value={unmappedConfig} />,\n      })\n    }\n    if (onConvertType && listStepTypeConversionTargets(node.type).length > 0) {\n      extras.push({\n        id: 'changeType',\n        title: t('workflows.stepConversion.groupTitle', 'Change step type'),\n        column: 1,\n        bare: false,\n        component: () => (\n          <StepTypeConversionControl\n            nodeType={node.type}\n            onConvert={(targetType) => onConvertType(node.id, targetType)}\n          />\n        ),\n      })\n    }\n    return [...typeGroups, ...extras]\n  }, [node, typeGroups, unmappedConfig, onConvertType, t])\n\n  // Define all possible form fields (only relevant ones are used based on groups)\n  const fields: CrudField[] = useMemo(() => [\n    // Basic fields. A user task's title is the sentence the assignee reads, so\n    // it is pill-capable there (spec \u00A76.1 \"What\") and a plain text input\n    // everywhere else.\n    node?.type === 'userTask'\n      ? {\n          id: 'stepName',\n          label: t('workflows.tasks.inspector.what.taskTitle'),\n          type: 'custom',\n          required: true,\n          component: (props) => (\n            <TemplateTextControl\n              id={props.id}\n              value={typeof props.value === 'string' ? props.value : ''}\n              onValueChange={props.setValue}\n              ledgerEntries={ledgerEntries}\n              placeholder={t('workflows.form.placeholders.stepName')}\n              disabled={props.disabled}\n              aria-label={t('workflows.tasks.inspector.what.taskTitle')}\n            />\n          ),\n        }\n      : {\n          id: 'stepName',\n          label: t('workflows.form.stepName'),\n          type: 'text',\n          placeholder: t('workflows.form.placeholders.stepName'),\n          required: true,\n          description: t('workflows.form.descriptions.stepName'),\n        },\n    {\n      id: 'description',\n      label: t('workflows.form.description'),\n      type: 'textarea',\n      placeholder: t('workflows.form.placeholders.description'),\n      description: t('workflows.form.descriptions.description'),\n    },\n    {\n      id: 'timeout',\n      label: t('workflows.form.timeout'),\n      type: 'custom',\n      description: t('workflows.form.descriptions.timeout'),\n      component: (props) => <DurationCrudField {...props} />,\n    },\n\n    // UserTask fields\n    {\n      id: 'assignedTo',\n      label: t('workflows.form.assignedTo'),\n      type: 'text',\n      placeholder: t('workflows.form.placeholders.userId'),\n      description: t('workflows.form.descriptions.assignedTo'),\n    },\n    {\n      id: 'assignedToRoles',\n      label: t('workflows.form.assignedToRoles'),\n      type: 'custom',\n      description: t('workflows.form.descriptions.assignedToRoles'),\n      component: (props) => <RolesCrudField {...props} />,\n    },\n    {\n      id: 'formKey',\n      label: t('workflows.form.formKey'),\n      type: 'text',\n      placeholder: t('workflows.form.placeholders.formKey'),\n      description: t('workflows.form.descriptions.formKey'),\n    },\n    {\n      id: 'slaDuration',\n      label: t('workflows.tasks.inspector.when.deadline'),\n      type: 'custom',\n      description: t('workflows.nodeEditor.slaDurationDescription'),\n      component: (props) => <DurationCrudField {...props} />,\n    },\n\n    // Task inspector sections (spec \u00A76.1)\n    {\n      id: 'taskInstructions',\n      label: t('workflows.tasks.inspector.what.instructions'),\n      type: 'custom',\n      component: (props) => (\n        <TemplateTextControl\n          id={props.id}\n          value={typeof props.value === 'string' ? props.value : ''}\n          onValueChange={props.setValue}\n          ledgerEntries={ledgerEntries}\n          placeholder={t('workflows.tasks.inspector.what.instructionsPlaceholder')}\n          disabled={props.disabled}\n          multiline\n          aria-label={t('workflows.tasks.inspector.what.instructions')}\n        />\n      ),\n    },\n    {\n      id: 'taskEntityBindings',\n      label: t('workflows.tasks.inspector.bindings.label'),\n      type: 'custom',\n      component: (props) => <TaskEntityBindingsField {...props} ledgerEntries={ledgerEntries} />,\n    },\n    {\n      id: 'assignmentMode',\n      label: t('workflows.tasks.inspector.who.label'),\n      type: 'custom',\n      component: (props) => (\n        <TaskAssignmentField\n          {...props}\n          ledgerEntries={ledgerEntries}\n          portalAudience={{ assigneeKind: 'taskAssigneeKind', entityBindings: 'taskEntityBindings' }}\n        />\n      ),\n    },\n    {\n      id: 'taskPriority',\n      label: t('workflows.tasks.inspector.when.priority'),\n      type: 'select',\n      options: TASK_PRIORITY_VALUES.map((priority) => ({\n        value: priority,\n        label: t(`workflows.tasks.inspector.when.priorities.${priority}`),\n      })),\n    },\n    {\n      id: 'taskReminders',\n      label: t('workflows.tasks.inspector.when.reminders'),\n      type: 'custom',\n      component: (props) => <TaskRemindersField {...props} />,\n    },\n    {\n      id: 'taskOnBreach',\n      label: t('workflows.tasks.inspector.when.onBreach'),\n      type: 'custom',\n      component: (props) => <TaskOnBreachField {...props} routeOrder={routeOrder} />,\n    },\n    // Invoke Agent \u2014 Review (spec \u00A77.5). The assignment tabs and the reminder\n    // control are the SAME components the Task inspector renders, pointed at\n    // this section's own field ids; only the breach action set differs, because\n    // a disposition deadline escalates and never decides.\n    {\n      id: 'reviewAssignmentMode',\n      label: t('workflows.tasks.inspector.who.label'),\n      type: 'custom',\n      component: (props) => (\n        <TaskAssignmentField\n          {...props}\n          ledgerEntries={ledgerEntries}\n          modes={AGENT_REVIEW_ASSIGNMENT_MODES}\n          fieldIds={{\n            assignedTo: 'reviewAssignedTo',\n            assignedToRoles: 'reviewAssignedToRoles',\n            assignmentRule: 'reviewAssignmentRule',\n          }}\n        />\n      ),\n    },\n    {\n      id: 'reviewPriority',\n      label: t('workflows.tasks.inspector.when.priority'),\n      type: 'select',\n      options: TASK_PRIORITY_VALUES.map((priority) => ({\n        value: priority,\n        label: t(`workflows.tasks.inspector.when.priorities.${priority}`),\n      })),\n    },\n    {\n      id: 'reviewDeadline',\n      label: t('workflows.tasks.inspector.when.deadline'),\n      type: 'custom',\n      description: t('workflows.form.invokeAgent.review.deadlineDescription'),\n      component: (props) => <DurationCrudField {...props} />,\n    },\n    {\n      id: 'reviewReminders',\n      label: t('workflows.tasks.inspector.when.reminders'),\n      type: 'custom',\n      component: (props) => <TaskRemindersField {...props} />,\n    },\n    {\n      id: 'reviewOnBreach',\n      label: t('workflows.tasks.inspector.when.onBreach'),\n      type: 'custom',\n      component: (props) => <AgentReviewOnBreachField {...props} />,\n    },\n    {\n      id: 'taskDecisions',\n      label: t('workflows.tasks.inspector.decisions.label'),\n      type: 'custom',\n      component: (props) => <TaskDecisionsField {...props} routeOrder={routeOrder} />,\n    },\n    {\n      id: 'taskEditablePrefilled',\n      label: t('workflows.tasks.inspector.decisions.editablePrefilled'),\n      type: 'custom',\n      component: (props) => <TaskEditablePrefilledField {...props} />,\n    },\n    {\n      id: 'formFields',\n      label: t('workflows.nodeEditor.groups.formFields'),\n      type: 'custom',\n      component: (props) => (\n        <FormFieldArrayEditor\n          {...props}\n          value={props.value as any}\n          isJsonSchemaFormat={showJsonSchemaWarning}\n        />\n      ),\n    },\n\n    // Automated fields\n    {\n      id: 'activityType',\n      label: t('workflows.form.activityType'),\n      type: 'select',\n      options: activityTypeOptions,\n      description: t('workflows.nodeEditor.activityTypeDescription'),\n    },\n    {\n      id: 'activityId',\n      label: t('workflows.form.activityId'),\n      type: 'text',\n      placeholder: t('workflows.form.placeholders.activityId'),\n      description: t('workflows.nodeEditor.activityIdDescription'),\n    },\n    {\n      id: 'stepActivities',\n      label: t('workflows.nodeEditor.groups.stepActivities'),\n      type: 'custom',\n      component: (props) => <ActivityArrayEditor {...props} value={props.value as any} ledgerEntries={ledgerEntries} testContext={activityTestContext} />,\n    },\n\n    // SubWorkflow fields\n    {\n      id: 'subWorkflowId',\n      label: t('workflows.form.workflowToInvoke'),\n      type: 'custom',\n      component: (props) => <WorkflowSelectorField {...props} value={props.value as any} />,\n    },\n    {\n      id: 'subWorkflowVersion',\n      label: t('workflows.form.version'),\n      type: 'number',\n      placeholder: t('workflows.form.placeholders.version'),\n      description: t('workflows.form.descriptions.subWorkflowVersion'),\n    },\n    {\n      id: 'inputMappings',\n      label: t('workflows.nodeEditor.inputMappings'),\n      type: 'custom',\n      component: (props) => (\n        <MappingArrayEditor\n          {...props}\n          value={props.value as any}\n          label={t('workflows.nodeEditor.inputMappings')}\n          description={t('workflows.form.descriptions.inputMapping')}\n          variablePicker\n          ledgerEntries={ledgerEntries}\n        />\n      ),\n    },\n    {\n      id: 'outputMappings',\n      label: t('workflows.nodeEditor.outputMappings'),\n      type: 'custom',\n      component: (props) => (\n        <MappingArrayEditor\n          {...props}\n          value={props.value as any}\n          label={t('workflows.nodeEditor.outputMappings')}\n          description={t('workflows.form.descriptions.outputMapping')}\n        />\n      ),\n    },\n\n    // WaitForSignal fields\n    {\n      id: 'signalName',\n      label: t('workflows.form.signalName'),\n      type: 'text',\n      placeholder: t('workflows.form.placeholders.signalName'),\n      description: t('workflows.form.descriptions.signalName'),\n    },\n    {\n      id: 'signalTimeout',\n      label: t('workflows.nodeEditor.signalTimeout'),\n      type: 'custom',\n      description: t('workflows.form.descriptions.signalTimeout'),\n      component: (props) => <DurationCrudField {...props} />,\n    },\n\n    // WaitForTimer fields\n    {\n      id: 'timerDuration',\n      label: t('workflows.activities.waitDuration'),\n      type: 'custom',\n      description: t('workflows.nodeEditor.timerDurationDescription'),\n      component: (props) => <DurationCrudField {...props} />,\n    },\n    {\n      id: 'timerUntil',\n      label: t('workflows.activities.waitUntil'),\n      type: 'datetime',\n      minDate: new Date(),\n      description: t('workflows.nodeEditor.timerUntilDescription'),\n    },\n\n    // Error directive fields (spec section 5.9)\n    {\n      id: 'errorDirectiveMode',\n      label: t('workflows.form.errorDirective.mode', 'On failure'),\n      type: 'select',\n      options: [\n        { value: 'fail', label: t('workflows.form.errorDirective.modeFail', 'Fail the instance (default)') },\n        {\n          value: 'continueWithFallback',\n          label: t('workflows.form.errorDirective.modeContinue', 'Continue with a fallback value'),\n        },\n        {\n          value: 'failureQueue',\n          label: t('workflows.form.errorDirective.modeQueue', 'Send to the failure queue'),\n        },\n      ],\n      description: t(\n        'workflows.form.descriptions.errorDirectiveMode',\n        'Fail the instance, continue with a fallback value written to the run context under this step id, or park the run for triage.',\n      ),\n    },\n    {\n      id: 'errorDirectiveFallbackValue',\n      label: t('workflows.form.errorDirective.fallbackValue', 'Fallback value (JSON)'),\n      type: 'textarea',\n      placeholder: '{ \"ok\": false }',\n      description: t(\n        'workflows.form.descriptions.errorDirectiveFallbackValue',\n        'JSON value used when the directive is \"Continue with a fallback value\". Typed against this step output contract; leave empty to continue without writing anything.',\n      ),\n    },\n\n    // WaitForCondition fields\n    {\n      id: 'waitCondition',\n      label: '',\n      type: 'custom',\n      component: (props) => (\n        <ConditionBuilder\n          value={(props.value as GroupCondition | null) ?? null}\n          onChangeAction={(next: GroupCondition) => props.setValue(next)}\n          entityType=\"workflow:wait_condition\"\n        />\n      ),\n    },\n    {\n      id: 'waitConditionTimeout',\n      label: t('workflows.form.waitCondition.timeout', 'Timeout'),\n      type: 'custom',\n      description: t('workflows.form.descriptions.waitConditionTimeout', 'How long to wait before the timeout policy applies. Required.'),\n      component: (props) => <DurationCrudField {...props} />,\n    },\n    {\n      id: 'waitConditionOnTimeout',\n      label: t('workflows.form.waitCondition.onTimeout', 'On timeout'),\n      type: 'select',\n      options: [\n        { value: 'FAIL', label: t('workflows.form.waitCondition.onTimeoutFail', 'Fail the step') },\n        { value: 'CONTINUE', label: t('workflows.form.waitCondition.onTimeoutContinue', 'Continue with timedOut') },\n      ],\n      description: t(\n        'workflows.form.descriptions.waitConditionOnTimeout',\n        'Fail the step, or continue with \"timedOut\" set so an outgoing route can branch on it.',\n      ),\n    },\n    {\n      id: 'waitConditionPollIntervalMs',\n      label: t('workflows.form.waitCondition.pollIntervalMs', 'Poll interval (ms)'),\n      type: 'number',\n      placeholder: '30000',\n      description: t(\n        'workflows.form.descriptions.waitConditionPollIntervalMs',\n        'Optional backstop poll interval between 5000 and 3600000 ms, and never longer than the timeout. Defaults to 30000.',\n      ),\n    },\n\n    // InvokeAgent configuration\n    {\n      id: 'agentConfig',\n      label: '',\n      type: 'custom',\n      component: (props) => (\n        <AgentInvokeConfigField {...props} value={props.value as any} ledgerEntries={ledgerEntries} />\n      ),\n    },\n    {\n      id: 'routeOrder',\n      label: '',\n      type: 'custom',\n      component: (props) => (\n        <RouteOrderEditor\n          id={props.id}\n          value={props.value as RouteOrderEntry[] | undefined}\n          setValue={props.setValue}\n          disabled={props.disabled}\n        />\n      ),\n    },\n    {\n      id: 'branchingRoutes',\n      label: '',\n      type: 'custom',\n      component: (props) => {\n        const routesValue = (props.value as SwitchRoutesValue | undefined) ?? { field: '', routes: [] }\n        if (node?.type === 'switch') {\n          return (\n            <SwitchRoutesField\n              id={props.id}\n              value={routesValue}\n              setValue={props.setValue}\n              disabled={props.disabled}\n              ledgerEntries={ledgerEntries}\n            />\n          )\n        }\n        return (\n          <IfElseRoutesField\n            id={props.id}\n            value={routesValue.routes}\n            setValue={(routes: BranchingRouteDraft[]) => props.setValue({ ...routesValue, routes })}\n            disabled={props.disabled}\n          />\n        )\n      },\n    },\n\n    // Advanced configuration\n    {\n      id: 'advancedConfig',\n      label: t('workflows.form.advancedConfiguration'),\n      type: 'custom',\n      description: t('workflows.form.descriptions.advancedConfig'),\n      component: (props) => <JsonConfigEditor {...props} />,\n    },\n\n    // Start node pre-conditions\n    {\n      id: 'preConditions',\n      label: t('workflows.transitions.preConditions'),\n      type: 'custom',\n      description: t('workflows.fieldEditors.preConditions.description'),\n      component: (props) => <StartPreConditionsEditor {...props} value={props.value as any} />,\n    },\n  ], [activityTypeOptions, showJsonSchemaWarning, ledgerEntries, activityTestContext, node?.type, routeOrder, t])\n\n  if (!isOpen || !node) return null\n\n  const nodeTypeLabel = t(`workflows.nodeTypes.${node.type || 'automated'}`)\n\n  const canDelete = !!onDelete\n\n  return (\n    <InspectorPanel\n      open={isOpen}\n      onClose={onClose}\n      variant={variant}\n      wide={wide}\n      title={t('workflows.nodeEditor.title')}\n      typeLabel={nodeTypeLabel}\n      description={t('workflows.nodeEditor.description')}\n      recordId={node.id}\n    >\n      {/* JSON Schema Conversion Warning */}\n      {showJsonSchemaWarning && (\n        <Alert variant=\"info\" className=\"mb-4\">\n          <AlertDescription className=\"text-xs\">\n            {t('workflows.nodeEditor.jsonSchemaFormat')}\n          </AlertDescription>\n        </Alert>\n      )}\n\n      {/* Wide drawer: the ledger is a sticky right column so a field can be\n          dragged onto any parameter no matter how far the form is scrolled. The\n          narrow docked rail keeps the old stacked-and-folded layout (a side\n          column would leave no room for the form). */}\n      <div className={wide ? 'flex gap-6' : undefined}>\n        <div className={wide ? 'min-w-0 flex-1' : undefined}>\n          {/* Remount when the inspected step changes. CrudForm preserves fields\n              the author already edited across `initialValues` changes, which\n              would leak an unsaved edit from the previous step onto this one \u2014\n              the key forces a fresh mount. */}\n          <CrudForm\n            key={node.id}\n            density=\"compact\"\n            fields={fields}\n            groups={groups}\n            initialValues={initialValues}\n            onSubmit={handleSubmit}\n            embedded={true}\n            submitLabel={t('workflows.form.saveStep')}\n            extraActions={\n              canDelete ? (\n                <Button\n                  type=\"button\"\n                  variant=\"destructive-outline\"\n                  onClick={handleDelete}\n                >\n                  <Trash2 className=\"size-4 mr-2\" />\n                  {t('workflows.form.deleteStep')}\n                </Button>\n              ) : undefined\n            }\n          />\n        </div>\n        <div className={wide ? 'sticky top-0 w-96 shrink-0 self-start' : 'mt-4'}>\n          <InputDataPanel\n            entries={ledgerEntries}\n            stepId={node.id}\n            samples={samples}\n            defaultCollapsed={!wide}\n          />\n        </div>\n      </div>\n    </InspectorPanel>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/workflows/components/StepsEditor.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { Trash2, Plus, ChevronUp, ChevronDown } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ninterface Step {\n  stepId: string\n  stepName: string\n  stepType: string\n  description?: string\n  config?: Record<string, any>\n  timeout?: number\n  retryPolicy?: {\n    maxAttempts?: number\n    retryDelay?: number\n    backoffMultiplier?: number\n  }\n}\n\ninterface StepsEditorProps {\n  value: Step[]\n  onChange: (steps: Step[]) => void\n  error?: string\n}\n\nconst STEP_TYPES = [\n  { value: 'START', label: 'Start' },\n  { value: 'END', label: 'End' },\n  { value: 'USER_TASK', label: 'User Task' },\n  { value: 'AUTOMATED', label: 'Automated' },\n  { value: 'PARALLEL_FORK', label: 'Parallel Fork' },\n  { value: 'PARALLEL_JOIN', label: 'Parallel Join' },\n  { value: 'SUB_WORKFLOW', label: 'Sub-Workflow' },\n  { value: 'WAIT_FOR_SIGNAL', label: 'Wait for Signal' },\n  { value: 'WAIT_FOR_TIMER', label: 'Wait for Timer' },\n]\n\nexport function StepsEditor({ value = [], onChange, error }: StepsEditorProps) {\n  const t = useT()\n\n  const addStep = () => {\n    const newStep: Step = {\n      stepId: `step_${Date.now()}`,\n      stepName: t('workflows.common.newStep'),\n      stepType: 'AUTOMATED',\n      description: '',\n      config: {},\n    }\n    onChange([...value, newStep])\n  }\n\n  const updateStep = (index: number, field: keyof Step, fieldValue: any) => {\n    const updated = [...value]\n    updated[index] = { ...updated[index], [field]: fieldValue }\n    onChange(updated)\n  }\n\n  const removeStep = (index: number) => {\n    onChange(value.filter((_, i) => i !== index))\n  }\n\n  const moveStep = (index: number, direction: 'up' | 'down') => {\n    const newIndex = direction === 'up' ? index - 1 : index + 1\n    if (newIndex < 0 || newIndex >= value.length) return\n\n    const updated = [...value]\n    const temp = updated[index]\n    updated[index] = updated[newIndex]\n    updated[newIndex] = temp\n    onChange(updated)\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <p className=\"text-sm text-muted-foreground\">\n            {t('workflows.form.descriptions.steps')}\n          </p>\n          {error && <p className=\"text-sm text-status-error-text mt-1\">{error}</p>}\n        </div>\n        <Button type=\"button\" onClick={addStep} variant=\"outline\" size=\"sm\" className=\"w-full sm:w-auto\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          {t('workflows.form.addStep')}\n        </Button>\n      </div>\n\n      {value.length === 0 && (\n        <div className=\"p-6 text-center text-muted-foreground border rounded-md bg-muted\">\n          {t('workflows.form.noSteps')}\n        </div>\n      )}\n\n      <div className=\"space-y-3\">\n        {value.map((step, index) => (\n          <div key={index} className=\"p-4 border rounded-md bg-card shadow-sm\">\n            <div className=\"space-y-3\">\n              <div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n                <div className=\"flex-1 grid grid-cols-1 sm:grid-cols-2 gap-3\">\n                  <div>\n                    <Label htmlFor={`step-${index}-id`} className=\"text-xs\">\n                      {t('workflows.steps.stepId')} *\n                    </Label>\n                    <Input\n                      id={`step-${index}-id`}\n                      value={step.stepId}\n                      onChange={(e) => updateStep(index, 'stepId', e.target.value)}\n                      placeholder=\"step_name\"\n                      className=\"mt-1\"\n                    />\n                  </div>\n                  <div>\n                    <Label htmlFor={`step-${index}-name`} className=\"text-xs\">\n                      {t('workflows.steps.stepName')} *\n                    </Label>\n                    <Input\n                      id={`step-${index}-name`}\n                      value={step.stepName}\n                      onChange={(e) => updateStep(index, 'stepName', e.target.value)}\n                      placeholder={t('workflows.steps.stepName')}\n                      className=\"mt-1\"\n                    />\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-1 self-end sm:self-auto\">\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => moveStep(index, 'up')}\n                    disabled={index === 0}\n                    title={t('common.moveUp')}\n                  >\n                    <ChevronUp className=\"h-4 w-4\" />\n                  </Button>\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => moveStep(index, 'down')}\n                    disabled={index === value.length - 1}\n                    title={t('common.moveDown')}\n                  >\n                    <ChevronDown className=\"h-4 w-4\" />\n                  </Button>\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => removeStep(index)}\n                    title={t('common.delete')}\n                  >\n                    <Trash2 className=\"h-4 w-4 text-destructive\" />\n                  </Button>\n                </div>\n              </div>\n\n              <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n                <div>\n                  <Label htmlFor={`step-${index}-type`} className=\"text-xs\">\n                    {t('workflows.steps.stepType')} *\n                  </Label>\n                  <Select\n                    value={step.stepType}\n                    onValueChange={(value) => updateStep(index, 'stepType', value)}\n                  >\n                    <SelectTrigger id={`step-${index}-type`} className=\"mt-1\">\n                      <SelectValue />\n                    </SelectTrigger>\n                    <SelectContent>\n                      {STEP_TYPES.map((type) => (\n                        <SelectItem key={type.value} value={type.value}>\n                          {t(`workflows.steps.types.${type.value}`)}\n                        </SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                </div>\n                <div>\n                  <Label htmlFor={`step-${index}-timeout`} className=\"text-xs\">\n                    {t('workflows.steps.timeout')} (ms)\n                  </Label>\n                  <Input\n                    id={`step-${index}-timeout`}\n                    type=\"number\"\n                    value={step.timeout || ''}\n                    onChange={(e) => updateStep(index, 'timeout', e.target.value ? parseInt(e.target.value) : undefined)}\n                    placeholder=\"30000\"\n                    className=\"mt-1\"\n                  />\n                </div>\n              </div>\n\n              {step.stepType === 'WAIT_FOR_TIMER' && (\n                <div className=\"grid grid-cols-1 sm:grid-cols-[1fr_auto_1fr] gap-3 items-end\">\n                  <div>\n                    <Label htmlFor={`step-${index}-duration`} className=\"text-xs\">\n                      {t('workflows.activities.waitDuration')}\n                    </Label>\n                    <Input\n                      id={`step-${index}-duration`}\n                      value={step.config?.duration || ''}\n                      onChange={(e) => updateStep(index, 'config', { ...step.config, duration: e.target.value, until: undefined })}\n                      placeholder={t('workflows.activities.waitDurationPlaceholder')}\n                      className=\"mt-1\"\n                    />\n                    <p className=\"text-xs text-muted-foreground mt-1\">\n                      {t('workflows.activities.waitDurationDescription')}\n                    </p>\n                  </div>\n                  <span className=\"text-xs text-muted-foreground pb-6\">{t('workflows.activities.waitOr')}</span>\n                  <div>\n                    <Label htmlFor={`step-${index}-until`} className=\"text-xs\">\n                      {t('workflows.activities.waitUntil')}\n                    </Label>\n                    <Input\n                      id={`step-${index}-until`}\n                      type=\"datetime-local\"\n                      value={step.config?.until ? step.config.until.slice(0, 16) : ''}\n                      onChange={(e) => updateStep(index, 'config', { ...step.config, until: e.target.value ? new Date(e.target.value).toISOString() : undefined, duration: undefined })}\n                      className=\"mt-1\"\n                    />\n                    <p className=\"text-xs text-muted-foreground mt-1\">\n                      {t('workflows.activities.waitUntilDescription')}\n                    </p>\n                  </div>\n                </div>\n              )}\n\n              <div>\n                <Label htmlFor={`step-${index}-description`} className=\"text-xs\">\n                  {t('workflows.steps.singular')} {t('workflows.definitions.description')}\n                </Label>\n                <Textarea\n                  id={`step-${index}-description`}\n                  value={step.description || ''}\n                  onChange={(e) => updateStep(index, 'description', e.target.value)}\n                  placeholder={t('workflows.form.placeholders.description')}\n                  rows={2}\n                  className=\"mt-1\"\n                />\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { Trash2, Plus, ChevronUp, ChevronDown } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ninterface Step {\n  stepId: string\n  stepName: string\n  stepType: string\n  description?: string\n  config?: Record<string, any>\n  timeout?: number\n  retryPolicy?: {\n    maxAttempts?: number\n    initialIntervalMs?: number\n    backoffCoefficient?: number\n    maxIntervalMs?: number\n  }\n}\n\ninterface StepsEditorProps {\n  value: Step[]\n  onChange: (steps: Step[]) => void\n  error?: string\n}\n\nconst STEP_TYPES = [\n  { value: 'START', label: 'Start' },\n  { value: 'END', label: 'End' },\n  { value: 'USER_TASK', label: 'User Task' },\n  { value: 'AUTOMATED', label: 'Automated' },\n  { value: 'PARALLEL_FORK', label: 'Parallel Fork' },\n  { value: 'PARALLEL_JOIN', label: 'Parallel Join' },\n  { value: 'SUB_WORKFLOW', label: 'Sub-Workflow' },\n  { value: 'WAIT_FOR_SIGNAL', label: 'Wait for Signal' },\n  { value: 'WAIT_FOR_TIMER', label: 'Wait for Timer' },\n]\n\n/**\n * @deprecated The form editor is retired (spec section 10) \u2014 steps are authored\n * on the canvas in `/backend/definitions/visual-editor`. This component stays\n * exported for at least one minor release for third-party forms that embed it;\n * it has no call site in this module any more.\n */\nexport function StepsEditor({ value = [], onChange, error }: StepsEditorProps) {\n  const t = useT()\n\n  const addStep = () => {\n    const newStep: Step = {\n      stepId: `step_${Date.now()}`,\n      stepName: t('workflows.common.newStep'),\n      stepType: 'AUTOMATED',\n      description: '',\n      config: {},\n    }\n    onChange([...value, newStep])\n  }\n\n  const updateStep = (index: number, field: keyof Step, fieldValue: any) => {\n    const updated = [...value]\n    updated[index] = { ...updated[index], [field]: fieldValue }\n    onChange(updated)\n  }\n\n  const removeStep = (index: number) => {\n    onChange(value.filter((_, i) => i !== index))\n  }\n\n  const moveStep = (index: number, direction: 'up' | 'down') => {\n    const newIndex = direction === 'up' ? index - 1 : index + 1\n    if (newIndex < 0 || newIndex >= value.length) return\n\n    const updated = [...value]\n    const temp = updated[index]\n    updated[index] = updated[newIndex]\n    updated[newIndex] = temp\n    onChange(updated)\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <p className=\"text-sm text-muted-foreground\">\n            {t('workflows.form.descriptions.steps')}\n          </p>\n          {error && <p className=\"text-sm text-status-error-text mt-1\">{error}</p>}\n        </div>\n        <Button type=\"button\" onClick={addStep} variant=\"outline\" size=\"sm\" className=\"w-full sm:w-auto\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          {t('workflows.form.addStep')}\n        </Button>\n      </div>\n\n      {value.length === 0 && (\n        <div className=\"p-6 text-center text-muted-foreground border rounded-md bg-muted\">\n          {t('workflows.form.noSteps')}\n        </div>\n      )}\n\n      <div className=\"space-y-3\">\n        {value.map((step, index) => (\n          <div key={index} className=\"p-4 border rounded-md bg-card shadow-sm\">\n            <div className=\"space-y-3\">\n              <div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n                <div className=\"flex-1 grid grid-cols-1 sm:grid-cols-2 gap-3\">\n                  <div>\n                    <Label htmlFor={`step-${index}-id`} className=\"text-xs\">\n                      {t('workflows.steps.stepId')} *\n                    </Label>\n                    <Input\n                      id={`step-${index}-id`}\n                      value={step.stepId}\n                      onChange={(e) => updateStep(index, 'stepId', e.target.value)}\n                      placeholder=\"step_name\"\n                      className=\"mt-1\"\n                    />\n                  </div>\n                  <div>\n                    <Label htmlFor={`step-${index}-name`} className=\"text-xs\">\n                      {t('workflows.steps.stepName')} *\n                    </Label>\n                    <Input\n                      id={`step-${index}-name`}\n                      value={step.stepName}\n                      onChange={(e) => updateStep(index, 'stepName', e.target.value)}\n                      placeholder={t('workflows.steps.stepName')}\n                      className=\"mt-1\"\n                    />\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-1 self-end sm:self-auto\">\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => moveStep(index, 'up')}\n                    disabled={index === 0}\n                    title={t('common.moveUp')}\n                  >\n                    <ChevronUp className=\"h-4 w-4\" />\n                  </Button>\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => moveStep(index, 'down')}\n                    disabled={index === value.length - 1}\n                    title={t('common.moveDown')}\n                  >\n                    <ChevronDown className=\"h-4 w-4\" />\n                  </Button>\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => removeStep(index)}\n                    title={t('common.delete')}\n                  >\n                    <Trash2 className=\"h-4 w-4 text-destructive\" />\n                  </Button>\n                </div>\n              </div>\n\n              <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n                <div>\n                  <Label htmlFor={`step-${index}-type`} className=\"text-xs\">\n                    {t('workflows.steps.stepType')} *\n                  </Label>\n                  <Select\n                    value={step.stepType}\n                    onValueChange={(value) => updateStep(index, 'stepType', value)}\n                  >\n                    <SelectTrigger id={`step-${index}-type`} className=\"mt-1\">\n                      <SelectValue />\n                    </SelectTrigger>\n                    <SelectContent>\n                      {STEP_TYPES.map((type) => (\n                        <SelectItem key={type.value} value={type.value}>\n                          {t(`workflows.steps.types.${type.value}`)}\n                        </SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                </div>\n                <div>\n                  <Label htmlFor={`step-${index}-timeout`} className=\"text-xs\">\n                    {t('workflows.steps.timeout')} (ms)\n                  </Label>\n                  <Input\n                    id={`step-${index}-timeout`}\n                    type=\"number\"\n                    value={step.timeout || ''}\n                    onChange={(e) => updateStep(index, 'timeout', e.target.value ? parseInt(e.target.value) : undefined)}\n                    placeholder=\"30000\"\n                    className=\"mt-1\"\n                  />\n                </div>\n              </div>\n\n              {step.stepType === 'WAIT_FOR_TIMER' && (\n                <div className=\"grid grid-cols-1 sm:grid-cols-[1fr_auto_1fr] gap-3 items-end\">\n                  <div>\n                    <Label htmlFor={`step-${index}-duration`} className=\"text-xs\">\n                      {t('workflows.activities.waitDuration')}\n                    </Label>\n                    <Input\n                      id={`step-${index}-duration`}\n                      value={step.config?.duration || ''}\n                      onChange={(e) => updateStep(index, 'config', { ...step.config, duration: e.target.value, until: undefined })}\n                      placeholder={t('workflows.activities.waitDurationPlaceholder')}\n                      className=\"mt-1\"\n                    />\n                    <p className=\"text-xs text-muted-foreground mt-1\">\n                      {t('workflows.activities.waitDurationDescription')}\n                    </p>\n                  </div>\n                  <span className=\"text-xs text-muted-foreground pb-6\">{t('workflows.activities.waitOr')}</span>\n                  <div>\n                    <Label htmlFor={`step-${index}-until`} className=\"text-xs\">\n                      {t('workflows.activities.waitUntil')}\n                    </Label>\n                    <Input\n                      id={`step-${index}-until`}\n                      type=\"datetime-local\"\n                      value={step.config?.until ? step.config.until.slice(0, 16) : ''}\n                      onChange={(e) => updateStep(index, 'config', { ...step.config, until: e.target.value ? new Date(e.target.value).toISOString() : undefined, duration: undefined })}\n                      className=\"mt-1\"\n                    />\n                    <p className=\"text-xs text-muted-foreground mt-1\">\n                      {t('workflows.activities.waitUntilDescription')}\n                    </p>\n                  </div>\n                </div>\n              )}\n\n              <div>\n                <Label htmlFor={`step-${index}-description`} className=\"text-xs\">\n                  {t('workflows.steps.singular')} {t('workflows.definitions.description')}\n                </Label>\n                <Textarea\n                  id={`step-${index}-description`}\n                  value={step.description || ''}\n                  onChange={(e) => updateStep(index, 'description', e.target.value)}\n                  placeholder={t('workflows.form.placeholders.description')}\n                  rows={2}\n                  className=\"mt-1\"\n                />\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["value"]
 }

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

@@ -0,0 +1,148 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { AlarmClock, CircleCheck, Route, SquareDashed, Webhook, Workflow } from "lucide-react";
+import {
+  Drawer,
+  DrawerBody,
+  DrawerContent,
+  DrawerDescription,
+  DrawerHeader,
+  DrawerTitle
+} from "@open-mercato/ui/primitives/drawer";
+import { Badge } from "@open-mercato/ui/primitives/badge";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { LoadingMessage, ErrorMessage } from "@open-mercato/ui/backend/detail";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+const BLANK_CARD_ID = "blank";
+const TEMPLATE_ICONS = {
+  "check-circle": CircleCheck,
+  "webhook": Webhook,
+  "alarm-clock": AlarmClock,
+  "route": Route
+};
+function resolveTemplateIcon(icon) {
+  return TEMPLATE_ICONS[icon] ?? Workflow;
+}
+function TemplateGalleryDialog({ open, onOpenChange, onSelect }) {
+  const t = useT();
+  const [templates, setTemplates] = React.useState(null);
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [loadError, setLoadError] = React.useState(null);
+  const [activeCardId, setActiveCardId] = React.useState(BLANK_CARD_ID);
+  const loadTemplates = React.useCallback(async () => {
+    setIsLoading(true);
+    setLoadError(null);
+    const result = await apiCall("/api/workflows/templates");
+    if (result.ok && Array.isArray(result.result?.items)) {
+      setTemplates(result.result.items);
+    } else {
+      setLoadError(result.result?.error || t("workflows.templates.gallery.loadFailed", "Failed to load workflow templates"));
+    }
+    setIsLoading(false);
+  }, [t]);
+  React.useEffect(() => {
+    if (open && templates === null && !isLoading && !loadError) {
+      void loadTemplates();
+    }
+  }, [open, templates, isLoading, loadError, loadTemplates]);
+  React.useEffect(() => {
+    if (!open) setActiveCardId(BLANK_CARD_ID);
+  }, [open]);
+  const handleSelect = React.useCallback((cardId) => {
+    if (cardId === BLANK_CARD_ID) {
+      onOpenChange(false);
+      onSelect(null);
+      return;
+    }
+    const template = (templates ?? []).find((item) => item.id === cardId);
+    if (!template) return;
+    onOpenChange(false);
+    onSelect(template);
+  }, [templates, onOpenChange, onSelect]);
+  React.useEffect(() => {
+    if (!open) return;
+    const handleKeyDown = (event) => {
+      if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+        event.preventDefault();
+        handleSelect(activeCardId);
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [open, activeCardId, handleSelect]);
+  const cardClassName = (cardId) => `group relative flex w-full cursor-pointer flex-col gap-2 rounded-lg border-2 bg-background px-4 py-3 text-left transition-all hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ${activeCardId === cardId ? "border-primary" : "border-border hover:border-muted-foreground/30"}`;
+  return /* @__PURE__ */ jsx(Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+    DrawerContent,
+    {
+      "data-testid": "workflow-template-gallery-drawer",
+      className: "w-full max-w-none sm:w-3/5",
+      closeAriaLabel: t("workflows.templates.gallery.close", "Close template gallery"),
+      children: [
+        /* @__PURE__ */ jsxs(DrawerHeader, { children: [
+          /* @__PURE__ */ jsx(DrawerTitle, { children: t("workflows.templates.gallery.title", "Choose a template") }),
+          /* @__PURE__ */ jsx(DrawerDescription, { children: t("workflows.templates.gallery.description", "Start from a ready-made workflow or a blank canvas.") })
+        ] }),
+        /* @__PURE__ */ jsx(DrawerBody, { className: "py-4", children: isLoading ? /* @__PURE__ */ jsx(LoadingMessage, { label: t("workflows.templates.gallery.loading", "Loading templates...") }) : loadError ? /* @__PURE__ */ jsx(
+          ErrorMessage,
+          {
+            label: t("workflows.templates.gallery.loadFailed", "Failed to load workflow templates"),
+            description: loadError,
+            action: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => {
+              void loadTemplates();
+            }, children: t("common.retry", "Retry") })
+          }
+        ) : /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              "data-testid": "template-card-blank",
+              onClick: () => handleSelect(BLANK_CARD_ID),
+              onFocus: () => setActiveCardId(BLANK_CARD_ID),
+              onMouseEnter: () => setActiveCardId(BLANK_CARD_ID),
+              className: cardClassName(BLANK_CARD_ID),
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(SquareDashed, { className: "h-5 w-5 text-muted-foreground", "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground", children: t("workflows.templates.gallery.blank.name", "Blank canvas") })
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("workflows.templates.gallery.blank.description", "Start from scratch with an empty canvas.") })
+              ]
+            }
+          ),
+          (templates ?? []).map((template) => {
+            const Icon = resolveTemplateIcon(template.icon);
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                "data-testid": `template-card-${template.id}`,
+                onClick: () => handleSelect(template.id),
+                onFocus: () => setActiveCardId(template.id),
+                onMouseEnter: () => setActiveCardId(template.id),
+                className: cardClassName(template.id),
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+                      /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+                      /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-semibold text-foreground", children: t(template.nameKey) })
+                    ] }),
+                    /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "shrink-0", children: template.category })
+                  ] }),
+                  /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(template.descriptionKey) })
+                ]
+              },
+              template.id
+            );
+          })
+        ] }) })
+      ]
+    }
+  ) });
+}
+export {
+  TemplateGalleryDialog
+};
+//# sourceMappingURL=TemplateGalleryDialog.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/workflows/components/TemplateGalleryDialog.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport type { LucideIcon } from 'lucide-react'\nimport { AlarmClock, CircleCheck, Route, SquareDashed, Webhook, Workflow } from 'lucide-react'\nimport {\n  Drawer,\n  DrawerBody,\n  DrawerContent,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerTitle,\n} from '@open-mercato/ui/primitives/drawer'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { WorkflowDefinitionData } from '../data/entities'\n\nexport type WorkflowTemplateGalleryItem = {\n  id: string\n  nameKey: string\n  descriptionKey: string\n  category: string\n  icon: string\n  definition: WorkflowDefinitionData\n}\n\ntype TemplatesResponse = {\n  items?: WorkflowTemplateGalleryItem[]\n  error?: string\n}\n\nexport type TemplateGalleryDialogProps = {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  onSelect: (template: WorkflowTemplateGalleryItem | null) => void\n}\n\nconst BLANK_CARD_ID = 'blank'\n\nconst TEMPLATE_ICONS: Record<string, LucideIcon> = {\n  'check-circle': CircleCheck,\n  'webhook': Webhook,\n  'alarm-clock': AlarmClock,\n  'route': Route,\n}\n\nfunction resolveTemplateIcon(icon: string): LucideIcon {\n  return TEMPLATE_ICONS[icon] ?? Workflow\n}\n\n/**\n * TemplateGalleryDialog \u2014 the \"New workflow\" template picker (spec\n * 2026-07-26-workflows-ux-redesign.md section 2.1 \"Templates\").\n *\n * Lists the seeded templates from GET /api/workflows/templates as cards with\n * a \"Blank canvas\" card first. Selecting a card calls `onSelect` with the\n * chosen template (or `null` for blank canvas) and closes the dialog \u2014 the\n * host decides whether to navigate (definitions list) or apply the template\n * to the open canvas (visual editor).\n *\n * A Drawer rather than a modal: the gallery opens over the definitions list\n * and over the canvas, and a card grid is exactly the content the maintainer\n * wants room for. Keyboard unchanged: Escape cancels (Radix default),\n * Cmd/Ctrl+Enter selects the active card (blank canvas until a card is focused\n * or hovered).\n */\nexport function TemplateGalleryDialog({ open, onOpenChange, onSelect }: TemplateGalleryDialogProps) {\n  const t = useT()\n  const [templates, setTemplates] = React.useState<WorkflowTemplateGalleryItem[] | null>(null)\n  const [isLoading, setIsLoading] = React.useState(false)\n  const [loadError, setLoadError] = React.useState<string | null>(null)\n  const [activeCardId, setActiveCardId] = React.useState<string>(BLANK_CARD_ID)\n\n  const loadTemplates = React.useCallback(async () => {\n    setIsLoading(true)\n    setLoadError(null)\n    const result = await apiCall<TemplatesResponse>('/api/workflows/templates')\n    if (result.ok && Array.isArray(result.result?.items)) {\n      setTemplates(result.result.items)\n    } else {\n      setLoadError(result.result?.error || t('workflows.templates.gallery.loadFailed', 'Failed to load workflow templates'))\n    }\n    setIsLoading(false)\n  }, [t])\n\n  React.useEffect(() => {\n    if (open && templates === null && !isLoading && !loadError) {\n      void loadTemplates()\n    }\n  }, [open, templates, isLoading, loadError, loadTemplates])\n\n  React.useEffect(() => {\n    if (!open) setActiveCardId(BLANK_CARD_ID)\n  }, [open])\n\n  const handleSelect = React.useCallback((cardId: string) => {\n    if (cardId === BLANK_CARD_ID) {\n      onOpenChange(false)\n      onSelect(null)\n      return\n    }\n    const template = (templates ?? []).find((item) => item.id === cardId)\n    if (!template) return\n    onOpenChange(false)\n    onSelect(template)\n  }, [templates, onOpenChange, onSelect])\n\n  React.useEffect(() => {\n    if (!open) return\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n        event.preventDefault()\n        handleSelect(activeCardId)\n      }\n    }\n    window.addEventListener('keydown', handleKeyDown)\n    return () => window.removeEventListener('keydown', handleKeyDown)\n  }, [open, activeCardId, handleSelect])\n\n  const cardClassName = (cardId: string) => (\n    `group relative flex w-full cursor-pointer flex-col gap-2 rounded-lg border-2 bg-background px-4 py-3 text-left transition-all hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ${\n      activeCardId === cardId ? 'border-primary' : 'border-border hover:border-muted-foreground/30'\n    }`\n  )\n\n  return (\n    <Drawer open={open} onOpenChange={onOpenChange}>\n      <DrawerContent\n        data-testid=\"workflow-template-gallery-drawer\"\n        className=\"w-full max-w-none sm:w-3/5\"\n        closeAriaLabel={t('workflows.templates.gallery.close', 'Close template gallery')}\n      >\n        <DrawerHeader>\n          <DrawerTitle>{t('workflows.templates.gallery.title', 'Choose a template')}</DrawerTitle>\n          <DrawerDescription>\n            {t('workflows.templates.gallery.description', 'Start from a ready-made workflow or a blank canvas.')}\n          </DrawerDescription>\n        </DrawerHeader>\n        <DrawerBody className=\"py-4\">\n        {isLoading ? (\n          <LoadingMessage label={t('workflows.templates.gallery.loading', 'Loading templates...')} />\n        ) : loadError ? (\n          <ErrorMessage\n            label={t('workflows.templates.gallery.loadFailed', 'Failed to load workflow templates')}\n            description={loadError}\n            action={(\n              <Button variant=\"outline\" size=\"sm\" onClick={() => { void loadTemplates() }}>\n                {t('common.retry', 'Retry')}\n              </Button>\n            )}\n          />\n        ) : (\n          <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n            <button\n              type=\"button\"\n              data-testid=\"template-card-blank\"\n              onClick={() => handleSelect(BLANK_CARD_ID)}\n              onFocus={() => setActiveCardId(BLANK_CARD_ID)}\n              onMouseEnter={() => setActiveCardId(BLANK_CARD_ID)}\n              className={cardClassName(BLANK_CARD_ID)}\n            >\n              <div className=\"flex items-center gap-2\">\n                <SquareDashed className=\"h-5 w-5 text-muted-foreground\" aria-hidden=\"true\" />\n                <span className=\"text-sm font-semibold text-foreground\">\n                  {t('workflows.templates.gallery.blank.name', 'Blank canvas')}\n                </span>\n              </div>\n              <span className=\"text-xs text-muted-foreground\">\n                {t('workflows.templates.gallery.blank.description', 'Start from scratch with an empty canvas.')}\n              </span>\n            </button>\n            {(templates ?? []).map((template) => {\n              const Icon = resolveTemplateIcon(template.icon)\n              return (\n                <button\n                  key={template.id}\n                  type=\"button\"\n                  data-testid={`template-card-${template.id}`}\n                  onClick={() => handleSelect(template.id)}\n                  onFocus={() => setActiveCardId(template.id)}\n                  onMouseEnter={() => setActiveCardId(template.id)}\n                  className={cardClassName(template.id)}\n                >\n                  <div className=\"flex items-center justify-between gap-2\">\n                    <div className=\"flex min-w-0 items-center gap-2\">\n                      <Icon className=\"h-5 w-5 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n                      <span className=\"truncate text-sm font-semibold text-foreground\">{t(template.nameKey)}</span>\n                    </div>\n                    <Badge variant=\"secondary\" className=\"shrink-0\">{template.category}</Badge>\n                  </div>\n                  <span className=\"text-xs text-muted-foreground\">{t(template.descriptionKey)}</span>\n                </button>\n              )\n            })}\n          </div>\n        )}\n        </DrawerBody>\n      </DrawerContent>\n    </Drawer>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}