{"type":"excalidraw","version":2,"source":"https://AwesomeSystemDesign.dev","elements":[{"angle":0,"strokeColor":"#6577aa","backgroundColor":"#eef1fc","fillStyle":"solid","strokeWidth":1.5,"strokeStyle":"solid","roughness":0.7,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-1"],"frameId":null,"roundness":null,"boundElements":[{"type":"text","id":"shape-1"}],"updated":0,"link":null,"locked":false,"id":"shape-0","type":"rectangle","seed":41,"x":16,"y":16,"width":288,"height":407.8,"customData":{"revealStep":1}},{"angle":0,"strokeColor":"#394557","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1.5,"strokeStyle":"solid","roughness":0.7,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-1"],"frameId":null,"roundness":null,"boundElements":null,"updated":0,"link":null,"locked":false,"id":"shape-1","type":"text","seed":114,"x":36,"y":34,"width":248,"height":371.8,"fontSize":22,"fontFamily":1,"text":"No pending ops.\nClient revision =\nserver revision.\n\nOn local edit:\n→ Apply locally\n→ Send op to server\n→ Transition to\nAWAITING_ACK\n\nOn remote op:\n→ Apply directly (no\ntransform)","originalText":"No pending ops.\nClient revision =\nserver revision.\n\nOn local edit:\n→ Apply locally\n→ Send op to server\n→ Transition to\nAWAITING_ACK\n\nOn remote op:\n→ Apply directly (no\ntransform)","textAlign":"left","verticalAlign":"middle","containerId":"shape-0","lineHeight":1.3,"autoResize":false,"customData":{"revealStep":1}},{"angle":0,"strokeColor":"#6577aa","backgroundColor":"#eef1fc","fillStyle":"solid","strokeWidth":1.5,"strokeStyle":"solid","roughness":0.7,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-2"],"frameId":null,"roundness":null,"boundElements":[{"type":"text","id":"shape-3"},{"type":"arrow","id":"shape-4"}],"updated":0,"link":null,"locked":false,"id":"shape-2","type":"rectangle","seed":187,"x":16,"y":467.8,"width":288,"height":121.8,"customData":{"revealStep":2}},{"angle":0,"strokeColor":"#394557","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1.5,"strokeStyle":"solid","roughness":0.7,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-2"],"frameId":null,"roundness":null,"boundElements":null,"updated":0,"link":null,"locked":false,"id":"shape-3","type":"text","seed":260,"x":36,"y":485.8,"width":248,"height":85.8,"fontSize":22,"fontFamily":1,"text":"No pending ops.\nClient revision =\nserver revision.","originalText":"No pending ops.\nClient revision =\nserver revision.","textAlign":"left","verticalAlign":"middle","containerId":"shape-2","lineHeight":1.3,"autoResize":false,"customData":{"revealStep":2}},{"angle":0,"strokeColor":"#6577aa","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0.4,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-2"],"frameId":null,"roundness":null,"boundElements":null,"updated":0,"link":null,"locked":false,"id":"shape-4","type":"arrow","seed":333,"x":36,"y":603.6,"width":0,"height":28,"points":[[0,0],[0,28]],"lastCommittedPoint":null,"startBinding":{"elementId":"shape-2","focus":0,"gap":14},"endBinding":{"elementId":"shape-5","focus":0,"gap":14},"startArrowhead":null,"endArrowhead":"arrow","elbowed":false,"customData":{"revealStep":2}},{"angle":0,"strokeColor":"#628572","backgroundColor":"#edf5ee","fillStyle":"solid","strokeWidth":1.5,"strokeStyle":"solid","roughness":0.7,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-2"],"frameId":null,"roundness":null,"boundElements":[{"type":"text","id":"shape-6"},{"type":"arrow","id":"shape-4"}],"updated":0,"link":null,"locked":false,"id":"shape-5","type":"rectangle","seed":406,"x":16,"y":645.6,"width":288,"height":751,"customData":{"revealStep":2}},{"angle":0,"strokeColor":"#394557","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1.5,"strokeStyle":"solid","roughness":0.7,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-2"],"frameId":null,"roundness":null,"boundElements":null,"updated":0,"link":null,"locked":false,"id":"shape-6","type":"text","seed":479,"x":36,"y":663.6,"width":248,"height":715,"fontSize":22,"fontFamily":1,"text":"One op sent to\nserver, waiting ACK.\npending_op = sent op\nbuffer = empty\n\nOn local edit:\n→ Apply locally\n→ Add to buffer\n(compose ops)\n→ Transition to\nAWAITING_ACK_\nWITH_BUFFER\n\nOn server ACK:\n→ Transition to\nSYNCHRONIZED\n\nOn remote op:\n→ Transform remote\nop against\npending_op\n→ Apply transformed\nremote op\n→ Update pending_op\n(transformed)","originalText":"One op sent to\nserver, waiting ACK.\npending_op = sent op\nbuffer = empty\n\nOn local edit:\n→ Apply locally\n→ Add to buffer\n(compose ops)\n→ Transition to\nAWAITING_ACK_\nWITH_BUFFER\n\nOn server ACK:\n→ Transition to\nSYNCHRONIZED\n\nOn remote op:\n→ Transform remote\nop against\npending_op\n→ Apply transformed\nremote op\n→ Update pending_op\n(transformed)","textAlign":"left","verticalAlign":"middle","containerId":"shape-5","lineHeight":1.3,"autoResize":false,"customData":{"revealStep":2}},{"angle":0,"strokeColor":"#6577aa","backgroundColor":"#eef1fc","fillStyle":"solid","strokeWidth":1.5,"strokeStyle":"solid","roughness":0.7,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-3"],"frameId":null,"roundness":null,"boundElements":[{"type":"text","id":"shape-8"},{"type":"arrow","id":"shape-9"}],"updated":0,"link":null,"locked":false,"id":"shape-7","type":"rectangle","seed":552,"x":16,"y":1440.6,"width":288,"height":150.4,"customData":{"revealStep":3}},{"angle":0,"strokeColor":"#394557","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1.5,"strokeStyle":"solid","roughness":0.7,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-3"],"frameId":null,"roundness":null,"boundElements":null,"updated":0,"link":null,"locked":false,"id":"shape-8","type":"text","seed":625,"x":36,"y":1458.6,"width":248,"height":114.4,"fontSize":22,"fontFamily":1,"text":"One op sent to\nserver, waiting ACK.\npending_op = sent op\nbuffer = empty","originalText":"One op sent to\nserver, waiting ACK.\npending_op = sent op\nbuffer = empty","textAlign":"left","verticalAlign":"middle","containerId":"shape-7","lineHeight":1.3,"autoResize":false,"customData":{"revealStep":3}},{"angle":0,"strokeColor":"#6577aa","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":0.4,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-3"],"frameId":null,"roundness":null,"boundElements":null,"updated":0,"link":null,"locked":false,"id":"shape-9","type":"arrow","seed":698,"x":36,"y":1605,"width":0,"height":28,"points":[[0,0],[0,28]],"lastCommittedPoint":null,"startBinding":{"elementId":"shape-7","focus":0,"gap":14},"endBinding":{"elementId":"shape-10","focus":0,"gap":14},"startArrowhead":null,"endArrowhead":"arrow","elbowed":false,"customData":{"revealStep":3}},{"angle":0,"strokeColor":"#628572","backgroundColor":"#edf5ee","fillStyle":"solid","strokeWidth":1.5,"strokeStyle":"solid","roughness":0.7,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-3"],"frameId":null,"roundness":null,"boundElements":[{"type":"text","id":"shape-11"},{"type":"arrow","id":"shape-9"}],"updated":0,"link":null,"locked":false,"id":"shape-10","type":"rectangle","seed":771,"x":16,"y":1647,"width":288,"height":779.6,"customData":{"revealStep":3}},{"angle":0,"strokeColor":"#394557","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1.5,"strokeStyle":"solid","roughness":0.7,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-3"],"frameId":null,"roundness":null,"boundElements":null,"updated":0,"link":null,"locked":false,"id":"shape-11","type":"text","seed":844,"x":36,"y":1665,"width":248,"height":743.6,"fontSize":22,"fontFamily":1,"text":"One op in flight +\nbuffered local ops\npending_op = sent op\nbuffer = composed\nlocal ops\n\nOn local edit:\n→ Apply locally\n→ Compose with\nbuffer\n\nOn server ACK:\n→ Send buffer as\nnext op\n→ pending_op = buffer\n→ buffer = empty\n→ Transition to\nAWAITING_ACK\n\nOn remote op:\n→ Transform against\npending_op\n→ Transform against\nbuffer\n→ Apply transformed\nremote op","originalText":"One op in flight +\nbuffered local ops\npending_op = sent op\nbuffer = composed\nlocal ops\n\nOn local edit:\n→ Apply locally\n→ Compose with\nbuffer\n\nOn server ACK:\n→ Send buffer as\nnext op\n→ pending_op = buffer\n→ buffer = empty\n→ Transition to\nAWAITING_ACK\n\nOn remote op:\n→ Transform against\npending_op\n→ Transform against\nbuffer\n→ Apply transformed\nremote op","textAlign":"left","verticalAlign":"middle","containerId":"shape-10","lineHeight":1.3,"autoResize":false,"customData":{"revealStep":3}},{"angle":0,"strokeColor":"#9180ac","backgroundColor":"#f4effb","fillStyle":"solid","strokeWidth":1.5,"strokeStyle":"solid","roughness":0.7,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-4"],"frameId":null,"roundness":null,"boundElements":[{"type":"text","id":"shape-13"}],"updated":0,"link":null,"locked":false,"id":"shape-12","type":"rectangle","seed":917,"x":16,"y":2470.6,"width":288,"height":550.8000000000001,"customData":{"revealStep":4}},{"angle":0,"strokeColor":"#394557","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1.5,"strokeStyle":"solid","roughness":0.7,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-4"],"frameId":null,"roundness":null,"boundElements":null,"updated":0,"link":null,"locked":false,"id":"shape-13","type":"text","seed":990,"x":36,"y":2488.6,"width":248,"height":514.8000000000001,"fontSize":22,"fontFamily":1,"text":"Client State Machine\n\nThe client is always\nin one of three\nstates:\n\nState 1:\nSYNCHRONIZED\nlocal edit\n\nState 2:\nAWAITING_ACK\nlocal edit (while\nwaiting)\n\nState 3:\nAWAITING_ACK_WI\nTH_BUFFER","originalText":"Client State Machine\n\nThe client is always\nin one of three\nstates:\n\nState 1:\nSYNCHRONIZED\nlocal edit\n\nState 2:\nAWAITING_ACK\nlocal edit (while\nwaiting)\n\nState 3:\nAWAITING_ACK_WI\nTH_BUFFER","textAlign":"left","verticalAlign":"middle","containerId":"shape-12","lineHeight":1.3,"autoResize":false,"customData":{"revealStep":4}}],"appState":{"viewBackgroundColor":"#fbfbf8","gridSize":null},"files":{}}