{
  "id": "bbg-p0299-ai-agents-and-tool-use",
  "title": "Workflow Canvas vs Agent Graph",
  "chapter": "ai-agents-and-tool-use",
  "batch": "12",
  "rank": 119,
  "sourcePage": 299,
  "sourcePointer": "p. 299",
  "status": "accepted",
  "reviewerStatus": "reviewed",
  "fidelityScore": 0.9,
  "canvas": {
    "width": 960,
    "height": 640
  },
  "fireworksTechGraph": {
    "style": "style-1-flat-icon",
    "diagramType": "comparison",
    "topologyNotes": [
      "source page render inspected",
      "extracted page text inspected",
      "source page render and extracted text inspected",
      "preserve comparison between visual workflow sequence and graph-based agent workflow",
      "omit vendor logos and UI artwork"
    ],
    "publicBoundary": [
      "original vector output",
      "no source pixels",
      "no source mark or long wording"
    ]
  },
  "callouts": [],
  "sourceReview": {
    "conceptAnchors": [
      "concept: user input",
      "concept: AI agent",
      "concept: tool call",
      "concept: memory",
      "concept: decision node",
      "concept: graph state"
    ],
    "labelSource": "curated",
    "semanticStatus": "reviewed"
  },
  "groups": [
    {
      "id": "canvas",
      "label": "Visual automation workflow",
      "x": 58,
      "y": 126,
      "w": 386,
      "h": 330
    },
    {
      "id": "graph",
      "label": "Agent graph workflow",
      "x": 516,
      "y": 126,
      "w": 386,
      "h": 330
    }
  ],
  "shapes": [
    {
      "id": "input",
      "kind": "actor",
      "label": "Input",
      "detail": "user request",
      "x": 102,
      "y": 188,
      "w": 82,
      "h": 86,
      "tone": "blue"
    },
    {
      "id": "agent",
      "kind": "hex",
      "label": "AI agent",
      "detail": "process",
      "x": 260,
      "y": 182,
      "w": 122,
      "h": 78,
      "tone": "orange"
    },
    {
      "id": "tool",
      "kind": "rect",
      "label": "Tool call",
      "detail": "external action",
      "x": 174,
      "y": 330,
      "w": 116,
      "h": 56,
      "tone": "green"
    },
    {
      "id": "memory",
      "kind": "cylinder",
      "label": "Memory",
      "detail": "context",
      "x": 314,
      "y": 330,
      "w": 116,
      "h": 72,
      "tone": "teal"
    },
    {
      "id": "state",
      "kind": "cylinder",
      "label": "Shared state",
      "detail": "graph context",
      "x": 558,
      "y": 176,
      "w": 124,
      "h": 72,
      "tone": "blue"
    },
    {
      "id": "gagent",
      "kind": "hex",
      "label": "Agent node",
      "detail": "branch",
      "x": 718,
      "y": 166,
      "w": 122,
      "h": 78,
      "tone": "purple"
    },
    {
      "id": "gtool",
      "kind": "rect",
      "label": "Tool node",
      "detail": "work",
      "x": 590,
      "y": 332,
      "w": 116,
      "h": 56,
      "tone": "green"
    },
    {
      "id": "conditional",
      "kind": "diamond",
      "label": "Conditional",
      "detail": "retry done",
      "x": 756,
      "y": 318,
      "w": 118,
      "h": 84,
      "tone": "red"
    }
  ],
  "connectors": [
    {
      "from": "input",
      "to": "agent",
      "label": "send",
      "flow": "main"
    },
    {
      "from": "agent",
      "to": "tool",
      "label": "call",
      "flow": "async"
    },
    {
      "from": "agent",
      "to": "memory",
      "label": "read",
      "flow": "data"
    },
    {
      "from": "state",
      "to": "gagent",
      "label": "route",
      "flow": "main"
    },
    {
      "from": "gagent",
      "to": "gtool",
      "label": "use",
      "flow": "async"
    },
    {
      "from": "gtool",
      "to": "conditional",
      "label": "result",
      "flow": "main"
    },
    {
      "from": "conditional",
      "to": "gagent",
      "label": "retry",
      "flow": "control",
      "dashed": true
    }
  ]
}