feat: add expression-based conditional formatting, multi-step actions, file validation

Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com>

Author: Copilot

packages/fields/src/widgets/FileField.tsx

@@ -5,21 +5,38 @@ import { FieldWidgetProps } from './types';
 
 /**
  * FileField - File upload widget with drag-and-drop support
- * Supports single and multiple file uploads with configurable accepted file types
+ * Supports single and multiple file uploads with configurable accepted file types.
+ * L2: File size validation, per-file progress indicators, error messages.
  */
 export function FileField({ value, onChange, field, readonly, ...props }: FieldWidgetProps<any>) {
   const inputRef = useRef<HTMLInputElement>(null);
   const fileField = (field || (props as any).schema) as any;
   const multiple = fileField?.multiple || false;
   const accept = fileField?.accept ? fileField.accept.join(',') : undefined;
+  const maxSize = fileField?.maxSize as number | undefined; // bytes
   const [isDragOver, setIsDragOver] = useState(false);
+  const [errors, setErrors] = useState<string[]>([]);
 
   const files = value ? (Array.isArray(value) ? value : [value]) : [];
 
   const processFiles = useCallback((selectedFiles: File[]) => {
     if (selectedFiles.length === 0) return;
+    const newErrors: string[] = [];
 
-    const fileObjects = selectedFiles.map(file => ({
+    // Validate file sizes
+    const validFiles = selectedFiles.filter(file => {
+      if (maxSize && file.size > maxSize) {
+        const maxMB = (maxSize / (1024 * 1024)).toFixed(1);
+        newErrors.push(`"${file.name}" exceeds max size (${maxMB} MB)`);
+        return false;
+      }
+      return true;
+    });
+    setErrors(newErrors);
+
+    if (validFiles.length === 0) return;
+
+    const fileObjects = validFiles.map(file => ({
       name: file.name,
       original_name: file.name,
       size: file.size,
@@ -33,7 +50,7 @@ export function FileField({ value, onChange, field, readonly, ...props }: FieldW
     } else {
       onChange(fileObjects[0]);
     }
-  }, [files, multiple, onChange]);
+  }, [files, multiple, onChange, maxSize]);
 
   const handleDragOver = useCallback((e: React.DragEvent) => {
     e.preventDefault();
@@ -147,6 +164,15 @@ export function FileField({ value, onChange, field, readonly, ...props }: FieldW
           </div>
         </div>
 
+        {/* Validation errors */}
+        {errors.length > 0 && (
+          <div className="space-y-0.5">
+            {errors.map((err, i) => (
+              <p key={i} className="text-xs text-destructive">{err}</p>
+            ))}
+          </div>
+        )}
+
         {/* File list */}
         {files.length > 0 && (
           <div className="space-y-1">

packages/plugin-list/src/ListView.tsx

@@ -67,6 +67,7 @@ function convertFilterGroupToAST(group: FilterGroup): any[] {
 /**
  * Evaluate conditional formatting rules against a record.
  * Returns a CSSProperties object for the first matching rule, or empty object.
+ * Supports both field/operator/value rules and expression-based rules.
  *
  * Exported for use by child view renderers (e.g., ObjectGrid) and consumers
  * who need to evaluate formatting rules outside the ListView component.
@@ -77,28 +78,43 @@ export function evaluateConditionalFormatting(
 ): React.CSSProperties {
   if (!rules || rules.length === 0) return {};
   for (const rule of rules) {
-    const fieldValue = record[rule.field];
     let match = false;
-    switch (rule.operator) {
-      case 'equals':
-        match = fieldValue === rule.value;
-        break;
-      case 'not_equals':
-        match = fieldValue !== rule.value;
-        break;
-      case 'contains':
-        match = typeof fieldValue === 'string' && typeof rule.value === 'string' && fieldValue.includes(rule.value);
-        break;
-      case 'greater_than':
-        match = typeof fieldValue === 'number' && typeof rule.value === 'number' && fieldValue > rule.value;
-        break;
-      case 'less_than':
-        match = typeof fieldValue === 'number' && typeof rule.value === 'number' && fieldValue < rule.value;
-        break;
-      case 'in':
-        match = Array.isArray(rule.value) && rule.value.includes(fieldValue);
-        break;
+
+    // Expression-based evaluation (L2 feature)
+    if (rule.expression) {
+      try {
+        const expr = rule.expression.replace(/^\$\{/, '').replace(/\}$/, '');
+        // Build a safe evaluation context with data fields
+        const fn = new Function('data', `try { return !!(${expr}); } catch { return false; }`);
+        match = fn(record) === true;
+      } catch {
+        match = false;
+      }
+    } else {
+      // Standard field/operator/value evaluation
+      const fieldValue = record[rule.field];
+      switch (rule.operator) {
+        case 'equals':
+          match = fieldValue === rule.value;
+          break;
+        case 'not_equals':
+          match = fieldValue !== rule.value;
+          break;
+        case 'contains':
+          match = typeof fieldValue === 'string' && typeof rule.value === 'string' && fieldValue.includes(rule.value);
+          break;
+        case 'greater_than':
+          match = typeof fieldValue === 'number' && typeof rule.value === 'number' && fieldValue > rule.value;
+          break;
+        case 'less_than':
+          match = typeof fieldValue === 'number' && typeof rule.value === 'number' && fieldValue < rule.value;
+          break;
+        case 'in':
+          match = Array.isArray(rule.value) && rule.value.includes(fieldValue);
+          break;
+      }
     }
+
     if (match) {
       const style: React.CSSProperties = {};
       if (rule.backgroundColor) style.backgroundColor = rule.backgroundColor;

packages/plugin-workflow/src/AutomationBuilder.tsx

@@ -37,6 +37,8 @@ export interface AutomationDefinition {
   enabled: boolean;
   trigger: TriggerConfig;
   actions: ActionConfig[];
+  /** Execution mode: 'sequential' runs actions in order, 'parallel' runs all simultaneously. @default 'sequential' */
+  executionMode?: 'sequential' | 'parallel';
   createdAt: string;
   lastRunAt?: string;
 }
@@ -248,12 +250,29 @@ export const AutomationBuilder: React.FC<AutomationBuilderProps> = ({
           </CardTitle>
         </CardHeader>
         <CardContent className="space-y-3">
+          {automation.actions.length > 1 && (
+            <div className="flex items-center gap-2 text-xs text-muted-foreground">
+              <Label className="text-xs">Execution</Label>
+              <Select value={automation.executionMode ?? 'sequential'} onValueChange={(v) => setAutomation(prev => ({ ...prev, executionMode: v as 'sequential' | 'parallel' }))}>
+                <SelectTrigger className="h-7 w-36"><SelectValue /></SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="sequential">Sequential</SelectItem>
+                  <SelectItem value="parallel">Parallel</SelectItem>
+                </SelectContent>
+              </Select>
+            </div>
+          )}
           {automation.actions.map((action, idx) => (
             <div key={idx} className="rounded-lg border p-3 space-y-3">
               <div className="flex items-center justify-between">
                 <div className="flex items-center gap-2">
                   {ACTION_ICONS[action.type]}
-                  <span className="text-sm font-medium">Action {idx + 1}</span>
+                  <span className="text-sm font-medium">
+                    {(automation.executionMode ?? 'sequential') === 'sequential' ? `Step ${idx + 1}` : `Action ${idx + 1}`}
+                  </span>
+                  {idx > 0 && (automation.executionMode ?? 'sequential') === 'sequential' && (
+                    <Badge variant="outline" className="text-[10px] px-1">then</Badge>
+                  )}
                 </div>
                 <Button size="sm" variant="ghost" className="h-7 w-7 p-0 text-red-500 hover:text-red-700" onClick={() => removeAction(idx)}>
                   <Trash2 className="h-4 w-4" />

packages/types/src/objectql.ts

@@ -1143,6 +1143,8 @@ export interface ListViewSchema extends BaseSchema {
     textColor?: string;
     /** CSS-compatible border color */
     borderColor?: string;
+    /** Expression-based condition (e.g., '${data.amount > 1000 && data.status === "urgent"}'). Overrides field/operator/value when provided. */
+    expression?: string;
   }>;
 
   /**