{ "tldrawFileFormatVersion": 1, "schema": { "schemaVersion": 2, "sequences": { "com.tldraw.store": 5, "com.tldraw.asset": 1, "com.tldraw.camera": 1, "com.tldraw.document": 2, "com.tldraw.instance": 26, "com.tldraw.instance_page_state": 5, "com.tldraw.page": 1, "com.tldraw.instance_presence": 6, "com.tldraw.pointer": 1, "com.tldraw.shape": 4, "com.tldraw.user": 1, "com.tldraw.asset.image": 6, "com.tldraw.asset.video": 5, "com.tldraw.asset.bookmark": 2, "com.tldraw.shape.group": 0, "com.tldraw.shape.text": 4, "com.tldraw.shape.bookmark": 2, "com.tldraw.shape.draw": 5, "com.tldraw.shape.geo": 12, "com.tldraw.shape.note": 13, "com.tldraw.shape.line": 5, "com.tldraw.shape.frame": 1, "com.tldraw.shape.arrow": 8, "com.tldraw.shape.highlight": 4, "com.tldraw.shape.embed": 4, "com.tldraw.shape.image": 5, "com.tldraw.shape.video": 4, "com.tldraw.binding.arrow": 1 } }, "records": [ { "x": 0, "y": 0, "lastActivityTimestamp": 0, "meta": {}, "id": "pointer:8MFoGwxMhT0BMBADOYZF0", "typeName": "pointer" }, { "x": 60, "y": 210, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxpzynv", "diagramType": "architecture", "metadataVersion": 2, "kind": "component", "elementId": "hosting", "actions": [ "Cloudflare Pages serves HTML, JavaScript and CSS", "The same build includes the editor and engine", "No watch database or upload API" ], "errors": [], "evidence": [ "docs/RELEASING.md", "vite.config.js" ] } }, "id": "shape:architecture-muxpzynv-component-hosting", "type": "geo", "parentId": "page:page", "index": "a1L36", "props": { "geo": "rectangle", "flipX": false, "flipY": false, "dash": "solid", "url": "", "w": 400, "h": 390, "growY": 0, "scale": 1, "labelColor": "black", "color": "blue", "fill": "none", "size": "m", "font": "sans", "align": "start", "verticalAlign": "start", "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "Static hosting" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "CLOUDFLARE PAGES · STATIC FILES" } ] }, { "type": "paragraph", "content": [] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Cloudflare Pages serves HTML, JavaScript and CSS" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "The same build includes the editor and engine" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "No watch database or upload API" } ] } ] } }, "typeName": "shape" }, { "x": 0, "y": 0, "z": 1, "meta": {}, "id": "camera:page:page", "typeName": "camera" }, { "x": 640, "y": 210, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxpzynv", "diagramType": "architecture", "metadataVersion": 2, "kind": "component", "elementId": "ui", "actions": [ "Runs in your browser", "Handles controls, camera, selection and drawing", "Hands component choices to the engine" ], "errors": [], "evidence": [ "src/main.js", "src/editor.js" ] } }, "id": "shape:architecture-muxpzynv-component-ui", "type": "geo", "parentId": "page:page", "index": "a24bI", "props": { "geo": "rectangle", "flipX": false, "flipY": false, "dash": "solid", "url": "", "w": 440, "h": 390, "growY": 0, "scale": 1, "labelColor": "black", "color": "blue", "fill": "none", "size": "m", "font": "sans", "align": "start", "verticalAlign": "start", "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "Lab page and watch editor" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "BROWSER · USER INTERFACE" } ] }, { "type": "paragraph", "content": [] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Runs in your browser" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Handles controls, camera, selection and drawing" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Hands component choices to the engine" } ] } ] } }, "typeName": "shape" }, { "editingShapeId": null, "croppingShapeId": null, "selectedShapeIds": [], "hoveredShapeId": null, "erasingShapeIds": [], "hintingShapeIds": [], "focusedGroupId": null, "meta": {}, "id": "instance_page_state:TsCYY8K3vz3YjMTJtC1ws", "pageId": "page:page", "typeName": "instance_page_state" }, { "x": 60, "y": 20, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxpzynv", "diagramType": "architecture", "metadataVersion": 2, "kind": "title" } }, "id": "shape:architecture-muxpzynv-title", "type": "text", "parentId": "page:page", "index": "a0N5r", "props": { "color": "black", "size": "xl", "font": "sans", "textAlign": "start", "w": 1620, "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "Helicity Lab — what runs where, and what is saved" } ] } ] }, "scale": 1, "autoSize": false }, "typeName": "shape" }, { "x": 640, "y": 850, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxpzynv", "diagramType": "architecture", "metadataVersion": 2, "kind": "component", "elementId": "memory", "actions": [ "Watch name and selected component options", "Camera, inspection, explosion and Day/Lume mode", "Reload discards the current design" ], "errors": [], "evidence": [ "src/main.js", "src/editor.js" ] } }, "id": "shape:architecture-muxpzynv-component-memory", "type": "geo", "parentId": "page:page", "index": "a4Pfj", "props": { "geo": "rectangle", "flipX": false, "flipY": false, "dash": "solid", "url": "", "w": 440, "h": 390, "growY": 0, "scale": 1, "labelColor": "black", "color": "blue", "fill": "none", "size": "m", "font": "sans", "align": "start", "verticalAlign": "start", "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "Temporary browser memory" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "BROWSER RAM · LOST ON RELOAD" } ] }, { "type": "paragraph", "content": [] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Watch name and selected component options" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Camera, inspection, explosion and Day/Lume mode" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Reload discards the current design" } ] } ] } }, "typeName": "shape" }, { "x": 1240, "y": 210, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxpzynv", "diagramType": "architecture", "metadataVersion": 2, "kind": "component", "elementId": "engine", "actions": [ "Checks allowed component choices", "Builds the 3D parts, materials and assembly poses", "Includes fixed catalogs, rules and starter data" ], "errors": [], "evidence": [ "src/engine.js", "src/engine-contract.js", "src/watch-model.js" ] } }, "id": "shape:architecture-muxpzynv-component-engine", "type": "geo", "parentId": "page:page", "index": "a3uAf", "props": { "geo": "rectangle", "flipX": false, "flipY": false, "dash": "solid", "url": "", "w": 440, "h": 390, "growY": 0, "scale": 1, "labelColor": "black", "color": "violet", "fill": "none", "size": "m", "font": "sans", "align": "start", "verticalAlign": "start", "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "Helicity engine" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "BROWSER · DRAWING CODE" } ] }, { "type": "paragraph", "content": [] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Checks allowed component choices" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Builds the 3D parts, materials and assembly poses" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Includes fixed catalogs, rules and starter data" } ] } ] } }, "typeName": "shape" }, { "meta": {}, "id": "page:page", "name": "Page 1", "index": "a1", "typeName": "page" }, { "gridSize": 10, "name": "lab-system", "meta": {}, "id": "document:document", "typeName": "document" }, { "followingUserId": null, "opacityForNextShape": 1, "stylesForNextShape": {}, "brush": null, "scribbles": [], "cursor": { "type": "default", "rotation": 0 }, "isFocusMode": false, "exportBackground": true, "isDebugMode": false, "isToolLocked": false, "screenBounds": { "x": 0, "y": 0, "w": 1080, "h": 720 }, "insets": [ false, false, false, false ], "zoomBrush": null, "isGridMode": false, "isPenMode": false, "chatMessage": "", "isChatting": false, "highlightedUserIds": [], "isFocused": false, "devicePixelRatio": 1, "isCoarsePointer": false, "isHoveringCanvas": null, "openMenus": [], "isChangingStyle": false, "isReadonly": false, "meta": {}, "duplicateProps": null, "cameraState": "idle", "id": "instance:instance", "currentPageId": "page:page", "typeName": "instance" }, { "x": 1240, "y": 850, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxpzynv", "diagramType": "architecture", "metadataVersion": 2, "kind": "component", "elementId": "prefs", "actions": [ "Only the Lab wrist-tone cycle is persisted here", "Key: helicity-wrist-tone-cycle", "It does not contain a saved watch design" ], "errors": [], "evidence": [ "src/lab-preferences.js" ] } }, "id": "shape:architecture-muxpzynv-component-prefs", "type": "geo", "parentId": "page:page", "index": "a5dfX", "props": { "geo": "rectangle", "flipX": false, "flipY": false, "dash": "solid", "url": "", "w": 440, "h": 390, "growY": 0, "scale": 1, "labelColor": "black", "color": "orange", "fill": "none", "size": "m", "font": "sans", "align": "start", "verticalAlign": "start", "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "Browser local storage" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "LOCAL STORAGE · SURVIVES RELOAD" } ] }, { "type": "paragraph", "content": [] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Only the Lab wrist-tone cycle is persisted here" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Key: helicity-wrist-tone-cycle" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "It does not contain a saved watch design" } ] } ] } }, "typeName": "shape" }, { "x": 460, "y": 405, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxpzynv", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "hosting->ui:0", "from": "hosting", "to": "ui", "call": "page + assets", "evidence": [] } }, "id": "shape:lab-system-edge-0", "type": "arrow", "parentId": "page:page", "index": "aP", "props": { "kind": "elbow", "labelColor": "black", "color": "black", "fill": "none", "dash": "solid", "size": "m", "arrowheadStart": "none", "arrowheadEnd": "arrow", "font": "sans", "start": { "x": 0, "y": 0 }, "end": { "x": 180, "y": 0 }, "bend": 0, "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "page + assets" } ] } ] }, "labelPosition": 0.5, "scale": 1, "elbowMidPoint": 0.5 }, "typeName": "shape" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxpzynv", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "hosting->ui:0", "from": "hosting", "to": "ui", "call": "page + assets", "evidence": [] } }, "id": "binding:lab-system-0-0", "type": "arrow", "fromId": "shape:lab-system-edge-0", "toId": "shape:architecture-muxpzynv-component-hosting", "props": { "terminal": "start", "normalizedAnchor": { "x": 1, "y": 0.5 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxpzynv", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "hosting->ui:0", "from": "hosting", "to": "ui", "call": "page + assets", "evidence": [] } }, "id": "binding:lab-system-0-1", "type": "arrow", "fromId": "shape:lab-system-edge-0", "toId": "shape:architecture-muxpzynv-component-ui", "props": { "terminal": "end", "normalizedAnchor": { "x": 0, "y": 0.5 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" }, { "x": 1080, "y": 405, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxpzynv", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "hosting->ui:0", "from": "ui", "to": "engine", "call": "choices / parts", "evidence": [] } }, "id": "shape:lab-system-edge-1", "type": "arrow", "parentId": "page:page", "index": "aQ", "props": { "kind": "elbow", "labelColor": "black", "color": "black", "fill": "none", "dash": "solid", "size": "m", "arrowheadStart": "none", "arrowheadEnd": "arrow", "font": "sans", "start": { "x": 0, "y": 0 }, "end": { "x": 160, "y": 0 }, "bend": 0, "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "choices / parts" } ] } ] }, "labelPosition": 0.5, "scale": 1, "elbowMidPoint": 0.5 }, "typeName": "shape" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxpzynv", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "hosting->ui:0", "from": "hosting", "to": "ui", "call": "page + assets", "evidence": [] } }, "id": "binding:lab-system-1-0", "type": "arrow", "fromId": "shape:lab-system-edge-1", "toId": "shape:architecture-muxpzynv-component-ui", "props": { "terminal": "start", "normalizedAnchor": { "x": 1, "y": 0.5 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxpzynv", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "hosting->ui:0", "from": "hosting", "to": "ui", "call": "page + assets", "evidence": [] } }, "id": "binding:lab-system-1-1", "type": "arrow", "fromId": "shape:lab-system-edge-1", "toId": "shape:architecture-muxpzynv-component-engine", "props": { "terminal": "end", "normalizedAnchor": { "x": 0, "y": 0.5 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" }, { "x": 860, "y": 600, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxpzynv", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "hosting->ui:0", "from": "ui", "to": "memory", "call": "read / update", "evidence": [] } }, "id": "shape:lab-system-edge-2", "type": "arrow", "parentId": "page:page", "index": "aR", "props": { "kind": "elbow", "labelColor": "black", "color": "black", "fill": "none", "dash": "solid", "size": "m", "arrowheadStart": "none", "arrowheadEnd": "arrow", "font": "sans", "start": { "x": 0, "y": 0 }, "end": { "x": 0, "y": 250 }, "bend": 0, "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "read / update" } ] } ] }, "labelPosition": 0.5, "scale": 1, "elbowMidPoint": 0.5 }, "typeName": "shape" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxpzynv", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "hosting->ui:0", "from": "hosting", "to": "ui", "call": "page + assets", "evidence": [] } }, "id": "binding:lab-system-2-0", "type": "arrow", "fromId": "shape:lab-system-edge-2", "toId": "shape:architecture-muxpzynv-component-ui", "props": { "terminal": "start", "normalizedAnchor": { "x": 0.5, "y": 1 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxpzynv", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "hosting->ui:0", "from": "hosting", "to": "ui", "call": "page + assets", "evidence": [] } }, "id": "binding:lab-system-2-1", "type": "arrow", "fromId": "shape:lab-system-edge-2", "toId": "shape:architecture-muxpzynv-component-memory", "props": { "terminal": "end", "normalizedAnchor": { "x": 0.5, "y": 0 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" }, { "x": 1014, "y": 600, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxpzynv", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "hosting->ui:0", "from": "ui", "to": "prefs", "call": "wrist cycle", "evidence": [] } }, "id": "shape:lab-system-edge-3", "type": "arrow", "parentId": "page:page", "index": "aS", "props": { "kind": "elbow", "labelColor": "black", "color": "black", "fill": "none", "dash": "solid", "size": "m", "arrowheadStart": "none", "arrowheadEnd": "arrow", "font": "sans", "start": { "x": 0, "y": 0 }, "end": { "x": 446, "y": 250 }, "bend": 0, "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "wrist cycle" } ] } ] }, "labelPosition": 0.5, "scale": 1, "elbowMidPoint": 0.5 }, "typeName": "shape" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxpzynv", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "hosting->ui:0", "from": "hosting", "to": "ui", "call": "page + assets", "evidence": [] } }, "id": "binding:lab-system-3-0", "type": "arrow", "fromId": "shape:lab-system-edge-3", "toId": "shape:architecture-muxpzynv-component-ui", "props": { "terminal": "start", "normalizedAnchor": { "x": 0.85, "y": 1 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxpzynv", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "hosting->ui:0", "from": "hosting", "to": "ui", "call": "page + assets", "evidence": [] } }, "id": "binding:lab-system-3-1", "type": "arrow", "fromId": "shape:lab-system-edge-3", "toId": "shape:architecture-muxpzynv-component-prefs", "props": { "terminal": "end", "normalizedAnchor": { "x": 0.5, "y": 0 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" } ] }