{
  "id": "demo-tutorial",
  "avatar": {
    "name": "Planty",
    "defaultPosition": "bottom-right"
  },
  "start": "welcome",
  "nodes": {
    "welcome": {
      "type": "choice",
      "position": "bottom-right",
      "text": "👋 Hey! I'm Planty — your guide to this app. How would you like me to explain things?",
      "choices": [
        { "label": "🤓 Technical — give me the details", "next": "intro_nerd" },
        { "label": "🌱 Simple — keep it friendly", "next": "intro_simple" },
        { "label": "No thanks, skip the tour", "next": null }
      ]
    },

    "intro_nerd": {
      "type": "step",
      "position": "bottom-right",
      "text": "This is a WebAssembly-powered node graph. Each node is a compiled .wasm module executed in a sandboxed runtime.",
      "next": "highlight_graph_nerd"
    },
    "intro_simple": {
      "type": "step",
      "position": "bottom-right",
      "text": "Think of this like a recipe card — each block does one thing, and you connect them to build a plant!",
      "next": "highlight_graph_simple"
    },

    "highlight_graph_nerd": {
      "type": "step",
      "position": "bottom-left",
      "highlight": { "selector": "#graph-canvas", "padding": 12 },
      "text": "The graph canvas renders edges as Bézier curves. Node execution is topologically sorted before each WASM call.",
      "next": "highlight_sidebar_nerd"
    },
    "highlight_graph_simple": {
      "type": "step",
      "position": "bottom-left",
      "highlight": { "selector": "#graph-canvas", "padding": 12 },
      "text": "This is the main canvas — drag nodes around and connect them to create your plant!",
      "next": "highlight_sidebar_simple"
    },

    "highlight_sidebar_nerd": {
      "type": "step",
      "position": "bottom-right",
      "highlight": { "selector": "#sidebar", "padding": 8 },
      "text": "The sidebar exposes node parameters, export settings, and the raw graph JSON for debugging.",
      "next": "tip_nerd"
    },
    "highlight_sidebar_simple": {
      "type": "step",
      "position": "bottom-right",
      "highlight": { "selector": "#sidebar", "padding": 8 },
      "text": "The sidebar lets you tweak settings and export your creation.",
      "next": "tip_simple"
    },

    "tip_nerd": {
      "type": "step",
      "position": "center",
      "text": "Press Space or double-click the canvas to open node search. Nodes are fetched from the WASM registry at runtime.",
      "next": "done_nerd"
    },
    "tip_simple": {
      "type": "step",
      "position": "center",
      "text": "Press Space anywhere on the canvas to add a new block — try it!",
      "next": "done_simple"
    },

    "done_nerd": {
      "type": "end",
      "position": "bottom-right",
      "text": "You're all set. Check the docs for the full NodeDefinition interface. Happy hacking! 🌿"
    },
    "done_simple": {
      "type": "end",
      "position": "bottom-right",
      "text": "That's the tour! Have fun building your plant. 🌱"
    }
  }
}