Protocol workbench

Inspect a RenderEnvelope

Edit the input and follow validation, renderer selection, and fallback behavior before anything is rendered.

Input

Raw envelope

{
  "id": "demo-weather",
  "version": "1.0.0",
  "presentation": {
    "title": "Beijing · 7 day forecast",
    "display": "panel"
  },
  "source": {
    "provider": "ModelCanvas Demo Provider",
    "model": "fixture-v1",
    "createdAt": "2026-07-11T00:00:00.000Z"
  },
  "type": "widget.weather",
  "payload": {
    "location": "Beijing, China",
    "temperature": 29,
    "unit": "C",
    "condition": "Partly cloudy",
    "feelsLike": 31,
    "humidity": 46,
    "windSpeed": 12,
    "precipitationProbability": 20,
    "airQualityIndex": 58,
    "hourly": [
      {
        "time": "09:00",
        "temperature": 25,
        "precipitationProbability": 5,
        "condition": "Sunny"
      },
      {
        "time": "12:00",
        "temperature": 29,
        "precipitationProbability": 10,
        "condition": "Sunny"
      },
      {
        "time": "15:00",
        "temperature": 31,
        "precipitationProbability": 20,
        "condition": "Cloudy"
      },
      {
        "time": "18:00",
        "temperature": 28,
        "precipitationProbability": 15,
        "condition": "Cloudy"
      },
      {
        "time": "21:00",
        "temperature": 24,
        "precipitationProbability": 5,
        "condition": "Clear"
      }
    ],
    "daily": [
      {
        "date": "Sat",
        "high": 31,
        "low": 22,
        "condition": "Partly cloudy",
        "precipitationProbability": 20
      },
      {
        "date": "Sun",
        "high": 33,
        "low": 23,
        "condition": "Sunny",
        "precipitationProbability": 10
      },
      {
        "date": "Mon",
        "high": 32,
        "low": 24,
        "condition": "Cloudy",
        "precipitationProbability": 30
      },
      {
        "date": "Tue",
        "high": 28,
        "low": 21,
        "condition": "Rain",
        "precipitationProbability": 70
      },
      {
        "date": "Wed",
        "high": 29,
        "low": 20,
        "condition": "Clear",
        "precipitationProbability": 10
      },
      {
        "date": "Thu",
        "high": 30,
        "low": 21,
        "condition": "Sunny",
        "precipitationProbability": 5
      },
      {
        "date": "Fri",
        "high": 31,
        "low": 22,
        "condition": "Sunny",
        "precipitationProbability": 5
      }
    ],
    "updatedAt": "2026-07-11 08:00 CST",
    "provider": "Demo fixture · sample data"
  }
}

Loading Weather Widget

Protocol Inspector

Render decision

Selected rendererResolving…—

Render time—

FallbackNo

Waiting for renderer resolution…