{
  "type": "excalidraw",
  "version": 2,
  "source": "techviz-harness",
  "elements": [
    {
      "id": "edge-authorize",
      "type": "arrow",
      "x": 120.0,
      "y": 140.0,
      "width": 210.0,
      "height": 0.0,
      "angle": 0,
      "strokeColor": "#1e1e1e",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 2,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "frameId": null,
      "index": null,
      "roundness": null,
      "seed": 153262066,
      "version": 1,
      "versionNonce": 1109865188,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false,
      "points": [
        [
          0.0,
          0.0
        ],
        [
          210.0,
          0.0
        ]
      ],
      "lastCommittedPoint": null,
      "startBinding": {
        "elementId": "node-browser",
        "focus": 0,
        "gap": 4
      },
      "endBinding": {
        "elementId": "node-keycloak",
        "focus": 0,
        "gap": 4
      },
      "startArrowhead": null,
      "endArrowhead": "arrow",
      "elbowed": true
    },
    {
      "id": "edge-label-authorize",
      "type": "text",
      "x": 73.0,
      "y": 116.0,
      "width": 304,
      "height": 24,
      "angle": 0,
      "strokeColor": "#1e1e1e",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 0,
      "opacity": 100,
      "groupIds": [],
      "frameId": null,
      "index": null,
      "roundness": {
        "type": 3
      },
      "seed": 1306432149,
      "version": 1,
      "versionNonce": 1642113840,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false,
      "fontSize": 13,
      "fontFamily": 5,
      "text": "authorization request · S256 challenge",
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": null,
      "originalText": "authorization request · S256 challenge",
      "autoResize": true,
      "lineHeight": 1.25
    },
    {
      "id": "edge-callback",
      "type": "arrow",
      "x": 120.0,
      "y": 202.0,
      "width": 210.0,
      "height": 0.0,
      "angle": 0,
      "strokeColor": "#1e1e1e",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 2,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "frameId": null,
      "index": null,
      "roundness": null,
      "seed": 1802650704,
      "version": 1,
      "versionNonce": 1991045792,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false,
      "points": [
        [
          210.0,
          0.0
        ],
        [
          0.0,
          0.0
        ]
      ],
      "lastCommittedPoint": null,
      "startBinding": {
        "elementId": "node-keycloak",
        "focus": 0,
        "gap": 4
      },
      "endBinding": {
        "elementId": "node-browser",
        "focus": 0,
        "gap": 4
      },
      "startArrowhead": null,
      "endArrowhead": "arrow",
      "elbowed": true
    },
    {
      "id": "edge-label-callback",
      "type": "text",
      "x": 133.0,
      "y": 178.0,
      "width": 184,
      "height": 24,
      "angle": 0,
      "strokeColor": "#1e1e1e",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 0,
      "opacity": 100,
      "groupIds": [],
      "frameId": null,
      "index": null,
      "roundness": {
        "type": 3
      },
      "seed": 1929639337,
      "version": 1,
      "versionNonce": 1816804132,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false,
      "fontSize": 13,
      "fontFamily": 5,
      "text": "callback · code + state",
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": null,
      "originalText": "callback · code + state",
      "autoResize": true,
      "lineHeight": 1.25
    },
    {
      "id": "edge-token-request",
      "type": "arrow",
      "x": 120.0,
      "y": 264.0,
      "width": 210.0,
      "height": 0.0,
      "angle": 0,
      "strokeColor": "#1e1e1e",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 2,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "frameId": null,
      "index": null,
      "roundness": null,
      "seed": 514094626,
      "version": 1,
      "versionNonce": 942871324,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false,
      "points": [
        [
          0.0,
          0.0
        ],
        [
          210.0,
          0.0
        ]
      ],
      "lastCommittedPoint": null,
      "startBinding": {
        "elementId": "node-browser",
        "focus": 0,
        "gap": 4
      },
      "endBinding": {
        "elementId": "node-keycloak",
        "focus": 0,
        "gap": 4
      },
      "startArrowhead": null,
      "endArrowhead": "arrow",
      "elbowed": true
    },
    {
      "id": "edge-label-token-request",
      "type": "text",
      "x": 101.0,
      "y": 240.0,
      "width": 248,
      "height": 24,
      "angle": 0,
      "strokeColor": "#1e1e1e",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 0,
      "opacity": 100,
      "groupIds": [],
      "frameId": null,
      "index": null,
      "roundness": {
        "type": 3
      },
      "seed": 449177001,
      "version": 1,
      "versionNonce": 1284264247,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false,
      "fontSize": 13,
      "fontFamily": 5,
      "text": "token request · code + verifier",
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": null,
      "originalText": "token request · code + verifier",
      "autoResize": true,
      "lineHeight": 1.25
    },
    {
      "id": "edge-token-response",
      "type": "arrow",
      "x": 120.0,
      "y": 326.0,
      "width": 210.0,
      "height": 0.0,
      "angle": 0,
      "strokeColor": "#1e1e1e",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 2,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "frameId": null,
      "index": null,
      "roundness": null,
      "seed": 924685759,
      "version": 1,
      "versionNonce": 1455183840,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false,
      "points": [
        [
          210.0,
          0.0
        ],
        [
          0.0,
          0.0
        ]
      ],
      "lastCommittedPoint": null,
      "startBinding": {
        "elementId": "node-keycloak",
        "focus": 0,
        "gap": 4
      },
      "endBinding": {
        "elementId": "node-browser",
        "focus": 0,
        "gap": 4
      },
      "startArrowhead": null,
      "endArrowhead": "arrow",
      "elbowed": true
    },
    {
      "id": "edge-label-token-response",
      "type": "text",
      "x": 117.0,
      "y": 302.0,
      "width": 216,
      "height": 24,
      "angle": 0,
      "strokeColor": "#1e1e1e",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 0,
      "opacity": 100,
      "groupIds": [],
      "frameId": null,
      "index": null,
      "roundness": {
        "type": 3
      },
      "seed": 686621634,
      "version": 1,
      "versionNonce": 108833043,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false,
      "fontSize": 13,
      "fontFamily": 5,
      "text": "access + refresh + ID token",
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": null,
      "originalText": "access + refresh + ID token",
      "autoResize": true,
      "lineHeight": 1.25
    },
    {
      "id": "edge-api-request",
      "type": "arrow",
      "x": 120.0,
      "y": 388.0,
      "width": 420.0,
      "height": 0.0,
      "angle": 0,
      "strokeColor": "#1e1e1e",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 2,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "frameId": null,
      "index": null,
      "roundness": null,
      "seed": 458447436,
      "version": 1,
      "versionNonce": 226442684,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false,
      "points": [
        [
          0.0,
          0.0
        ],
        [
          420.0,
          0.0
        ]
      ],
      "lastCommittedPoint": null,
      "startBinding": {
        "elementId": "node-browser",
        "focus": 0,
        "gap": 4
      },
      "endBinding": {
        "elementId": "node-resource-server",
        "focus": 0,
        "gap": 4
      },
      "startArrowhead": null,
      "endArrowhead": "arrow",
      "elbowed": true
    },
    {
      "id": "edge-label-api-request",
      "type": "text",
      "x": 198.0,
      "y": 364.0,
      "width": 264,
      "height": 24,
      "angle": 0,
      "strokeColor": "#1e1e1e",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 0,
      "opacity": 100,
      "groupIds": [],
      "frameId": null,
      "index": null,
      "roundness": {
        "type": 3
      },
      "seed": 935709184,
      "version": 1,
      "versionNonce": 1738417618,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false,
      "fontSize": 13,
      "fontFamily": 5,
      "text": "GET /api/me · Bearer access token",
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": null,
      "originalText": "GET /api/me · Bearer access token",
      "autoResize": true,
      "lineHeight": 1.25
    },
    {
      "id": "edge-api-response",
      "type": "arrow",
      "x": 120.0,
      "y": 450.0,
      "width": 420.0,
      "height": 0.0,
      "angle": 0,
      "strokeColor": "#1e1e1e",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 2,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "frameId": null,
      "index": null,
      "roundness": null,
      "seed": 369211918,
      "version": 1,
      "versionNonce": 1850377031,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false,
      "points": [
        [
          420.0,
          0.0
        ],
        [
          0.0,
          0.0
        ]
      ],
      "lastCommittedPoint": null,
      "startBinding": {
        "elementId": "node-resource-server",
        "focus": 0,
        "gap": 4
      },
      "endBinding": {
        "elementId": "node-browser",
        "focus": 0,
        "gap": 4
      },
      "startArrowhead": null,
      "endArrowhead": "arrow",
      "elbowed": true
    },
    {
      "id": "edge-label-api-response",
      "type": "text",
      "x": 178.0,
      "y": 426.0,
      "width": 304,
      "height": 24,
      "angle": 0,
      "strokeColor": "#1e1e1e",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 0,
      "opacity": 100,
      "groupIds": [],
      "frameId": null,
      "index": null,
      "roundness": {
        "type": 3
      },
      "seed": 805232354,
      "version": 1,
      "versionNonce": 214385421,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false,
      "fontSize": 13,
      "fontFamily": 5,
      "text": "subject · username · issuer · audience",
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": null,
      "originalText": "subject · username · issuer · audience",
      "autoResize": true,
      "lineHeight": 1.25
    },
    {
      "id": "node-browser",
      "type": "rectangle",
      "x": 45.0,
      "y": 35.0,
      "width": 150.0,
      "height": 64.0,
      "angle": 0,
      "strokeColor": "#1e1e1e",
      "backgroundColor": "#ffffff",
      "fillStyle": "solid",
      "strokeWidth": 2,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "frameId": null,
      "index": null,
      "roundness": {
        "type": 3
      },
      "seed": 1549664096,
      "version": 1,
      "versionNonce": 397227867,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false
    },
    {
      "id": "node-label-browser",
      "type": "text",
      "x": 55.0,
      "y": 45.0,
      "width": 130.0,
      "height": 44.0,
      "angle": 0,
      "strokeColor": "#1e1e1e",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 0,
      "opacity": 100,
      "groupIds": [],
      "frameId": null,
      "index": null,
      "roundness": {
        "type": 3
      },
      "seed": 225442297,
      "version": 1,
      "versionNonce": 1441680053,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false,
      "fontSize": 15,
      "fontFamily": 5,
      "text": "브라우저 SPA",
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": null,
      "originalText": "브라우저 SPA",
      "autoResize": true,
      "lineHeight": 1.25
    },
    {
      "id": "node-keycloak",
      "type": "rectangle",
      "x": 255.0,
      "y": 35.0,
      "width": 150.0,
      "height": 64.0,
      "angle": 0,
      "strokeColor": "#1e1e1e",
      "backgroundColor": "#ffffff",
      "fillStyle": "solid",
      "strokeWidth": 2,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "frameId": null,
      "index": null,
      "roundness": {
        "type": 3
      },
      "seed": 819278378,
      "version": 1,
      "versionNonce": 1725278844,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false
    },
    {
      "id": "node-label-keycloak",
      "type": "text",
      "x": 265.0,
      "y": 45.0,
      "width": 130.0,
      "height": 44.0,
      "angle": 0,
      "strokeColor": "#1e1e1e",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 0,
      "opacity": 100,
      "groupIds": [],
      "frameId": null,
      "index": null,
      "roundness": {
        "type": 3
      },
      "seed": 1265230567,
      "version": 1,
      "versionNonce": 1115669911,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false,
      "fontSize": 15,
      "fontFamily": 5,
      "text": "Keycloak",
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": null,
      "originalText": "Keycloak",
      "autoResize": true,
      "lineHeight": 1.25
    },
    {
      "id": "node-resource-server",
      "type": "rectangle",
      "x": 465.0,
      "y": 35.0,
      "width": 150.0,
      "height": 64.0,
      "angle": 0,
      "strokeColor": "#1e1e1e",
      "backgroundColor": "#ffffff",
      "fillStyle": "solid",
      "strokeWidth": 2,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "frameId": null,
      "index": null,
      "roundness": {
        "type": 3
      },
      "seed": 972285001,
      "version": 1,
      "versionNonce": 1174270881,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false
    },
    {
      "id": "node-label-resource-server",
      "type": "text",
      "x": 475.0,
      "y": 45.0,
      "width": 130.0,
      "height": 44.0,
      "angle": 0,
      "strokeColor": "#1e1e1e",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 0,
      "opacity": 100,
      "groupIds": [],
      "frameId": null,
      "index": null,
      "roundness": {
        "type": 3
      },
      "seed": 1517556067,
      "version": 1,
      "versionNonce": 178679525,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false,
      "fontSize": 15,
      "fontFamily": 5,
      "text": "Resource Server",
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": null,
      "originalText": "Resource Server",
      "autoResize": true,
      "lineHeight": 1.25
    }
  ],
  "appState": {
    "gridSize": 10,
    "viewBackgroundColor": "#ffffff",
    "currentItemFontFamily": 5
  },
  "files": {}
}