@flowuent-org/diagramming-core 1.2.7 → 1.2.9

package/apps/diagramming/src/AutomationDiagramData.ts

@@ -1,825 +1,893 @@
-import { MarkerType } from '@xyflow/react';
-
-// Default nodes for the automation diagram
-export const automationDefaultNodes = [
-  {
-    id: 'start-node',
-    type: 'AutomationStartNode',
-    position: { x: 100, y: 200 },
-    data: {
-      // Display data for the node UI
-      label: 'Workflow Trigger',
-      description: 'Workflow entry point. Triggered manually or on schedule.',
-      status: 'Ready',
-      lastRun: 'Never',
-      duration: '0.0s',
-      // iconName: 'PlayArrow', // Users must define their own icons
-
-      // Form data for configuration (keeping existing structure for compatibility)
-      formData: {
-        nodeId: 'start-node',
-        title: 'Workflow Trigger',
-        type: 'start',
-        triggerType: 'manual',
-        scheduleConfig: {
-          frequency: 'daily',
-          time: '09:00',
-          timezone: 'UTC',
-        },
-        eventConfig: {
-          webhookUrl: '',
-          eventType: 'webhook',
-          filters: [],
-        },
-        initialVariables: [
-          {
-            name: 'runId',
-            value: '{{timestamp}}',
-            type: 'string',
-          },
-          {
-            name: 'startTime',
-            value: '{{now}}',
-            type: 'string',
-          },
-        ],
-        outputVariable: 'workflowContext',
-        isPinned: false,
-        isBlock: false,
-        blocks: [],
-        parallelChildrenCount: 0,
-        conditions: {
-          combinator: 'and',
-          rules: [],
-        },
-      },
-    },
-    width: 336,
-    height: 150,
-    measured: { width: 336, height: 150 },
-  },
-  {
-    id: 'api-call-node',
-    type: 'AutomationApiNode',
-    position: { x: 500, y: 200 },
-    data: {
-      // Display data for the node UI
-      label: 'Discover Headlines',
-      description:
-        "This node extracts all news headlines from CNN's homepage using web scraping techniques.",
-      status: 'Ready',
-      lastRun: 'Never',
-      duration: '0.8s',
-      iconName: 'Api', // Users must define their own icons
-
-      // Form data for configuration
-      formData: {
-        nodeId: 'api-call-node',
-        title: 'Discover Headlines',
-        type: 'api',
-        method: 'GET',
-        url: 'https://jsonplaceholder.typicode.com/posts',
-        headers: [
-          { key: 'Content-Type', value: 'application/json', enabled: true },
-          { key: 'Accept', value: 'application/json', enabled: true },
-          { key: 'User-Agent', value: 'AutomationBot/1.0', enabled: true },
-        ],
-        queryParams: [
-          { key: '_limit', value: '15', enabled: true },
-          { key: 'userId', value: '1', enabled: true },
-        ],
-        body: '',
-        bodyType: 'json',
-        timeout: 30000,
-        retryCount: 3,
-        retryDelay: 1000,
-        responseVariable: 'postsResponse',
-        responseDataType: 'Object',
-        errorHandling: {
-          onError: 'retry',
-          maxRetries: 3,
-          fallbackValue: '{"error": "Failed to fetch posts data"}',
-        },
-        // Schema matching data for the three boxes
-        schemaMatch: {
-          matched: 5,
-          partial: 0,
-          ignored: 1,
-        },
-        // Configuration cards for dynamic display
-        configurationCards: [
-          {
-            icon: '⚙️',
-            label: 'GPT-5 Thinking mini · v1',
-            iconColor: '#ffffff',
-          },
-          {
-            icon: '🗄️',
-            label: 'KB: CNN_Homepage_Titles (18 items)',
-            iconColor: '#10b981',
-          },
-        ],
-        // AI Suggestions count and data
-        aiSuggestionsCount: 2,
-        aiSuggestions: [
-          {
-            id: '1',
-            title: 'Add Citation Extraction',
-            description: 'Automatically extract and format citations from article content.',
-            tags: ['classification', 'enhancement'],
-          },
-          {
-            id: '2',
-            title: 'Generate Bullet Summary',
-            description: 'Create a concise bullet-point summary of the article\'s main points.',
-            tags: ['classification', 'enhancement'],
-          },
-        ],
-        isPinned: false,
-        isBlock: false,
-        blocks: [],
-        parallelChildrenCount: 0,
-        conditions: {
-          combinator: 'and',
-          rules: [],
-        },
-      },
-    },
-    width: 336,
-    height: 150,
-    measured: { width: 336, height: 150 },
-  },
-  {
-    id: 'navigation-node',
-    type: 'AutomationNavigationNode',
-    position: { x: 600, y: 200 },
-    data: {
-      // Display data for the node UI
-      label: 'Navigate to Website',
-      description: 'Navigate to the target website and wait for page load',
-      status: 'Ready',
-      navigationType: 'navigate',
-      url: 'https://example.com',
-      lastRun: 'Never',
-      backgroundColor: '#181C25',
-      textColor: '#ffffff',
-      borderColor: '#1e293b',
-      iconName: 'Navigation',
-      // Form data for configuration
-      formData: {
-        nodeId: 'navigation-node',
-        title: 'Navigate to Website',
-        type: 'navigation',
-        navigationType: 'navigate',
-        url: 'https://example.com',
-        timeout: 30000,
-        retryCount: 3,
-        outputVariable: 'navigationResult',
-        errorHandling: {
-          onError: 'retry',
-          maxRetries: 3,
-          fallbackAction: 'skip',
-        },
-        isPinned: false,
-        isBlock: false,
-        blocks: [],
-        parallelChildrenCount: 0,
-        conditions: {
-          combinator: 'and',
-          rules: [],
-        },
-      },
-    },
-    width: 336,
-    height: 150,
-    measured: { width: 336, height: 150 },
-  },
-  {
-    id: 'ai-suggestion-node',
-    type: 'AutomationAISuggestionNode',
-    position: { x: 900, y: 200 },
-    data: {
-      label: 'Citation Extractor',
-      description: 'Extract and format citation from article text.',
-      iconName: 'Lightbulb',
-      formData: {
-        badgeText: 'Suggested Node',
-        mapping: { from: 'references', to: 'source_text' },
-        pointers: [
-          'Ensures proper attribution',
-          'Creates standardized reference format',
-          'Enables source verification',
-        ],
-      },
-    },
-    width: 336,
-    height: 150,
-    measured: { width: 336, height: 150 },
-  },
-  {
-    id: 'data-formatting-node',
-    type: 'AutomationFormattingNode',
-    position: { x: 700, y: 200 },
-    data: {
-      // Display data for the node UI
-      label: 'Article Analyzer',
-      description:
-        'Extract and analyze article content, generate summaries and topic classifications.',
-      status: 'Ready',
-      lastRun: '2 minutes ago',
-      duration: '1.2s',
-      // iconName: 'Article', // Users must define their own icons
-
-      // Form data for configuration (keeping existing structure for compatibility)
-      formData: {
-        nodeId: 'data-formatting-node',
-        title: 'Article Analyzer',
-        type: 'formatting',
-        inputVariable: 'postsResponse',
-        formattingType: 'ai-powered',
-        aiFormatting: {
-          apiUrl:
-            'https://generativelanguage.googleapis.com/v1beta/models/gemini-2.0-flash:generateContent',
-          apiKey: 'PUT_GEMINI_API_KEY_HERE',
-          model: 'GPT-5 Thinking mini',
-          instruction:
-            'Extract and analyze article content, generate summaries and topic classifications. Return structured JSON with title, url, author, published_date, summary, topics, and confidence.',
-          temperature: 0.1,
-          maxTokens: 2048,
-          topP: 0.95,
-          systemPrompt:
-            'You are an article analysis assistant. Extract key information and provide structured analysis. Always return valid JSON format.',
-        },
-        outputVariable: 'analyzedArticle',
-        outputDataType: 'Object',
-        // Schema matching data for the three boxes
-        schemaMatch: {
-          matched: 4,
-          partial: 1,
-          ignored: 0,
-        },
-        // AI Reasoning data
-        aiReasoning: {
-          text: 'Analyzed the selected headline for key components and promises',
-        },
-        // Configuration cards for dynamic display
-        configurationCards: [
-          {
-            icon: '🧠',
-            label: 'GPT-5 Thinking mini · v1',
-            iconColor: '#ffffff',
-          },
-          {
-            icon: '📚',
-            label: 'KB: CNN_Articles (18 items)',
-            iconColor: '#10b981',
-          },
-        ],
-        // AI Suggestions count
-        aiSuggestionsCount: 2,
-        isPinned: false,
-        isBlock: false,
-        blocks: [],
-        parallelChildrenCount: 0,
-        conditions: {
-          combinator: 'and',
-          rules: [],
-        },
-      },
-    },
-    width: 336,
-    height: 150,
-    measured: { width: 336, height: 150 },
-  },
-  {
-    id: 'google-sheets-node',
-    type: 'AutomationSheetsNode',
-    position: { x: 1100, y: 200 },
-    data: {
-      // Display data for the node UI
-      label: 'Data Sync Node',
-      description:
-        'Export formatted data to Google Sheets for analysis and reporting.',
-      status: 'Ready',
-      lastRun: '2m ago',
-      duration: '2.1s',
-      iconName: 'TableChart', // Users must define their own icons
-
-      // Form data for configuration (keeping existing structure for compatibility)
-      formData: {
-        nodeId: 'google-sheets-node',
-        title: 'Google Sheets Export',
-        type: 'sheets',
-        inputVariable: 'analyzedArticle',
-        sheetsConfig: {
-          spreadsheetId: '',
-          sheetName: 'News Analysis2',
-          range: 'A1:F16',
-          credentials: {
-            type: 'oauth',
-            clientId: 'PUT_GOOGLE_OAUTH_CLIENT_ID_HERE',
-            scopes: ['https://www.googleapis.com/auth/spreadsheets'],
-          },
-        },
-        dataMapping: {
-          headers: [
-            { column: 'A', sourceField: 'title', dataType: 'string' },
-            { column: 'B', sourceField: 'author', dataType: 'string' },
-            { column: 'C', sourceField: 'published_date', dataType: 'date' },
-            { column: 'D', sourceField: 'summary', dataType: 'string' },
-            { column: 'E', sourceField: 'topics', dataType: 'string' },
-            { column: 'F', sourceField: 'confidence', dataType: 'number' },
-          ],
-          appendMode: true,
-          clearSheet: false,
-        },
-        exportOptions: {
-          exportFormat: 'sheets',
-          emailRecipients: ['recipient@example.com'],
-          fileName: 'news_analysis_report',
-          includeHeaders: true,
-          sendEmailNotification: false,
-          emailSendEnabled: true,
-          emailSender: 'sender@example.com',
-          emailSubject: 'News Analysis Results',
-          emailMessage: 'Please find the latest news analysis output.',
-          includeSpreadsheetLink: false,
-          attachExcel: false,
-          // Slack output disabled
-          slack: {
-            enabled: true,
-            webhookUrl: 'https://hooks.slack.com/services/PUT/WEBHOOK/URL',
-            channel: 'your-slack-channel',
-            messageTemplate:
-              'New analysis ready: {{fileName}}. Rows added: {{rowsAdded}}.',
-            includeDataMode: 'json',
-            includeSpreadsheetLink: false,
-          },
-          // WhatsApp output disabled
-          whatsapp: {
-            enabled: true,
-            phoneNumber: '+94716999591',
-            messageTemplate:
-              'Automation Result: {{fileName}} completed successfully. Rows processed: {{rowsAdded}}.',
-            includeDataMode: 'summary',
-            // Twilio configuration (optional)
-            twilio: {
-              enabled: true,
-              accountSid: 'PUT_TWILIO_ACCOUNT_SID_HERE',
-              authToken: 'PUT_TWILIO_AUTH_TOKEN_HERE',
-              fromNumber: 'whatsapp:+14155238886', // Twilio sandbox number
-              isSandbox: true,
-              templateSid: 'PUT_TWILIO_TEMPLATE_SID_HERE', // Optional for template messages
-              templateVariables: {
-                fileName: '{{fileName}}',
-                rowsAdded: '{{rowsAdded}}',
-              },
-            },
-          },
-        },
-        outputVariable: 'sheetsResponse',
-        errorHandling: {
-          onError: 'retry',
-          maxRetries: 3,
-          fallbackAction: 'log',
-        },
-        // AI Suggestions count
-        aiSuggestionsCount: 2,
-        isPinned: false,
-        isBlock: false,
-        blocks: [],
-        parallelChildrenCount: 0,
-        conditions: {
-          combinator: 'and',
-          rules: [],
-        },
-      },
-    },
-    width: 380,
-    height: 280,
-    measured: { width: 380, height: 280 },
-  },
-  {
-    id: 'note-node-1',
-    type: 'AutomationNoteNode',
-    position: { x: 700, y: 50 },
-    data: {
-      label: 'Article Analyzer',
-      description:
-        'This node performs a final review of all processed data, ensuring quality and consistency across outputs.',
-      iconName: 'Description',
-      noteType: 'purpose',
-      formData: {
-        nodeId: 'note-node-1',
-        title: 'Article Analyzer',
-        type: 'note',
-        noteType: 'purpose',
-        description:
-          'This node performs a final review of all processed data, ensuring quality and consistency across outputs.',
-        isPinned: false,
-        isBlock: false,
-        blocks: [],
-        parallelChildrenCount: 0,
-        conditions: {
-          combinator: 'and',
-          rules: [],
-        },
-      },
-    },
-    width: 336,
-    height: 150,
-    measured: { width: 336, height: 150 },
-  },
-  {
-    id: 'note-node-2',
-    type: 'AutomationNoteNode',
-    position: { x: 500, y: 50 },
-    data: {
-      label: 'Discover Headlines',
-      description:
-        'This node performs a final review of all processed data, ensuring quality and consistency across outputs.',
-      iconName: 'Description',
-      noteType: 'info',
-      formData: {
-        nodeId: 'note-node-2',
-        title: 'Discover Headlines',
-        type: 'note',
-        noteType: 'info',
-        description:
-          'This node performs a final review of all processed data, ensuring quality and consistency across outputs.',
-        isPinned: false,
-        isBlock: false,
-        blocks: [],
-        parallelChildrenCount: 0,
-        conditions: {
-          combinator: 'and',
-          rules: [],
-        },
-      },
-    },
-    width: 336,
-    height: 150,
-    measured: { width: 336, height: 150 },
-  },
-  {
-    id: 'end-node',
-    type: 'AutomationEndNode',
-    position: { x: 1500, y: 200 },
-    data: {
-      // Display data for the node UI
-      label: 'Results Display',
-      description: 'Display analyzed article results to the user.',
-      status: 'Ready',
-      lastRun: '1 minute ago',
-      duration: '0.3s',
-      // iconName: 'Stop', // Users must define their own icons
-
-      // Form data for configuration (keeping existing structure for compatibility)
-      formData: {
-        nodeId: 'end-node',
-        title: 'Results Display',
-        type: 'end',
-        outputType: 'display',
-        displayConfig: {
-          format: 'table',
-          showInConsole: true,
-          showInUI: true,
-          maxRows: 100,
-        },
-        storeConfig: {
-          destination: 'database',
-          connectionString: '',
-          tableName: 'automation_results',
-          fileName: 'automation_output.json',
-          format: 'json',
-        },
-        sendConfig: {
-          method: 'email',
-          recipients: ['admin@example.com'],
-          subject: 'Automation Results',
-          template: 'The automation workflow has completed successfully.',
-          webhookUrl: '',
-        },
-        webhookConfig: {
-          url: '',
-          method: 'POST',
-          headers: [
-            { key: 'Content-Type', value: 'application/json' },
-            { key: 'Authorization', value: 'Bearer {{webhookToken}}' },
-          ],
-          payloadTemplate: '{{analyzedArticle}}',
-        },
-        // AI Suggestions count
-        aiSuggestionsCount: 2,
-        isPinned: false,
-        isBlock: false,
-        blocks: [],
-        parallelChildrenCount: 0,
-        conditions: {
-          combinator: 'and',
-          rules: [],
-        },
-      },
-    },
-    width: 336,
-    height: 150,
-    measured: { width: 336, height: 150 },
-  },
-  // =====================================
-  // Google Services Nodes
-  // =====================================
-  {
-    id: 'google-docs-node',
-    type: 'AutomationGoogleDocsNode',
-    position: { x: 100, y: 450 },
-    data: {
-      label: 'Create Report',
-      description: 'Create a Google Docs document',
-      serviceType: 'docs',
-      status: 'idle',
-      isFirstGoogleNode: true,
-      parameters: {
-        documentTitle: 'Automation Report',
-        operation: 'create',
-        content: 'Report content will be generated here...',
-      },
-      googleAuth: {
-        clientId: '',
-        scopes: [
-          'https://www.googleapis.com/auth/documents',
-          'https://www.googleapis.com/auth/drive',
-        ],
-        isAuthenticated: false,
-        isLoading: false,
-      },
-      formData: {
-        nodeId: 'google-docs-node',
-        title: 'Create Report',
-        type: 'navigation',
-        serviceType: 'docs',
-      },
-    },
-    width: 300,
-    height: 200,
-    measured: { width: 300, height: 200 },
-  },
-  {
-    id: 'gmail-node',
-    type: 'AutomationGmailNode',
-    position: { x: 450, y: 450 },
-    data: {
-      label: 'Send Email',
-      description: 'Send email via Gmail',
-      serviceType: 'gmail',
-      status: 'idle',
-      isFirstGoogleNode: true,
-      parameters: {
-        to: ['recipient@example.com'],
-        subject: 'Automation Report',
-        body: 'Please find the attached report...',
-      },
-      googleAuth: {
-        clientId: '',
-        scopes: [
-          'https://www.googleapis.com/auth/gmail.send',
-          'https://www.googleapis.com/auth/gmail.compose',
-        ],
-        isAuthenticated: false,
-        isLoading: false,
-      },
-      formData: {
-        nodeId: 'gmail-node',
-        title: 'Send Email',
-        type: 'navigation',
-        serviceType: 'gmail',
-      },
-    },
-    width: 300,
-    height: 200,
-    measured: { width: 300, height: 200 },
-  },
-  {
-    id: 'google-meet-node',
-    type: 'AutomationGoogleMeetNode',
-    position: { x: 800, y: 450 },
-    data: {
-      label: 'Create Meeting',
-      description: 'Create a Google Meet link',
-      serviceType: 'meet',
-      status: 'idle',
-      isFirstGoogleNode: true,
-      parameters: {
-        meetingTitle: 'Project Discussion',
-        attendees: ['team@example.com'],
-      },
-      googleAuth: {
-        clientId: '',
-        scopes: ['https://www.googleapis.com/auth/meetings.space.created'],
-        isAuthenticated: false,
-        isLoading: false,
-      },
-      formData: {
-        nodeId: 'google-meet-node',
-        title: 'Create Meeting',
-        type: 'navigation',
-        serviceType: 'meet',
-      },
-    },
-    width: 300,
-    height: 200,
-    measured: { width: 300, height: 200 },
-  },
-  {
-    id: 'google-slides-node',
-    type: 'AutomationGoogleSlidesNode',
-    position: { x: 1150, y: 450 },
-    data: {
-      label: 'Create Presentation',
-      description: 'Create a Google Slides presentation',
-      serviceType: 'slides',
-      status: 'idle',
-      isFirstGoogleNode: true,
-      parameters: {
-        presentationTitle: 'Project Presentation',
-        slideCount: 5,
-      },
-      googleAuth: {
-        clientId: '',
-        scopes: [
-          'https://www.googleapis.com/auth/presentations',
-          'https://www.googleapis.com/auth/drive',
-        ],
-        isAuthenticated: false,
-        isLoading: false,
-      },
-      formData: {
-        nodeId: 'google-slides-node',
-        title: 'Create Presentation',
-        type: 'navigation',
-        serviceType: 'slides',
-      },
-    },
-    width: 300,
-    height: 200,
-    measured: { width: 300, height: 200 },
-  },
-];
-
-// Default edges for the automation diagram
-export const automationDefaultEdges = [
-  {
-    id: 'edge-start-to-api',
-    source: 'start-node',
-    target: 'api-call-node',
-    sourceHandle: 'right',
-    targetHandle: 'left',
-    data: {
-      label: '',
-      type: 'flow',
-    },
-    style: {
-      stroke: '#ffffff',
-      strokeWidth: 2,
-    },
-    markerEnd: {
-      type: MarkerType.ArrowClosed,
-      color: '#ffffff',
-    },
-  },
-  {
-    id: 'edge-api-to-navigation',
-    source: 'api-call-node',
-    target: 'navigation-node',
-    sourceHandle: 'right',
-    targetHandle: 'left',
-    data: {
-      label: '',
-      type: 'flow',
-    },
-    style: {
-      stroke: '#ffffff',
-      strokeWidth: 2,
-    },
-    markerEnd: {
-      type: MarkerType.ArrowClosed,
-      color: '#ffffff',
-    },
-  },
-  {
-    id: 'edge-navigation-to-formatting',
-    source: 'navigation-node',
-    target: 'data-formatting-node',
-    sourceHandle: 'right',
-    targetHandle: 'left',
-    data: {
-      label: '',
-      type: 'flow',
-    },
-    style: {
-      stroke: '#ffffff',
-      strokeWidth: 2,
-    },
-    markerEnd: {
-      type: MarkerType.ArrowClosed,
-      color: '#ffffff',
-    },
-  },
-  {
-    id: 'edge-formatting-to-sheets',
-    source: 'data-formatting-node',
-    target: 'google-sheets-node',
-    sourceHandle: 'right',
-    targetHandle: 'left',
-    data: {
-      label: '',
-      type: 'flow',
-    },
-    style: {
-      stroke: '#ffffff',
-      strokeWidth: 2,
-    },
-    markerEnd: {
-      type: MarkerType.ArrowClosed,
-      color: '#ffffff',
-    },
-  },
-  {
-    id: 'edge-sheets-to-end',
-    source: 'google-sheets-node',
-    target: 'end-node',
-    sourceHandle: 'right',
-    targetHandle: 'left',
-    data: {
-      label: '',
-      type: 'flow',
-    },
-    style: {
-      stroke: '#ffffff',
-      strokeWidth: 2,
-    },
-    markerEnd: {
-      type: MarkerType.ArrowClosed,
-      color: '#ffffff',
-    },
-  },
-  // =====================================
-  // Google Services Node Edges
-  // =====================================
-  {
-    id: 'edge-docs-to-gmail',
-    source: 'google-docs-node',
-    target: 'gmail-node',
-    sourceHandle: 'right',
-    targetHandle: 'left',
-    data: {
-      label: 'Send Report',
-      type: 'flow',
-    },
-    style: {
-      stroke: '#4285F4',
-      strokeWidth: 2,
-    },
-    markerEnd: {
-      type: MarkerType.ArrowClosed,
-      color: '#4285F4',
-    },
-  },
-  {
-    id: 'edge-gmail-to-meet',
-    source: 'gmail-node',
-    target: 'google-meet-node',
-    sourceHandle: 'right',
-    targetHandle: 'left',
-    data: {
-      label: 'Schedule Meeting',
-      type: 'flow',
-    },
-    style: {
-      stroke: '#EA4335',
-      strokeWidth: 2,
-    },
-    markerEnd: {
-      type: MarkerType.ArrowClosed,
-      color: '#EA4335',
-    },
-  },
-  {
-    id: 'edge-meet-to-slides',
-    source: 'google-meet-node',
-    target: 'google-slides-node',
-    sourceHandle: 'right',
-    targetHandle: 'left',
-    data: {
-      label: 'Create Presentation',
-      type: 'flow',
-    },
-    style: {
-      stroke: '#FBBC04',
-      strokeWidth: 2,
-    },
-    markerEnd: {
-      type: MarkerType.ArrowClosed,
-      color: '#FBBC04',
-    },
-  },
-];
+import { MarkerType } from '@xyflow/react';
+
+// Default nodes for the automation diagram
+export const automationDefaultNodes = [
+  {
+    id: 'start-node',
+    type: 'AutomationStartNode',
+    position: { x: 100, y: 200 },
+    data: {
+      // Display data for the node UI
+      label: 'Workflow Trigger',
+      description: 'Workflow entry point. Triggered manually or on schedule.',
+      status: 'Ready',
+      lastRun: 'Never',
+      duration: '0.0s',
+      // iconName: 'PlayArrow', // Users must define their own icons
+
+      // Form data for configuration (keeping existing structure for compatibility)
+      formData: {
+        nodeId: 'start-node',
+        title: 'Workflow Trigger',
+        type: 'start',
+        triggerType: 'manual',
+        scheduleConfig: {
+          frequency: 'daily',
+          time: '09:00',
+          timezone: 'UTC',
+        },
+        eventConfig: {
+          webhookUrl: '',
+          eventType: 'webhook',
+          filters: [],
+        },
+        initialVariables: [
+          {
+            name: 'runId',
+            value: '{{timestamp}}',
+            type: 'string',
+          },
+          {
+            name: 'startTime',
+            value: '{{now}}',
+            type: 'string',
+          },
+        ],
+        outputVariable: 'workflowContext',
+        isPinned: false,
+        isBlock: false,
+        blocks: [],
+        parallelChildrenCount: 0,
+        conditions: {
+          combinator: 'and',
+          rules: [],
+        },
+      },
+    },
+    width: 336,
+    height: 150,
+    measured: { width: 336, height: 150 },
+  },
+  {
+    id: 'api-call-node',
+    type: 'AutomationApiNode',
+    position: { x: 500, y: 200 },
+    data: {
+      // Display data for the node UI
+      label: 'Discover Headlines',
+      description:
+        "This node extracts all news headlines from CNN's homepage using web scraping techniques.",
+      status: 'Ready',
+      lastRun: 'Never',
+      duration: '0.8s',
+      iconName: 'Api', // Users must define their own icons
+
+      // Form data for configuration
+      formData: {
+        nodeId: 'api-call-node',
+        title: 'Discover Headlines',
+        type: 'api',
+        method: 'GET',
+        url: 'https://jsonplaceholder.typicode.com/posts',
+        headers: [
+          { key: 'Content-Type', value: 'application/json', enabled: true },
+          { key: 'Accept', value: 'application/json', enabled: true },
+          { key: 'User-Agent', value: 'AutomationBot/1.0', enabled: true },
+        ],
+        queryParams: [
+          { key: '_limit', value: '15', enabled: true },
+          { key: 'userId', value: '1', enabled: true },
+        ],
+        body: '',
+        bodyType: 'json',
+        timeout: 30000,
+        retryCount: 3,
+        retryDelay: 1000,
+        responseVariable: 'postsResponse',
+        responseDataType: 'Object',
+        errorHandling: {
+          onError: 'retry',
+          maxRetries: 3,
+          fallbackValue: '{"error": "Failed to fetch posts data"}',
+        },
+        // Schema matching data for the three boxes
+        schemaMatch: {
+          matched: 5,
+          partial: 0,
+          ignored: 1,
+        },
+        // Configuration cards for dynamic display
+        configurationCards: [
+          {
+            icon: '⚙️',
+            label: 'GPT-5 Thinking mini · v1',
+            iconColor: '#ffffff',
+          },
+          {
+            icon: '🗄️',
+            label: 'KB: CNN_Homepage_Titles (18 items)',
+            iconColor: '#10b981',
+          },
+        ],
+        // AI Suggestions count and data
+        aiSuggestionsCount: 2,
+        aiSuggestions: [
+          {
+            id: '1',
+            title: 'Add Citation Extraction',
+            description: 'Automatically extract and format citations from article content.',
+            tags: ['classification', 'enhancement'],
+          },
+          {
+            id: '2',
+            title: 'Generate Bullet Summary',
+            description: 'Create a concise bullet-point summary of the article\'s main points.',
+            tags: ['classification', 'enhancement'],
+          },
+        ],
+        isPinned: false,
+        isBlock: false,
+        blocks: [],
+        parallelChildrenCount: 0,
+        conditions: {
+          combinator: 'and',
+          rules: [],
+        },
+      },
+    },
+    width: 336,
+    height: 150,
+    measured: { width: 336, height: 150 },
+  },
+  {
+    id: 'navigation-node',
+    type: 'AutomationNavigationNode',
+    position: { x: 600, y: 200 },
+    data: {
+      // Display data for the node UI
+      label: 'Navigate to Website',
+      description: 'Navigate to the target website and wait for page load',
+      status: 'Ready',
+      navigationType: 'navigate',
+      url: 'https://example.com',
+      lastRun: 'Never',
+      backgroundColor: '#181C25',
+      textColor: '#ffffff',
+      borderColor: '#1e293b',
+      iconName: 'Navigation',
+      // Form data for configuration
+      formData: {
+        nodeId: 'navigation-node',
+        title: 'Navigate to Website',
+        type: 'navigation',
+        navigationType: 'navigate',
+        url: 'https://example.com',
+        timeout: 30000,
+        retryCount: 3,
+        outputVariable: 'navigationResult',
+        errorHandling: {
+          onError: 'retry',
+          maxRetries: 3,
+          fallbackAction: 'skip',
+        },
+        isPinned: false,
+        isBlock: false,
+        blocks: [],
+        parallelChildrenCount: 0,
+        conditions: {
+          combinator: 'and',
+          rules: [],
+        },
+      },
+    },
+    width: 336,
+    height: 150,
+    measured: { width: 336, height: 150 },
+  },
+  {
+    id: 'ai-suggestion-node',
+    type: 'AutomationAISuggestionNode',
+    position: { x: 900, y: 200 },
+    data: {
+      label: 'Citation Extractor',
+      description: 'Extract and format citation from article text.',
+      iconName: 'Lightbulb',
+      formData: {
+        badgeText: 'Suggested Node',
+        mapping: { from: 'references', to: 'source_text' },
+        pointers: [
+          'Ensures proper attribution',
+          'Creates standardized reference format',
+          'Enables source verification',
+        ],
+      },
+    },
+    width: 336,
+    height: 150,
+    measured: { width: 336, height: 150 },
+  },
+  {
+    id: 'data-formatting-node',
+    type: 'AutomationFormattingNode',
+    position: { x: 700, y: 200 },
+    data: {
+      // Display data for the node UI
+      label: 'Article Analyzer',
+      description:
+        'Extract and analyze article content, generate summaries and topic classifications.',
+      status: 'Ready',
+      lastRun: '2 minutes ago',
+      duration: '1.2s',
+      // iconName: 'Article', // Users must define their own icons
+
+      // Form data for configuration (keeping existing structure for compatibility)
+      formData: {
+        nodeId: 'data-formatting-node',
+        title: 'Article Analyzer',
+        type: 'formatting',
+        inputVariable: 'postsResponse',
+        formattingType: 'ai-powered',
+        aiFormatting: {
+          apiUrl:
+            'https://generativelanguage.googleapis.com/v1beta/models/gemini-2.0-flash:generateContent',
+          apiKey: 'PUT_GEMINI_API_KEY_HERE',
+          model: 'GPT-5 Thinking mini',
+          instruction:
+            'Extract and analyze article content, generate summaries and topic classifications. Return structured JSON with title, url, author, published_date, summary, topics, and confidence.',
+          temperature: 0.1,
+          maxTokens: 2048,
+          topP: 0.95,
+          systemPrompt:
+            'You are an article analysis assistant. Extract key information and provide structured analysis. Always return valid JSON format.',
+        },
+        outputVariable: 'analyzedArticle',
+        outputDataType: 'Object',
+        // Schema matching data for the three boxes
+        schemaMatch: {
+          matched: 4,
+          partial: 1,
+          ignored: 0,
+        },
+        // AI Reasoning data
+        aiReasoning: {
+          text: 'Analyzed the selected headline for key components and promises',
+        },
+        // Configuration cards for dynamic display
+        configurationCards: [
+          {
+            icon: '🧠',
+            label: 'GPT-5 Thinking mini · v1',
+            iconColor: '#ffffff',
+          },
+          {
+            icon: '📚',
+            label: 'KB: CNN_Articles (18 items)',
+            iconColor: '#10b981',
+          },
+        ],
+        // AI Suggestions count
+        aiSuggestionsCount: 2,
+        isPinned: false,
+        isBlock: false,
+        blocks: [],
+        parallelChildrenCount: 0,
+        conditions: {
+          combinator: 'and',
+          rules: [],
+        },
+      },
+    },
+    width: 336,
+    height: 150,
+    measured: { width: 336, height: 150 },
+  },
+  {
+    id: 'google-sheets-node',
+    type: 'AutomationSheetsNode',
+    position: { x: 1100, y: 200 },
+    data: {
+      // Display data for the node UI
+      label: 'Data Sync Node',
+      description:
+        'Export formatted data to Google Sheets for analysis and reporting.',
+      status: 'Ready',
+      lastRun: '2m ago',
+      duration: '2.1s',
+      iconName: 'TableChart', // Users must define their own icons
+
+      // Form data for configuration (keeping existing structure for compatibility)
+      formData: {
+        nodeId: 'google-sheets-node',
+        title: 'Google Sheets Export',
+        type: 'sheets',
+        inputVariable: 'analyzedArticle',
+        sheetsConfig: {
+          spreadsheetId: '',
+          sheetName: 'News Analysis2',
+          range: 'A1:F16',
+          credentials: {
+            type: 'oauth',
+            clientId: 'PUT_GOOGLE_OAUTH_CLIENT_ID_HERE',
+            scopes: ['https://www.googleapis.com/auth/spreadsheets'],
+          },
+        },
+        dataMapping: {
+          headers: [
+            { column: 'A', sourceField: 'title', dataType: 'string' },
+            { column: 'B', sourceField: 'author', dataType: 'string' },
+            { column: 'C', sourceField: 'published_date', dataType: 'date' },
+            { column: 'D', sourceField: 'summary', dataType: 'string' },
+            { column: 'E', sourceField: 'topics', dataType: 'string' },
+            { column: 'F', sourceField: 'confidence', dataType: 'number' },
+          ],
+          appendMode: true,
+          clearSheet: false,
+        },
+        exportOptions: {
+          exportFormat: 'sheets',
+          emailRecipients: ['recipient@example.com'],
+          fileName: 'news_analysis_report',
+          includeHeaders: true,
+          sendEmailNotification: false,
+          emailSendEnabled: true,
+          emailSender: 'sender@example.com',
+          emailSubject: 'News Analysis Results',
+          emailMessage: 'Please find the latest news analysis output.',
+          includeSpreadsheetLink: false,
+          attachExcel: false,
+          // Slack output disabled
+          slack: {
+            enabled: true,
+            webhookUrl: 'https://hooks.slack.com/services/PUT/WEBHOOK/URL',
+            channel: 'your-slack-channel',
+            messageTemplate:
+              'New analysis ready: {{fileName}}. Rows added: {{rowsAdded}}.',
+            includeDataMode: 'json',
+            includeSpreadsheetLink: false,
+          },
+          // WhatsApp output disabled
+          whatsapp: {
+            enabled: true,
+            phoneNumber: '+94716999591',
+            messageTemplate:
+              'Automation Result: {{fileName}} completed successfully. Rows processed: {{rowsAdded}}.',
+            includeDataMode: 'summary',
+            // Twilio configuration (optional)
+            twilio: {
+              enabled: true,
+              accountSid: 'PUT_TWILIO_ACCOUNT_SID_HERE',
+              authToken: 'PUT_TWILIO_AUTH_TOKEN_HERE',
+              fromNumber: 'whatsapp:+14155238886', // Twilio sandbox number
+              isSandbox: true,
+              templateSid: 'PUT_TWILIO_TEMPLATE_SID_HERE', // Optional for template messages
+              templateVariables: {
+                fileName: '{{fileName}}',
+                rowsAdded: '{{rowsAdded}}',
+              },
+            },
+          },
+        },
+        outputVariable: 'sheetsResponse',
+        errorHandling: {
+          onError: 'retry',
+          maxRetries: 3,
+          fallbackAction: 'log',
+        },
+        // AI Suggestions count
+        aiSuggestionsCount: 2,
+        isPinned: false,
+        isBlock: false,
+        blocks: [],
+        parallelChildrenCount: 0,
+        conditions: {
+          combinator: 'and',
+          rules: [],
+        },
+      },
+    },
+    width: 380,
+    height: 280,
+    measured: { width: 380, height: 280 },
+  },
+  {
+    id: 'note-node-1',
+    type: 'AutomationNoteNode',
+    position: { x: 700, y: 50 },
+    data: {
+      label: 'Article Analyzer',
+      description:
+        'This node performs a final review of all processed data, ensuring quality and consistency across outputs.',
+      iconName: 'Description',
+      noteType: 'purpose',
+      formData: {
+        nodeId: 'note-node-1',
+        title: 'Article Analyzer',
+        type: 'note',
+        noteType: 'purpose',
+        description:
+          'This node performs a final review of all processed data, ensuring quality and consistency across outputs.',
+        isPinned: false,
+        isBlock: false,
+        blocks: [],
+        parallelChildrenCount: 0,
+        conditions: {
+          combinator: 'and',
+          rules: [],
+        },
+      },
+    },
+    width: 336,
+    height: 150,
+    measured: { width: 336, height: 150 },
+  },
+  {
+    id: 'note-node-2',
+    type: 'AutomationNoteNode',
+    position: { x: 500, y: 50 },
+    data: {
+      label: 'Discover Headlines',
+      description:
+        'This node performs a final review of all processed data, ensuring quality and consistency across outputs.',
+      iconName: 'Description',
+      noteType: 'info',
+      formData: {
+        nodeId: 'note-node-2',
+        title: 'Discover Headlines',
+        type: 'note',
+        noteType: 'info',
+        description:
+          'This node performs a final review of all processed data, ensuring quality and consistency across outputs.',
+        isPinned: false,
+        isBlock: false,
+        blocks: [],
+        parallelChildrenCount: 0,
+        conditions: {
+          combinator: 'and',
+          rules: [],
+        },
+      },
+    },
+    width: 336,
+    height: 150,
+    measured: { width: 336, height: 150 },
+  },
+  {
+    id: 'end-node',
+    type: 'AutomationEndNode',
+    position: { x: 1500, y: 200 },
+    data: {
+      // Display data for the node UI
+      label: 'Results Display',
+      description: 'Display analyzed article results to the user.',
+      status: 'Ready',
+      lastRun: '1 minute ago',
+      duration: '0.3s',
+      // iconName: 'Stop', // Users must define their own icons
+
+      // Form data for configuration (keeping existing structure for compatibility)
+      formData: {
+        nodeId: 'end-node',
+        title: 'Results Display',
+        type: 'end',
+        outputType: 'display',
+        displayConfig: {
+          format: 'table',
+          showInConsole: true,
+          showInUI: true,
+          maxRows: 100,
+        },
+        storeConfig: {
+          destination: 'database',
+          connectionString: '',
+          tableName: 'automation_results',
+          fileName: 'automation_output.json',
+          format: 'json',
+        },
+        sendConfig: {
+          method: 'email',
+          recipients: ['admin@example.com'],
+          subject: 'Automation Results',
+          template: 'The automation workflow has completed successfully.',
+          webhookUrl: '',
+        },
+        webhookConfig: {
+          url: '',
+          method: 'POST',
+          headers: [
+            { key: 'Content-Type', value: 'application/json' },
+            { key: 'Authorization', value: 'Bearer {{webhookToken}}' },
+          ],
+          payloadTemplate: '{{analyzedArticle}}',
+        },
+        // AI Suggestions count
+        aiSuggestionsCount: 2,
+        isPinned: false,
+        isBlock: false,
+        blocks: [],
+        parallelChildrenCount: 0,
+        conditions: {
+          combinator: 'and',
+          rules: [],
+        },
+      },
+    },
+    width: 336,
+    height: 150,
+    measured: { width: 336, height: 150 },
+  },
+  // =====================================
+  // Google Services Nodes
+  // =====================================
+  {
+    id: 'google-docs-node',
+    type: 'AutomationGoogleDocsNode',
+    position: { x: 100, y: 450 },
+    data: {
+      label: 'Create Report',
+      description: 'Create a Google Docs document',
+      serviceType: 'docs',
+      status: 'idle',
+      isFirstGoogleNode: true,
+      parameters: {
+        documentTitle: 'Automation Report',
+        operation: 'create',
+        content: 'Report content will be generated here...',
+      },
+      googleAuth: {
+        clientId: '',
+        scopes: [
+          'https://www.googleapis.com/auth/documents',
+          'https://www.googleapis.com/auth/drive',
+        ],
+        isAuthenticated: false,
+        isLoading: false,
+      },
+      formData: {
+        nodeId: 'google-docs-node',
+        title: 'Create Report',
+        type: 'navigation',
+        serviceType: 'docs',
+      },
+    },
+    width: 300,
+    height: 200,
+    measured: { width: 300, height: 200 },
+  },
+  {
+    id: 'gmail-node',
+    type: 'AutomationGmailNode',
+    position: { x: 450, y: 450 },
+    data: {
+      label: 'Send Email',
+      description: 'Send email via Gmail',
+      serviceType: 'gmail',
+      status: 'idle',
+      isFirstGoogleNode: true,
+      parameters: {
+        to: ['recipient@example.com'],
+        subject: 'Automation Report',
+        body: 'Please find the attached report...',
+      },
+      googleAuth: {
+        clientId: '',
+        scopes: [
+          'https://www.googleapis.com/auth/gmail.send',
+          'https://www.googleapis.com/auth/gmail.compose',
+        ],
+        isAuthenticated: false,
+        isLoading: false,
+      },
+      formData: {
+        nodeId: 'gmail-node',
+        title: 'Send Email',
+        type: 'navigation',
+        serviceType: 'gmail',
+      },
+    },
+    width: 300,
+    height: 200,
+    measured: { width: 300, height: 200 },
+  },
+  {
+    id: 'google-meet-node',
+    type: 'AutomationGoogleMeetNode',
+    position: { x: 800, y: 450 },
+    data: {
+      label: 'Create Meeting',
+      description: 'Create a Google Meet link',
+      serviceType: 'meet',
+      status: 'idle',
+      isFirstGoogleNode: true,
+      parameters: {
+        meetingTitle: 'Project Discussion',
+        attendees: ['team@example.com'],
+      },
+      googleAuth: {
+        clientId: '',
+        scopes: ['https://www.googleapis.com/auth/meetings.space.created'],
+        isAuthenticated: false,
+        isLoading: false,
+      },
+      formData: {
+        nodeId: 'google-meet-node',
+        title: 'Create Meeting',
+        type: 'navigation',
+        serviceType: 'meet',
+      },
+    },
+    width: 300,
+    height: 200,
+    measured: { width: 300, height: 200 },
+  },
+  {
+    id: 'google-slides-node',
+    type: 'AutomationGoogleSlidesNode',
+    position: { x: 1150, y: 450 },
+    data: {
+      label: 'Create Presentation',
+      description: 'Create a Google Slides presentation',
+      serviceType: 'slides',
+      status: 'idle',
+      isFirstGoogleNode: true,
+      parameters: {
+        presentationTitle: 'Project Presentation',
+        slideCount: 5,
+      },
+      googleAuth: {
+        clientId: '',
+        scopes: [
+          'https://www.googleapis.com/auth/presentations',
+          'https://www.googleapis.com/auth/drive',
+        ],
+        isAuthenticated: false,
+        isLoading: false,
+      },
+      formData: {
+        nodeId: 'google-slides-node',
+        title: 'Create Presentation',
+        type: 'navigation',
+        serviceType: 'slides',
+      },
+    },
+    width: 300,
+    height: 200,
+    measured: { width: 300, height: 200 },
+  },
+  // =====================================
+  // Slack Integration Node
+  // =====================================
+  {
+    id: 'slack-node',
+    type: 'AutomationSlackNode',
+    position: { x: 1500, y: 450 },
+    data: {
+      label: 'Send Slack Notification',
+      description: 'Send a message to Slack channel',
+      operationType: 'send-message',
+      status: 'idle',
+      parameters: {
+        channel: 'automation-updates',
+        message: 'Workflow completed successfully! Check the results.',
+        slackAccessToken: '',
+        slackTokenExpiresAt: undefined,
+        slackTeamId: '',
+        slackTeamName: '',
+        slackUserId: '',
+        slackUserName: '',
+      },
+      slackAuth: {
+        clientId: '',
+        scopes: [
+          'chat:write',
+          'channels:read',
+          'users:read',
+        ],
+        isAuthenticated: false,
+        isLoading: false,
+      },
+      formData: {
+        nodeId: 'slack-node',
+        title: 'Send Slack Notification',
+        type: 'slack',
+        operationType: 'send-message',
+        channel: 'automation-updates',
+        message: 'Workflow completed successfully! Check the results.',
+      },
+      lastRun: 'Never',
+    },
+    width: 300,
+    height: 200,
+    measured: { width: 300, height: 200 },
+  },
+];
+
+// Default edges for the automation diagram
+export const automationDefaultEdges = [
+  {
+    id: 'edge-start-to-api',
+    source: 'start-node',
+    target: 'api-call-node',
+    sourceHandle: 'right',
+    targetHandle: 'left',
+    data: {
+      label: '',
+      type: 'flow',
+    },
+    style: {
+      stroke: '#ffffff',
+      strokeWidth: 2,
+    },
+    markerEnd: {
+      type: MarkerType.ArrowClosed,
+      color: '#ffffff',
+    },
+  },
+  {
+    id: 'edge-api-to-navigation',
+    source: 'api-call-node',
+    target: 'navigation-node',
+    sourceHandle: 'right',
+    targetHandle: 'left',
+    data: {
+      label: '',
+      type: 'flow',
+    },
+    style: {
+      stroke: '#ffffff',
+      strokeWidth: 2,
+    },
+    markerEnd: {
+      type: MarkerType.ArrowClosed,
+      color: '#ffffff',
+    },
+  },
+  {
+    id: 'edge-navigation-to-formatting',
+    source: 'navigation-node',
+    target: 'data-formatting-node',
+    sourceHandle: 'right',
+    targetHandle: 'left',
+    data: {
+      label: '',
+      type: 'flow',
+    },
+    style: {
+      stroke: '#ffffff',
+      strokeWidth: 2,
+    },
+    markerEnd: {
+      type: MarkerType.ArrowClosed,
+      color: '#ffffff',
+    },
+  },
+  {
+    id: 'edge-formatting-to-sheets',
+    source: 'data-formatting-node',
+    target: 'google-sheets-node',
+    sourceHandle: 'right',
+    targetHandle: 'left',
+    data: {
+      label: '',
+      type: 'flow',
+    },
+    style: {
+      stroke: '#ffffff',
+      strokeWidth: 2,
+    },
+    markerEnd: {
+      type: MarkerType.ArrowClosed,
+      color: '#ffffff',
+    },
+  },
+  {
+    id: 'edge-sheets-to-end',
+    source: 'google-sheets-node',
+    target: 'end-node',
+    sourceHandle: 'right',
+    targetHandle: 'left',
+    data: {
+      label: '',
+      type: 'flow',
+    },
+    style: {
+      stroke: '#ffffff',
+      strokeWidth: 2,
+    },
+    markerEnd: {
+      type: MarkerType.ArrowClosed,
+      color: '#ffffff',
+    },
+  },
+  // =====================================
+  // Google Services Node Edges
+  // =====================================
+  {
+    id: 'edge-docs-to-gmail',
+    source: 'google-docs-node',
+    target: 'gmail-node',
+    sourceHandle: 'right',
+    targetHandle: 'left',
+    data: {
+      label: 'Send Report',
+      type: 'flow',
+    },
+    style: {
+      stroke: '#4285F4',
+      strokeWidth: 2,
+    },
+    markerEnd: {
+      type: MarkerType.ArrowClosed,
+      color: '#4285F4',
+    },
+  },
+  {
+    id: 'edge-gmail-to-meet',
+    source: 'gmail-node',
+    target: 'google-meet-node',
+    sourceHandle: 'right',
+    targetHandle: 'left',
+    data: {
+      label: 'Schedule Meeting',
+      type: 'flow',
+    },
+    style: {
+      stroke: '#EA4335',
+      strokeWidth: 2,
+    },
+    markerEnd: {
+      type: MarkerType.ArrowClosed,
+      color: '#EA4335',
+    },
+  },
+  {
+    id: 'edge-meet-to-slides',
+    source: 'google-meet-node',
+    target: 'google-slides-node',
+    sourceHandle: 'right',
+    targetHandle: 'left',
+    data: {
+      label: 'Create Presentation',
+      type: 'flow',
+    },
+    style: {
+      stroke: '#FBBC04',
+      strokeWidth: 2,
+    },
+    markerEnd: {
+      type: MarkerType.ArrowClosed,
+      color: '#FBBC04',
+    },
+  },
+  // =====================================
+  // Slack Node Edge
+  // =====================================
+  {
+    id: 'edge-slides-to-slack',
+    source: 'google-slides-node',
+    target: 'slack-node',
+    sourceHandle: 'right',
+    targetHandle: 'left',
+    data: {
+      label: 'Notify Team',
+      type: 'flow',
+    },
+    style: {
+      stroke: '#4A154B',
+      strokeWidth: 2,
+    },
+    markerEnd: {
+      type: MarkerType.ArrowClosed,
+      color: '#4A154B',
+    },
+  },
+];