{
  "workflow_name": "Create a social card with Image Builder for every new post and host it on Supabase",
  "workflow_steps": {
    "steps": [
      {
        "id": "1",
        "position": {
          "x": 0,
          "y": 0
        },
        "data": {
          "label": "New Post",
          "app": {
            "key": "wordpress",
            "fm_app": "wordpress"
          },
          "eventSlug": "new_post",
          "eventTitle": "New Post",
          "layoutDirection": "horizontal",
          "stepNumber": 1
        },
        "targetPosition": "bottom",
        "type": "trigger",
        "stepNumber": 1,
        "expanded": true,
        "style": {
          "transition": "all 150ms ease-in-out"
        },
        "measured": {
          "width": 82,
          "height": 82
        },
        "application": "wordpress",
        "stepID": "1",
        "action": "new_post",
        "nodeType": "step",
        "actionAppArgs": [],
        "captureResponse": {
          "post_id": "555",
          "post_title": "How we automate onboarding",
          "post_url": "https://example.com/blog/onboarding",
          "post_content": "Full article body goes here...",
          "post_excerpt": "A behind-the-scenes look...",
          "post_author": "Editor"
        },
        "responses": [
          {
            "letter": "A",
            "time": "01/07/2026, 10:00:00",
            "response": {
              "post_id": "555",
              "post_title": "How we automate onboarding",
              "post_url": "https://example.com/blog/onboarding",
              "post_content": "Full article body goes here...",
              "post_excerpt": "A behind-the-scenes look...",
              "post_author": "Editor"
            }
          }
        ],
        "activeResponseIndex": 0
      },
      {
        "id": "2",
        "position": {
          "x": 175,
          "y": 0
        },
        "type": "action",
        "data": {
          "label": "Generate the social card",
          "layoutDirection": "horizontal",
          "stepNumber": 2,
          "app": {
            "key": "image_builder",
            "fm_app": "image_builder"
          },
          "eventSlug": "generate_image_from_template",
          "eventTitle": "Generate Image from Template"
        },
        "parentType": "step",
        "style": {
          "transition": "all 150ms ease-in-out"
        },
        "measured": {
          "width": 82,
          "height": 82
        },
        "actionAppArgs": {
          "template_id": "8",
          "data_mode": "map",
          "filename": "card-{wordpress1.post_id}"
        },
        "application": "image_builder",
        "action": "generate_image_from_template",
        "nodeType": "step",
        "stepID": "2"
      },
      {
        "id": "3",
        "position": {
          "x": 350,
          "y": 0
        },
        "type": "action",
        "data": {
          "label": "Upload to Supabase Storage",
          "layoutDirection": "horizontal",
          "stepNumber": 3,
          "app": {
            "key": "supabase",
            "fm_app": "supabase"
          },
          "eventSlug": "upload_file",
          "eventTitle": "Upload File to Storage"
        },
        "parentType": "step",
        "style": {
          "transition": "all 150ms ease-in-out"
        },
        "measured": {
          "width": 82,
          "height": 82
        },
        "actionAppArgs": {
          "bucket": "social-cards",
          "file_path": "cards/post-{wordpress1.post_id}.png",
          "file_url": "{image_builder2.url}",
          "content_type": "image/png"
        },
        "application": "supabase",
        "action": "upload_file",
        "nodeType": "step",
        "stepID": "3"
      },
      {
        "id": "4",
        "position": {
          "x": 525,
          "y": 0
        },
        "type": "action",
        "data": {
          "label": "Get the public URL",
          "layoutDirection": "horizontal",
          "stepNumber": 4,
          "app": {
            "key": "supabase",
            "fm_app": "supabase"
          },
          "eventSlug": "get_public_url",
          "eventTitle": "Get Public File URL"
        },
        "parentType": "step",
        "style": {
          "transition": "all 150ms ease-in-out"
        },
        "measured": {
          "width": 82,
          "height": 82
        },
        "actionAppArgs": {
          "bucket": "social-cards",
          "file_path": "cards/post-{wordpress1.post_id}.png"
        },
        "application": "supabase",
        "action": "get_public_url",
        "nodeType": "step",
        "stepID": "4"
      },
      {
        "id": "5",
        "position": {
          "x": 700,
          "y": 0
        },
        "type": "action",
        "data": {
          "label": "Share the card link",
          "layoutDirection": "horizontal",
          "stepNumber": 5,
          "app": {
            "key": "slack",
            "fm_app": "slack"
          },
          "eventSlug": "send_message_to_channel",
          "eventTitle": "Send Channel Message"
        },
        "parentType": "step",
        "style": {
          "transition": "all 150ms ease-in-out"
        },
        "measured": {
          "width": 82,
          "height": 82
        },
        "actionAppArgs": {
          "message_text": "🖼️ Social card ready for *{wordpress1.post_title}*: {supabase4.public_url}"
        },
        "application": "slack",
        "action": "send_message_to_channel",
        "nodeType": "step",
        "stepID": "5"
      },
      {
        "id": "main_end_placeholder",
        "position": {
          "x": 875,
          "y": 0
        },
        "type": "placeholder",
        "data": {
          "label": "+",
          "layoutDirection": "horizontal",
          "stepNumber": null,
          "app": []
        },
        "measured": {
          "width": 40,
          "height": 82
        },
        "stepID": "main_end_placeholder",
        "nodeType": "placeholder",
        "actionAppArgs": []
      }
    ],
    "edges": [
      {
        "id": "e-1-2",
        "source": "1",
        "target": "2",
        "type": "step",
        "data": []
      },
      {
        "id": "e-2-3",
        "source": "2",
        "target": "3",
        "type": "step",
        "data": []
      },
      {
        "id": "e-3-4",
        "source": "3",
        "target": "4",
        "type": "step",
        "data": []
      },
      {
        "id": "e-4-5",
        "source": "4",
        "target": "5",
        "type": "step",
        "data": []
      },
      {
        "id": "e-5-main_end_placeholder",
        "source": "5",
        "target": "main_end_placeholder",
        "type": "placeholder",
        "data": []
      }
    ]
  },
  "workflow_settings": {
    "name": "Create a social card with Image Builder for every new post and host it on Supabase",
    "folder": "all",
    "description": "Fresh share images without a designer: publishing a post generates a social card from your Image Builder template, uploads it to a public Supabase bucket, and shares the ready-to-use URL in Slack.",
    "status": "off",
    "user_email": "",
    "webhook_queue": "disabled",
    "workflow_auth_key": "",
    "builder_version": "v2",
    "time": "",
    "ai_generated": "yes"
  }
}