{
  "id": "bbg-p0256-web-request-lifecycle-web-request",
  "title": "HTTPS TLS Handshake Flow",
  "chapter": "web-request-lifecycle",
  "batch": "06",
  "rank": 59,
  "sourcePage": 256,
  "sourcePointer": "p. 256",
  "status": "accepted",
  "reviewerStatus": "reviewed",
  "fidelityScore": 0.9,
  "canvas": {
    "width": 960,
    "height": 640
  },
  "fireworksTechGraph": {
    "style": "style-1-flat-icon",
    "diagramType": "sequence",
    "topologyNotes": [
      "source page render inspected",
      "extracted page text inspected",
      "source page render inspected",
      "preserve HTTPS sequence: TCP connect, client hello, server hello and certificate, certificate validation, session key exchange, encrypted request, and response",
      "omit source branding, certificate artwork, and copied packet text"
    ],
    "publicBoundary": [
      "original vector output",
      "no source pixels",
      "no source mark or long wording"
    ]
  },
  "callouts": [
    {
      "label": "Encrypted request/response follows the negotiated session key.",
      "x": 520,
      "y": 482
    }
  ],
  "sourceReview": {
    "conceptAnchors": [
      "concept: TCP handshake",
      "concept: client hello",
      "concept: server certificate",
      "concept: session key",
      "concept: encrypted HTTP request"
    ],
    "labelSource": "curated",
    "semanticStatus": "reviewed"
  },
  "groups": [
    {
      "id": "tls",
      "label": "Secure web exchange",
      "x": 68,
      "y": 126,
      "w": 824,
      "h": 338
    }
  ],
  "shapes": [
    {
      "id": "client",
      "kind": "actor",
      "label": "Browser",
      "detail": "client",
      "x": 108,
      "y": 252,
      "w": 82,
      "h": 88,
      "tone": "blue"
    },
    {
      "id": "tcp",
      "kind": "rect",
      "label": "TCP connect",
      "detail": "SYN ACK",
      "x": 264,
      "y": 160,
      "w": 126,
      "h": 58,
      "tone": "orange"
    },
    {
      "id": "hello",
      "kind": "rect",
      "label": "Client hello",
      "detail": "cipher suites",
      "x": 426,
      "y": 160,
      "w": 126,
      "h": 58,
      "tone": "purple"
    },
    {
      "id": "cert",
      "kind": "rect",
      "label": "Certificate",
      "detail": "public key CA",
      "x": 588,
      "y": 160,
      "w": 126,
      "h": 58,
      "tone": "green"
    },
    {
      "id": "key",
      "kind": "diamond",
      "label": "Session key",
      "detail": "encrypted",
      "x": 426,
      "y": 322,
      "w": 126,
      "h": 86,
      "tone": "red"
    },
    {
      "id": "server",
      "kind": "rect",
      "label": "Web server",
      "detail": "HTTPS",
      "x": 750,
      "y": 252,
      "w": 126,
      "h": 68,
      "tone": "teal"
    }
  ],
  "connectors": [
    {
      "from": "client",
      "to": "tcp",
      "label": "connect",
      "flow": "main"
    },
    {
      "from": "tcp",
      "to": "hello",
      "label": "TLS start",
      "flow": "main"
    },
    {
      "from": "hello",
      "to": "cert",
      "label": "server hello",
      "flow": "data"
    },
    {
      "from": "cert",
      "to": "key",
      "label": "validate",
      "flow": "control"
    },
    {
      "from": "key",
      "to": "server",
      "label": "encrypted",
      "flow": "main"
    }
  ]
}