feat(chaining): event creation drawer (#6297)

Author: camrrx

openaev-api/src/main/java/io/openaev/api/chaining/ConditionMapper.java

@@ -86,6 +86,7 @@ private static ConditionOutput toConditionOutput(Condition c) {
         .keySubtype(c.getKeySubtype())
         .type(c.getType() != null ? c.getType().name() : null)
         .value(c.getValue())
+        .caseSensitive(c.isCaseSensitive())
         .conditionParentId(parentId)
         .mappingType(c.getMappingType())
         .build();
@@ -120,6 +121,7 @@ public static Condition toCondition(ConditionCreateInput input, Condition condit
         .keySubtype(input.getKeySubtype())
         .type(input.getType())
         .value(input.getValue())
+        .caseSensitive(input.getCaseSensitive() == null || input.getCaseSensitive())
         .conditionParent(conditionParent)
         .mappingType(resolveMappingType(input))
         .build();

openaev-api/src/main/java/io/openaev/api/chaining/dto/ConditionCreateInput.java

@@ -44,6 +44,11 @@ public class ConditionCreateInput {
   @JsonProperty("condition_value")
   private String value;
 
+  /** Whether the comparison is case-sensitive (default: true) */
+  @Schema(description = "Whether the comparison is case-sensitive")
+  @JsonProperty("condition_case_sensitive")
+  private Boolean caseSensitive;
+
   /** Condition key: Property to be mapped */
   @Schema(description = "Property to be mapped")
   @JsonProperty("condition_key")

openaev-api/src/main/java/io/openaev/api/chaining/dto/ConditionOutput.java

@@ -32,6 +32,9 @@ public class ConditionOutput {
   @JsonProperty("condition_value")
   private String value;
 
+  @JsonProperty("condition_case_sensitive")
+  private boolean caseSensitive;
+
   @JsonProperty("condition_parent_id")
   private String conditionParentId;
 

openaev-api/src/main/java/io/openaev/migration/V5_27__Add_condition_case_sensitive.java

@@ -0,0 +1,18 @@
+package io.openaev.migration;
+
+import java.sql.Statement;
+import org.flywaydb.core.api.migration.BaseJavaMigration;
+import org.flywaydb.core.api.migration.Context;
+import org.springframework.stereotype.Component;
+
+@Component
+public class V5_27__Add_condition_case_sensitive extends BaseJavaMigration {
+
+  @Override
+  public void migrate(Context context) throws Exception {
+    try (Statement statement = context.getConnection().createStatement()) {
+      statement.execute(
+          "ALTER TABLE conditions ADD COLUMN IF NOT EXISTS condition_case_sensitive BOOLEAN NOT NULL DEFAULT TRUE");
+    }
+  }
+}

openaev-api/src/main/java/io/openaev/utils/ConditionUtils.java

@@ -82,22 +82,30 @@ public boolean evaluateLeafCondition(String actualValue, Condition filter) {
       return true;
     }
     String target = filter.getValue();
+    boolean caseSensitive = filter.isCaseSensitive();
 
     switch (type) {
       case IS_NULL:
         return actualValue == null;
       case IS_NOT_NULL:
         return actualValue != null;
       case EQ:
-        return actualValue != null && actualValue.equalsIgnoreCase(target);
+        return actualValue != null
+            && (caseSensitive ? actualValue.equals(target) : actualValue.equalsIgnoreCase(target));
       case NEQ:
-        return actualValue != null && !actualValue.equalsIgnoreCase(target);
+        return actualValue != null
+            && (caseSensitive
+                ? !actualValue.equals(target)
+                : !actualValue.equalsIgnoreCase(target));
       case IN, NIN:
         if (actualValue == null || target == null) {
           return false;
         }
         List<String> targetList = Arrays.asList(target.split("\\s*,\\s*"));
-        boolean contains = targetList.stream().anyMatch(actualValue::equalsIgnoreCase);
+        boolean contains =
+            caseSensitive
+                ? targetList.stream().anyMatch(actualValue::equals)
+                : targetList.stream().anyMatch(actualValue::equalsIgnoreCase);
         return (type == ConditionType.IN) == contains;
       case GT, GTE, LT, LTE:
         return handleNumericComparison(actualValue, target, type);

openaev-front/src/admin/components/chaining/logic/Logic.tsx

@@ -22,6 +22,8 @@ const Logic = ({ workflowId, context }: LogicProps) => {
   const [validAssets, setValidAssets] = useState<ScopeAssetOutput[]>([]);
   // Track whether existing steps/events exist
   const [hasExistingData, setHasExistingData] = useState<boolean | null>(null);
+  // Count of existing events (used to generate default names)
+  const [eventCount, setEventCount] = useState(0);
   // Key to force LogicFlow re-mount after adding a step
   const [refreshKey, setRefreshKey] = useState(0);
   // Drawer navigation state (shared with ChainingFlowConfiguration)
@@ -56,6 +58,7 @@ const Logic = ({ workflowId, context }: LogicProps) => {
       const steps: StepOutput[] = stepsRes.data ?? [];
       const events: EventOutput[] = conditionsRes.data ?? [];
       setHasExistingData(steps.length > 0 || events.length > 0);
+      setEventCount(events.length);
     });
   }, [workflowId]);
 
@@ -64,6 +67,12 @@ const Logic = ({ workflowId, context }: LogicProps) => {
     setRefreshKey(k => k + 1);
   }, []);
 
+  const handleEventCreated = useCallback(() => {
+    setHasExistingData(true);
+    setEventCount(c => c + 1);
+    setRefreshKey(k => k + 1);
+  }, []);
+
   const handleOpenDrawer = useCallback(() => {
     setDrawerView('choose');
   }, []);
@@ -119,6 +128,8 @@ const Logic = ({ workflowId, context }: LogicProps) => {
         editingEvent={editingEvent}
         onEditingEventChange={setEditingEvent}
         onStepCreated={handleStepCreated}
+        onEventCreated={handleEventCreated}
+        eventCount={eventCount}
       />
     </div>
   );

openaev-front/src/admin/components/chaining/logic/chaining_flow/ChainingFlowConfiguration.tsx

@@ -48,6 +48,8 @@ interface ChainingFlowConfigurationProps {
     meta: EventMeta;
   } | null) => void;
   onStepCreated: () => void;
+  onEventCreated: () => void;
+  eventCount: number;
 }
 
 const ChainingFlowConfiguration = ({
@@ -60,6 +62,8 @@ const ChainingFlowConfiguration = ({
   editingEvent,
   onEditingEventChange,
   onStepCreated,
+  onEventCreated,
+  eventCount,
 }: ChainingFlowConfigurationProps) => {
   const { t } = useFormatter();
 
@@ -253,11 +257,13 @@ const ChainingFlowConfiguration = ({
       } else {
         await createCondition(event);
         MESSAGING$.notifySuccess(t('Event added successfully.'));
+        onEventCreated();
       }
       handleCloseAll();
       onStepCreated();
     } catch {
-      MESSAGING$.notifyError(t('Failed to create event.'));
+      if (editingEvent) MESSAGING$.notifyError(t('Failed to update event.'));
+      else MESSAGING$.notifyError(t('Failed to create event.'));
     }
   };
 
@@ -295,6 +301,7 @@ const ChainingFlowConfiguration = ({
         onSave={handleSaveEvent}
         initialData={editingEvent?.meta.formData}
         isEditing={!!editingEvent}
+        defaultEventName={!editingEvent ? `Event ${eventCount + 1}` : undefined}
       />
     </>
   );

openaev-front/src/admin/components/chaining/logic/events/ConfigureEventDetail.tsx

@@ -13,6 +13,7 @@ interface Props {
   onSave: (data: EventFormData) => void;
   initialData?: EventFormData;
   isEditing?: boolean;
+  defaultEventName?: string;
 }
 
 const ConfigureEventDetail: FunctionComponent<Props> = ({
@@ -22,26 +23,28 @@ const ConfigureEventDetail: FunctionComponent<Props> = ({
   onSave,
   initialData,
   isEditing = false,
+  defaultEventName,
 }) => {
   const { t } = useFormatter();
 
   return (
     <Drawer
       open={open}
       handleClose={onClose}
-      title={t('Add Events')}
+      title={isEditing ? t('Update Event') : t('Add Event')}
     >
       <div>
         <DrawerBreadcrumb
           parentLabel={t('Add Component')}
-          currentLabel={t('Add Event')}
+          currentLabel={isEditing ? t('Update Event') : t('Add Event')}
           onBack={onBack}
         />
         <EventCreationForm
           onSubmit={onSave}
           onCancel={onClose}
           initialData={initialData}
           submitLabel={isEditing ? t('Update Event') : t('Add Event')}
+          defaultName={defaultEventName}
         />
       </div>
     </Drawer>

openaev-front/src/admin/components/chaining/logic/events/EventConditionRow.tsx

@@ -10,6 +10,7 @@ import {
   type SelectChangeEvent,
   Switch,
   TextField,
+  Tooltip,
   Typography,
 } from '@mui/material';
 import { useTheme } from '@mui/material/styles';
@@ -162,28 +163,30 @@ const EventConditionRow: FunctionComponent<Props> = ({
       }}
       >
         {showCaseSensitive && (
-          <div style={{
-            display: 'flex',
-            alignItems: 'center',
-            gap: 2,
-          }}
-          >
-            <Switch
-              size="small"
-              checked={condition.caseSensitive}
-              onChange={handleCaseSensitiveToggle}
-              color="primary"
-            />
-            <Typography
-              variant="caption"
-              sx={{
-                fontWeight: 600,
-                whiteSpace: 'nowrap',
-              }}
+          <Tooltip title={condition.caseSensitive ? t('Case-sensitive') : t('Case-insensitive')}>
+            <div style={{
+              display: 'flex',
+              alignItems: 'center',
+              gap: 2,
+            }}
             >
-              {t('Aa')}
-            </Typography>
-          </div>
+              <Switch
+                size="small"
+                checked={condition.caseSensitive}
+                onChange={handleCaseSensitiveToggle}
+                color="primary"
+              />
+              <Typography
+                variant="caption"
+                sx={{
+                  fontWeight: 600,
+                  whiteSpace: 'nowrap',
+                }}
+              >
+                {t('Aa')}
+              </Typography>
+            </div>
+          </Tooltip>
         )}
 
         {/* Delete button — only visible when more than one condition */}

openaev-front/src/admin/components/chaining/logic/events/EventCreationForm.tsx

@@ -30,20 +30,22 @@ interface EventCreationFormProps {
   onCancel: () => void;
   initialData?: EventFormData;
   submitLabel?: string;
+  defaultName?: string;
 }
 
 const EventCreationForm: FunctionComponent<EventCreationFormProps> = ({
   onSubmit,
   onCancel,
   initialData,
   submitLabel,
+  defaultName,
 }) => {
   const { t } = useFormatter();
   const methods = useForm<EventBaseInput>({
     mode: 'onChange',
     resolver: zodResolver(eventBaseSchema),
     defaultValues: {
-      event_name: initialData?.name ?? '',
+      event_name: initialData?.name ?? defaultName ?? '',
       event_description: initialData?.description ?? '',
     },
   });
@@ -69,11 +71,14 @@ const EventCreationForm: FunctionComponent<EventCreationFormProps> = ({
 
   const handleAddConditionGroup = useCallback(() => {
     setConditionGroups(prev => [...prev, createEmptyGroup('AND')]);
-    setGroupOperators(prev => [...prev, 'AND']);
+    // Preserve the current operator so the new gap stays in sync with the others
+    setGroupOperators(prev => [...prev, prev[0] ?? 'AND']);
   }, []);
 
   const handleUpdateGroupOperator = useCallback((gapIndex: number, op: LogicalOperator) => {
-    setGroupOperators(prev => prev.map((o, i) => (i === gapIndex ? op : o)));
+    // The backend stores a single root operator for all groups.
+    // All gap operators must stay in sync — update every gap to the new value.
+    setGroupOperators(prev => prev.map(() => op));
   }, []);
 
   const cloneGroup = (conditionGroup: ConditionGroup): ConditionGroup => ({
@@ -107,20 +112,25 @@ const EventCreationForm: FunctionComponent<EventCreationFormProps> = ({
     const [moved] = srcGroup.conditions.splice(sourceIdx, 1); // remove from source
     dstGroup.conditions.splice(destinationIdx, 0, moved); // add in destination
 
-    // Remove any top-level group that became empty after the drag
-    const nonEmptyIndices: number[] = [];
-    const cleaned = next.filter((g, i) => {
-      const keep = g.conditions.length > 0 || g.subGroups.length > 0;
-      if (keep) nonEmptyIndices.push(i);
-      return keep;
-    });
+    // Remove top-level groups that became empty after the drag.
+    const emptyIndices = next
+      .map((_, i) => i)
+      .filter(i => next[i].conditions.length === 0 && next[i].subGroups.length === 0)
+      .reverse();
+
+    let groups = next;
+    let ops = groupOperators;
 
-    // Keep only the operators between groups that both survived
-    setConditionGroups(cleaned.length > 0 ? cleaned : next);
-    if (cleaned.length < next.length) {
-      setGroupOperators(prev => prev.filter((_, i) => nonEmptyIndices.includes(i)));
+    for (const k of emptyIndices) {
+      if (groups.length <= 1) break; // always keep at least one group
+      const opIndex = Math.max(0, k - 1);
+      groups = groups.filter((_, i) => i !== k);
+      ops = ops.filter((_, i) => i !== opIndex);
     }
-  }, [conditionGroups]);
+
+    setConditionGroups(groups);
+    setGroupOperators(ops);
+  }, [conditionGroups, groupOperators]);
 
   const conditionsValid = isEventFormValid({
     name: 'placeholder',