feat(ui): Support 'validate' as alias for 'validation' function name

Add 'validate' as an accepted built-in function type alongside
'validation' in all UI components and bump version to 2.0.18.
Also add optional path field to ValidationRule type.

Author: shankar-gpio

ui/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@goplasmatic/dataflow-ui",
-  "version": "2.0.17",
+  "version": "2.0.18",
   "type": "module",
   "description": "React visualization library for dataflow-rs workflow engine",
   "author": "Plasmatic Engineering <shankar@goplasmatic.io>",

ui/package.json

@@ -22,7 +22,7 @@ function getTaskSubtitle(task: Task): string | null {
     }
   }
 
-  if (fn.name === 'validation' && fn.input) {
+  if ((fn.name === 'validation' || fn.name === 'validate') && fn.input) {
     const input = fn.input as unknown as ValidationFunctionInput;
     if (input.rules) {
       const count = input.rules.length;

ui/src/components/workflow-visualizer/cards/TaskRow.tsx

@@ -116,7 +116,7 @@ export function TaskNode({
 
   const hasCondition = task.condition !== undefined && task.condition !== null && task.condition !== true;
   const mappings = functionName === 'map' ? (input?.mappings as MappingItem[]) || [] : [];
-  const rules = functionName === 'validation' ? (input?.rules as ValidationRule[]) || [] : [];
+  const rules = (functionName === 'validation' || functionName === 'validate') ? (input?.rules as ValidationRule[]) || [] : [];
   const hasChildren = hasCondition || mappings.length > 0 || rules.length > 0;
 
   const isTaskSelected = selection.type === 'task' &&

ui/src/components/workflow-visualizer/components/TaskNode.tsx

@@ -28,7 +28,7 @@ export function TaskContent({ selection }: TaskContentProps) {
       if (functionName === 'map') {
         // For aggregate map view, use context before first mapping
         debugData = getMappingContext(step, 0);
-      } else if (functionName === 'validation' && step.message) {
+      } else if ((functionName === 'validation' || functionName === 'validate') && step.message) {
         // Validation is read-only, use task-level context
         debugData = step.message.context;
       }
@@ -55,7 +55,7 @@ export function TaskContent({ selection }: TaskContentProps) {
   }
 
   // For validation function, show all rules as AND expression
-  if (functionName === 'validation') {
+  if (functionName === 'validation' || functionName === 'validate') {
     const rules = (input?.rules as ValidationRule[]) || [];
     const andExpression: JsonLogicValue = {
       and: rules.map((rule) => rule.logic),

ui/src/components/workflow-visualizer/views/detail-views/TaskContent.tsx

@@ -91,6 +91,8 @@ export interface ValidationRule {
   logic: JsonLogicValue;
   /** Error message if validation fails */
   message: string;
+  /** Optional path for the validation target */
+  path?: string;
 }
 
 /**
@@ -103,13 +105,13 @@ export interface ValidationFunctionInput {
 /**
  * Built-in function types
  */
-export type BuiltinFunctionType = 'map' | 'validation';
+export type BuiltinFunctionType = 'map' | 'validation' | 'validate';
 
 /**
  * Check if a function is a built-in type
  */
 export function isBuiltinFunction(name: string): name is BuiltinFunctionType {
-  return name === 'map' || name === 'validation';
+  return name === 'map' || name === 'validation' || name === 'validate';
 }
 
 /**
@@ -123,6 +125,7 @@ export function getFunctionDisplayInfo(name: string): {
   switch (name) {
     case 'map':
       return { label: 'Map', colorClass: 'df-function-badge-map', Icon: ArrowRightLeft };
+    case 'validate':
     case 'validation':
       return { label: 'Validation', colorClass: 'df-function-badge-validation', Icon: CheckCircle };
     default: