{"version":"1792001587646","document":{"id":"4523b8c1-f369-4056-bb26-bfbcbfc532c9","title":"How Unpaged Works","owner":"4gVuO8jOTVRrvthbv3i2wTjKxrW2","rootNodeId":"a9ceee53-9ab8-4d96-a10b-a63d1f22a405","schemaVersion":4,"createdAt":1787241688004,"updatedAt":1792001587646},"node":{"id":"a9ceee53-9ab8-4d96-a10b-a63d1f22a405","title":"How Unpaged Works","canvasWidth":1920,"canvasHeight":1080,"backgroundColor":"#EEF2F7","content":"The overview map. Six blue boxes, each opening into one screen: the data model, the editor pipeline, saving, live collaboration, sharing, and the MCP server that built this.","elementWriters":{},"elements":{"a726d1cc-2721-4596-ad41-a721ce886dbc":{"id":"a726d1cc-2721-4596-ad41-a721ce886dbc","elementType":"text","x":160,"y":40,"width":1600,"height":54,"rotation":0,"schemaVersion":1,"properties":{"text":"**How Unpaged Works**","fontSize":40,"textAlign":"center","fillColor":"#0F172A","__usesTopLeft":true},"zOrder":0},"099cf708-31b2-4a98-a595-5a88f692ed53":{"id":"099cf708-31b2-4a98-a595-5a88f692ed53","elementType":"text","x":160,"y":100,"width":1600,"height":28,"rotation":0,"schemaVersion":1,"properties":{"text":"One overview, six detail canvases — every blue card opens. Built end-to-end by Claude through the Unpaged MCP server, from a single prompt.","fontSize":20,"textAlign":"center","fillColor":"#64748B","__usesTopLeft":true},"zOrder":1},"aa46ef94-79fc-4121-ac67-00270cb77f7b":{"id":"aa46ef94-79fc-4121-ac67-00270cb77f7b","elementType":"rectangle","x":90,"y":230,"width":240,"height":110,"rotation":0,"schemaVersion":2,"properties":{"fillColor":"#FFFFFF","strokeColor":"#CBD5E1","strokeWidth":2,"cornerRadius":12,"fontSize":17,"textColor":"#0F172A","textAlign":"center","verticalAlign":"middle","text":"**You**\nclick, draw, type"},"zOrder":2},"f972632e-f5de-4516-bd75-88a9a30f9754":{"id":"f972632e-f5de-4516-bd75-88a9a30f9754","elementType":"rectangle","x":400,"y":230,"width":280,"height":110,"rotation":0,"schemaVersion":2,"properties":{"fillColor":"#DBEAFE","strokeColor":"#2563EB","strokeWidth":2,"cornerRadius":12,"fontSize":17,"textColor":"#0F172A","textAlign":"center","verticalAlign":"middle","text":"**The editor**\nfrom gesture to state"},"isLink":true,"linkTarget":"2aa378c3-f406-414c-a7aa-8d0e42f4b1ed","linkOrder":1,"zOrder":3},"db555b6b-e66f-460c-8d55-f1c128232c2e":{"id":"db555b6b-e66f-460c-8d55-f1c128232c2e","elementType":"rectangle","x":750,"y":230,"width":280,"height":110,"rotation":0,"schemaVersion":2,"properties":{"fillColor":"#DBEAFE","strokeColor":"#2563EB","strokeWidth":2,"cornerRadius":12,"fontSize":17,"textColor":"#0F172A","textAlign":"center","verticalAlign":"middle","text":"**Your document**\ncanvases inside canvases"},"isLink":true,"linkTarget":"d91d6b5e-dd6d-4d15-a79e-e70464c3745e","linkOrder":2,"zOrder":4},"425395e2-346b-4e7f-9750-33fdf24bc889":{"id":"425395e2-346b-4e7f-9750-33fdf24bc889","elementType":"rectangle","x":1100,"y":230,"width":280,"height":110,"rotation":0,"schemaVersion":2,"properties":{"fillColor":"#DBEAFE","strokeColor":"#2563EB","strokeWidth":2,"cornerRadius":12,"fontSize":16,"textColor":"#0F172A","textAlign":"center","verticalAlign":"middle","text":"**Saving your work**\nthere is no Save button"},"isLink":true,"linkTarget":"5c5d01e8-dec6-4d93-9eb9-2000cea7e4ab","linkOrder":3,"zOrder":5},"839715a7-43b5-454c-8a93-14ce476a4083":{"id":"839715a7-43b5-454c-8a93-14ce476a4083","elementType":"rectangle","x":1450,"y":230,"width":280,"height":110,"rotation":0,"schemaVersion":2,"properties":{"fillColor":"#FFFFFF","strokeColor":"#CBD5E1","strokeWidth":2,"cornerRadius":12,"fontSize":16,"textColor":"#0F172A","textAlign":"center","verticalAlign":"middle","text":"**Anywhere**\nsame document, every screen"},"zOrder":6},"27aa1311-0b96-4eb5-a109-27e053e7a569":{"id":"27aa1311-0b96-4eb5-a109-27e053e7a569","elementType":"rectangle","x":400,"y":430,"width":280,"height":110,"rotation":0,"schemaVersion":2,"properties":{"fillColor":"#DBEAFE","strokeColor":"#2563EB","strokeWidth":2,"cornerRadius":12,"fontSize":16,"textColor":"#0F172A","textAlign":"center","verticalAlign":"middle","text":"**Agents at the whiteboard**\nClaude works here"},"isLink":true,"linkTarget":"e5cc2702-6b22-4e8e-8507-25acfa3f00c2","linkOrder":4,"zOrder":7},"4bff4e4c-bdfa-4c30-bdd5-30e4b827976a":{"id":"4bff4e4c-bdfa-4c30-bdd5-30e4b827976a","elementType":"rectangle","x":750,"y":430,"width":280,"height":110,"rotation":0,"schemaVersion":2,"properties":{"fillColor":"#DBEAFE","strokeColor":"#2563EB","strokeWidth":2,"cornerRadius":12,"fontSize":17,"textColor":"#0F172A","textAlign":"center","verticalAlign":"middle","text":"**Live collaboration**\nsame canvas, live"},"isLink":true,"linkTarget":"db918496-ca8a-4a44-bf40-6935bc22a60d","linkOrder":5,"zOrder":8},"d6498743-5739-4afc-98e2-abcd8419bdd5":{"id":"d6498743-5739-4afc-98e2-abcd8419bdd5","elementType":"rectangle","x":1100,"y":430,"width":280,"height":110,"rotation":0,"schemaVersion":2,"properties":{"fillColor":"#DBEAFE","strokeColor":"#2563EB","strokeWidth":2,"cornerRadius":12,"fontSize":17,"textColor":"#0F172A","textAlign":"center","verticalAlign":"middle","text":"**Sharing & access**\nprivate by default"},"isLink":true,"linkTarget":"141f8a3f-cef8-45dd-bfce-3bb6b8000b08","linkOrder":6,"zOrder":9},"7bb65693-1bc4-4f5f-9b04-555e576ec855":{"id":"7bb65693-1bc4-4f5f-9b04-555e576ec855","elementType":"rectangle","x":120,"y":620,"width":850,"height":260,"rotation":0,"schemaVersion":2,"properties":{"fillColor":"#FFFFFF","strokeColor":"#CBD5E1","strokeWidth":2,"cornerRadius":12,"text":"","textColor":"#0F172A","fontSize":14,"textAlign":"center","verticalAlign":"middle"},"zOrder":10},"cfe389c8-dfcc-4fdc-88c1-069975e0db0c":{"id":"cfe389c8-dfcc-4fdc-88c1-069975e0db0c","elementType":"text","x":150,"y":645,"width":790,"height":210,"rotation":0,"schemaVersion":1,"properties":{"fontSize":15,"fillColor":"#0F172A","text":"**Six detail canvases, one idea**\n\nEach blue card opens into one screen of explanation — the data model, the editing pipeline, saving, live collaboration, sharing, and the MCP server that let an AI build this.\n\nOpen them in any order. Nothing scrolls; depth replaces sprawl.","__usesTopLeft":true},"zOrder":11},"c10b4b33-c2ed-4615-957a-b1ca5e4ecfbf":{"id":"c10b4b33-c2ed-4615-957a-b1ca5e4ecfbf","elementType":"rectangle","x":1030,"y":620,"width":770,"height":260,"rotation":0,"schemaVersion":2,"properties":{"fillColor":"#FFFFFF","strokeColor":"#CBD5E1","strokeWidth":2,"cornerRadius":12,"text":"","textColor":"#0F172A","fontSize":14,"textAlign":"center","verticalAlign":"middle"},"zOrder":12},"e2ba3077-f8ac-46a0-a52c-c990e86089f1":{"id":"e2ba3077-f8ac-46a0-a52c-c990e86089f1","elementType":"text","x":1060,"y":645,"width":710,"height":210,"rotation":0,"schemaVersion":1,"properties":{"fontSize":15,"fillColor":"#0F172A","text":"**How to read this map**\n\nCards with a corner badge open into their own canvas — click the badge, or tap it on mobile. The breadcrumb at the bottom always leads back here.\n\n**Cmd/Ctrl + G** lays out the whole tree at once.","__usesTopLeft":true},"zOrder":13},"0e73a258-f0d2-455b-abb0-13a4713b6bd3":{"id":"0e73a258-f0d2-455b-abb0-13a4713b6bd3","elementType":"text","x":160,"y":990,"width":1600,"height":24,"rotation":0,"schemaVersion":1,"properties":{"fontSize":15,"textAlign":"center","fillColor":"#64748B","text":"Built by Claude through mcp.unpaged.io — no hands on the mouse. Copy this document to your library and map your own system the same way.","__usesTopLeft":true},"zOrder":14},"efa51106-93f9-49dd-a580-9fd6bf0b363d":{"id":"efa51106-93f9-49dd-a580-9fd6bf0b363d","elementType":"connector","schemaVersion":1,"properties":{"startElementId":"aa46ef94-79fc-4121-ac67-00270cb77f7b","endElementId":"f972632e-f5de-4516-bd75-88a9a30f9754","startAnchor":"edge-right","endAnchor":"edge-left","strokeColor":"#64748B","strokeWidth":2,"lineStyle":"solid","startMarker":"none","endMarker":"arrow","label":"every gesture"},"zOrder":15},"77dfd5ab-ed01-4cd8-9eec-263f1e105458":{"id":"77dfd5ab-ed01-4cd8-9eec-263f1e105458","elementType":"connector","schemaVersion":1,"properties":{"startElementId":"f972632e-f5de-4516-bd75-88a9a30f9754","endElementId":"db555b6b-e66f-460c-8d55-f1c128232c2e","startAnchor":"edge-right","endAnchor":"edge-left","strokeColor":"#64748B","strokeWidth":2,"lineStyle":"solid","startMarker":"none","endMarker":"arrow","label":"one action at a time"},"zOrder":16},"6251e2bf-837c-4711-937b-cfca4af69b09":{"id":"6251e2bf-837c-4711-937b-cfca4af69b09","elementType":"connector","schemaVersion":1,"properties":{"startElementId":"db555b6b-e66f-460c-8d55-f1c128232c2e","endElementId":"425395e2-346b-4e7f-9750-33fdf24bc889","startAnchor":"edge-right","endAnchor":"edge-left","strokeColor":"#64748B","strokeWidth":2,"lineStyle":"solid","startMarker":"none","endMarker":"arrow","label":"autosave"},"zOrder":17},"8521f265-fd9d-49f7-a3c4-5f5ee84dccc2":{"id":"8521f265-fd9d-49f7-a3c4-5f5ee84dccc2","elementType":"connector","schemaVersion":1,"properties":{"startElementId":"425395e2-346b-4e7f-9750-33fdf24bc889","endElementId":"839715a7-43b5-454c-8a93-14ce476a4083","startAnchor":"edge-right","endAnchor":"edge-left","strokeColor":"#64748B","strokeWidth":2,"lineStyle":"dashed","startMarker":"none","endMarker":"arrow","label":"live sync"},"zOrder":18},"deb5c8d6-1553-41d4-9404-73c842a0d8cf":{"id":"deb5c8d6-1553-41d4-9404-73c842a0d8cf","elementType":"connector","schemaVersion":1,"properties":{"startElementId":"27aa1311-0b96-4eb5-a109-27e053e7a569","endElementId":"f972632e-f5de-4516-bd75-88a9a30f9754","startAnchor":"edge-top","endAnchor":"edge-bottom","strokeColor":"#2563EB","strokeWidth":2,"lineStyle":"solid","startMarker":"none","endMarker":"arrow","label":"the same pipeline"},"zOrder":19},"7319ef76-eff3-44a9-accd-dd1ddb66c787":{"id":"7319ef76-eff3-44a9-accd-dd1ddb66c787","elementType":"connector","schemaVersion":1,"properties":{"startElementId":"4bff4e4c-bdfa-4c30-bdd5-30e4b827976a","endElementId":"db555b6b-e66f-460c-8d55-f1c128232c2e","startAnchor":"edge-top","endAnchor":"edge-bottom","strokeColor":"#16A34A","strokeWidth":2,"lineStyle":"solid","startMarker":"none","endMarker":"arrow","label":"merges live"},"zOrder":20},"52b881fd-6941-407d-b4b2-0d8cd9edebc0":{"id":"52b881fd-6941-407d-b4b2-0d8cd9edebc0","elementType":"connector","schemaVersion":1,"properties":{"startElementId":"d6498743-5739-4afc-98e2-abcd8419bdd5","endElementId":"db555b6b-e66f-460c-8d55-f1c128232c2e","startAnchor":"edge-top","endAnchor":"edge-bottom","strokeColor":"#64748B","strokeWidth":2,"lineStyle":"solid","startMarker":"none","endMarker":"arrow","label":"who can open it"},"zOrder":21}}}}