I've completely restructured the nodes to match the design in the screenshot:

1. Split into Two Nodes:

   • ApiTriggerNode: A simplified trigger node with teal styling that matches the "Customer Trigger" in the screenshot
   • ApiConfigNode: A new configuration node with blue styling that matches the "Multi Filter" in the screenshot

2. Trigger Node Changes:

   • Removed the settings/cog button
   • Changed the color scheme to teal to match the screenshot
   • Added a plus icon in a circle for the header
   • Kept the schedule display and start automation button

3. Config Node Features:

   • Added a left handle to receive connections
   • Used blue styling with a database icon in a circle
   • Added "Filter Group 1" text
   • Added Delete and Edit buttons
   • The Edit button opens the same configuration dialog as before
   • Added a plus button in the top right corner

4. Connection Between Nodes:

   • Updated the initial nodes and edges in react-flow-example.tsx to connect the two nodes
   • Added purple styling to the connection line
   • Made the connection animated

The functionality remains the same, but the UI now matches the design in the screenshot with the configuration dialog appearing when you click the "Edit" button on the second node.

I've removed the schedule triggers section from the configuration dialog and made the following changes:

1. Removed from the ApiTriggerNode:

   • Removed the schedule display section that was showing trigger information

2. Removed from the ApiConfigNode:

   • Removed the entire "Schedule Triggers" section from the configuration dialog
   • Removed the related functions: addTrigger, updateTrigger, toggleDayOfWeek, removeTrigger, and getOrdinal
   • Removed the triggers state from the handleSaveConfig function
   • Kept the triggers state variable for compatibility with existing data structure

3. Simplified the Configuration Dialog:

   • Now it only includes:

     • Integration selection
     • Integration type selection
     • Entity type selection
     • Data mapping section with linking field and additional field mappings

The configuration dialog is now more focused on the data mapping functionality without the scheduling options. The UI matches the design in the screenshot with the two connected nodes, and the configuration dialog appears when clicking the "Edit" button on the second node.