{
  "type": "excalidraw",
  "version": 2,
  "source": "techviz-harness",
  "elements": [
    {
      "id": "edge-keycloak-to-spa",
      "type": "arrow",
      "x": 145.0,
      "y": 296.0,
      "width": 353.5,
      "height": 194.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": 1472844691,
      "version": 1,
      "versionNonce": 1445012220,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false,
      "points": [
        [
          353.5,
          148.0
        ],
        [
          353.5,
          194.0
        ],
        [
          0.0,
          194.0
        ],
        [
          0.0,
          0.0
        ]
      ],
      "lastCommittedPoint": null,
      "startBinding": {
        "elementId": "node-keycloak",
        "focus": 0,
        "gap": 4
      },
      "endBinding": {
        "elementId": "node-browser-spa",
        "focus": 0,
        "gap": 4
      },
      "startArrowhead": null,
      "endArrowhead": "arrow",
      "elbowed": true
    },
    {
      "id": "edge-label-keycloak-to-spa",
      "type": "text",
      "x": 139.75,
      "y": 450.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": 1729196669,
      "version": 1,
      "versionNonce": 152659534,
      "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-spa-to-keycloak",
      "type": "arrow",
      "x": 220.0,
      "y": 279.0,
      "width": 203.5,
      "height": 142.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": 756098302,
      "version": 1,
      "versionNonce": 1103524562,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false,
      "points": [
        [
          0.0,
          0.0
        ],
        [
          111.75,
          0.0
        ],
        [
          111.75,
          142.0
        ],
        [
          203.5,
          142.0
        ]
      ],
      "lastCommittedPoint": null,
      "startBinding": {
        "elementId": "node-browser-spa",
        "focus": 0,
        "gap": 4
      },
      "endBinding": {
        "elementId": "node-keycloak",
        "focus": 0,
        "gap": 4
      },
      "startArrowhead": null,
      "endArrowhead": "arrow",
      "elbowed": true
    },
    {
      "id": "edge-label-spa-to-keycloak",
      "type": "text",
      "x": 187.75,
      "y": 328.0,
      "width": 240,
      "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": 1982957731,
      "version": 1,
      "versionNonce": 1531007620,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false,
      "fontSize": 13,
      "fontFamily": 5,
      "text": "Authorization Code + PKCE S256",
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": null,
      "originalText": "Authorization Code + PKCE S256",
      "autoResize": true,
      "lineHeight": 1.25
    },
    {
      "id": "edge-spa-to-memory",
      "type": "arrow",
      "x": 220.0,
      "y": 243.0,
      "width": 167.0,
      "height": 21.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": 1073681399,
      "version": 1,
      "versionNonce": 1624154339,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false,
      "points": [
        [
          0.0,
          0.0
        ],
        [
          83.5,
          0.0
        ],
        [
          83.5,
          21.0
        ],
        [
          167.0,
          21.0
        ]
      ],
      "lastCommittedPoint": null,
      "startBinding": {
        "elementId": "node-browser-spa",
        "focus": 0,
        "gap": 4
      },
      "endBinding": {
        "elementId": "node-browser-token-memory",
        "focus": 0,
        "gap": 4
      },
      "startArrowhead": null,
      "endArrowhead": "arrow",
      "elbowed": true
    },
    {
      "id": "edge-label-spa-to-memory",
      "type": "text",
      "x": 279.5,
      "y": 241.5,
      "width": 96,
      "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": 1169729373,
      "version": 1,
      "versionNonce": 142618791,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false,
      "fontSize": 13,
      "fontFamily": 5,
      "text": "token set 보관",
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": null,
      "originalText": "token set 보관",
      "autoResize": true,
      "lineHeight": 1.25
    },
    {
      "id": "edge-spa-to-resource-server",
      "type": "arrow",
      "x": 220.0,
      "y": 104.0,
      "width": 160.0,
      "height": 121.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": 307614412,
      "version": 1,
      "versionNonce": 900388795,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false,
      "points": [
        [
          0.0,
          121.0
        ],
        [
          80.0,
          121.0
        ],
        [
          80.0,
          0.0
        ],
        [
          160.0,
          0.0
        ]
      ],
      "lastCommittedPoint": null,
      "startBinding": {
        "elementId": "node-browser-spa",
        "focus": 0,
        "gap": 4
      },
      "endBinding": {
        "elementId": "node-api-resource-server",
        "focus": 0,
        "gap": 4
      },
      "startArrowhead": null,
      "endArrowhead": "arrow",
      "elbowed": true
    },
    {
      "id": "edge-label-spa-to-resource-server",
      "type": "text",
      "x": 200.0,
      "y": 152.5,
      "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": 293757913,
      "version": 1,
      "versionNonce": 69180808,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false,
      "fontSize": 13,
      "fontFamily": 5,
      "text": "memory-held access JWT · Bearer",
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": null,
      "originalText": "memory-held access JWT · Bearer",
      "autoResize": true,
      "lineHeight": 1.25
    },
    {
      "id": "node-browser-spa",
      "type": "rectangle",
      "x": 70.0,
      "y": 208.0,
      "width": 150.0,
      "height": 88.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": 842662139,
      "version": 1,
      "versionNonce": 836393305,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false
    },
    {
      "id": "node-label-browser-spa",
      "type": "text",
      "x": 80.0,
      "y": 218.0,
      "width": 130.0,
      "height": 68.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": 680410563,
      "version": 1,
      "versionNonce": 168315661,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false,
      "fontSize": 15,
      "fontFamily": 5,
      "text": "Public SPA\nspa-public\nPKCE S256",
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": null,
      "originalText": "Public SPA\nspa-public\nPKCE S256",
      "autoResize": true,
      "lineHeight": 1.25
    },
    {
      "id": "node-api-resource-server",
      "type": "rectangle",
      "x": 380.0,
      "y": 60.0,
      "width": 237.0,
      "height": 88.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": 1241561907,
      "version": 1,
      "versionNonce": 950374087,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false
    },
    {
      "id": "node-label-api-resource-server",
      "type": "text",
      "x": 390.0,
      "y": 70.0,
      "width": 217.0,
      "height": 68.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": 138484242,
      "version": 1,
      "versionNonce": 528224855,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false,
      "fontSize": 15,
      "fontFamily": 5,
      "text": "Resource Server\nissuer · time\nkeycloak-pattern-api audience",
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": null,
      "originalText": "Resource Server\nissuer · time\nkeycloak-pattern-api audience",
      "autoResize": true,
      "lineHeight": 1.25
    },
    {
      "id": "node-browser-token-memory",
      "type": "rectangle",
      "x": 387.0,
      "y": 220.0,
      "width": 223.0,
      "height": 88.0,
      "angle": 0,
      "strokeColor": "#1e1e1e",
      "backgroundColor": "#e7f5ff",
      "fillStyle": "solid",
      "strokeWidth": 2,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "frameId": null,
      "index": null,
      "roundness": {
        "type": 3
      },
      "seed": 59858893,
      "version": 1,
      "versionNonce": 1575317861,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false
    },
    {
      "id": "node-label-browser-token-memory",
      "type": "text",
      "x": 397.0,
      "y": 230.0,
      "width": 203.0,
      "height": 68.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": 455722088,
      "version": 1,
      "versionNonce": 1442910370,
      "isDeleted": false,
      "boundElements": [],
      "updated": 0,
      "link": null,
      "locked": false,
      "fontSize": 15,
      "fontFamily": 5,
      "text": "Browser JS memory\naccess · refresh · ID token\npersistent Web Storage 없음",
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": null,
      "originalText": "Browser JS memory\naccess · refresh · ID token\npersistent Web Storage 없음",
      "autoResize": true,
      "lineHeight": 1.25
    },
    {
      "id": "node-keycloak",
      "type": "rectangle",
      "x": 423.5,
      "y": 380.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": 433.5,
      "y": 390.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
    }
  ],
  "appState": {
    "gridSize": 10,
    "viewBackgroundColor": "#ffffff",
    "currentItemFontFamily": 5
  },
  "files": {}
}