A
AgentUI
Templates

platphorm-native

OpenAPI Operation Form

Render an OpenAPI operation into an AgentUI request form with request examples and trace-safe operator-action labeling.

availabletool_renderoperator boundary includedbuilt_in
Nodes
5
Edges
4
Version
3.0.0
Storage
local draft
Create Local DraftView Gallery

Workflow graph

This is a reusable template graph. Opening it in Builder creates a browser-local draft that can be saved and reopened from Builder recent drafts or Gallery local drafts.

  1. Step 1 · start

    Start

    public-safe

  2. Step 2 · api_call

    Load OpenAPI operation

    public-safe

  3. Step 3 · transform_json

    Build request payload preview

    public-safe

  4. Step 4 · approval

    Operator operation submit panel

    operator boundary

  5. Step 5 · end

    Complete

    public-safe
Template JSON
{
  "nodes": [
    {
      "id": "start-1",
      "type": "start",
      "label": "Start",
      "x": 80,
      "y": 160,
      "position": {
        "x": 80,
        "y": 160
      },
      "config": {
        "publicSafe": true,
        "protectedAction": false
      },
      "status": "idle",
      "metadata": {}
    },
    {
      "id": "api_call-2",
      "type": "api_call",
      "label": "Load OpenAPI operation",
      "x": 310,
      "y": 240,
      "position": {
        "x": 310,
        "y": 240
      },
      "config": {
        "publicSafe": true,
        "protectedAction": false,
        "service": "api.platphormnews.com",
        "mode": "render_only"
      },
      "status": "idle",
      "metadata": {}
    },
    {
      "id": "transform_json-3",
      "type": "transform_json",
      "label": "Build request payload preview",
      "x": 540,
      "y": 160,
      "position": {
        "x": 540,
        "y": 160
      },
      "config": {
        "publicSafe": true,
        "protectedAction": false,
        "output": "request_examples"
      },
      "status": "idle",
      "metadata": {}
    },
    {
      "id": "approval-4",
      "type": "approval",
      "label": "Operator operation submit panel",
      "x": 770,
      "y": 240,
      "position": {
        "x": 770,
        "y": 240
      },
      "config": {
        "publicSafe": false,
        "protectedAction": true
      },
      "status": "idle",
      "metadata": {}
    },
    {
      "id": "end-5",
      "type": "end",
      "label": "Complete",
      "x": 1000,
      "y": 160,
      "position": {
        "x": 1000,
        "y": 160
      },
      "config": {
        "publicSafe": true,
        "protectedAction": false
      },
      "status": "idle",
      "metadata": {}
    }
  ],
  "edges": [
    {
      "id": "edge-1",
      "source": "start-1",
      "target": "api_call-2",
      "sourceNodeId": "start-1",
      "targetNodeId": "api_call-2",
      "condition": "success",
      "metadata": {}
    },
    {
      "id": "edge-2",
      "source": "api_call-2",
      "target": "transform_json-3",
      "sourceNodeId": "api_call-2",
      "targetNodeId": "transform_json-3",
      "metadata": {}
    },
    {
      "id": "edge-3",
      "source": "transform_json-3",
      "target": "approval-4",
      "sourceNodeId": "transform_json-3",
      "targetNodeId": "approval-4",
      "metadata": {}
    },
    {
      "id": "edge-4",
      "source": "approval-4",
      "target": "end-5",
      "sourceNodeId": "approval-4",
      "targetNodeId": "end-5",
      "metadata": {}
    }
  ]
}